How to use createClass method in Playwright Internal

Best JavaScript code snippet using playwright-internal

bench-pe-es5.js

Source:bench-pe-es5.js

1(function () {2 var Link0 = React.createClass({3 displayName: "Link0",4 render: function () {5 return React.createElement("a", { href: "/", className: "_5ljn", rel: undefined, onClick: function () {} });6 }7 });8 var ReactImage1 = React.createClass({9 displayName: "ReactImage1",10 render: function () {11 return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_7e56e9", src: null });12 }13 });14 var Link2 = React.createClass({15 displayName: "Link2",16 render: function () {17 return React.createElement(18 "a",19 { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: "_387r _55pi _2agf _387r _55pi _4jy0 _4jy3 _517h _51sy _42ft", href: "#", haschevron: true, onClick: function () {}, onToggle: function () {}, size: "medium", use: "default", borderShade: "light", suppressed: false, disabled: null, rel: undefined },20 null,21 React.createElement(22 "span",23 { className: "_55pe", style: { "maxWidth": "186px" } },24 null,25 "Dick Madanson (10149999073643408)"26 ),27 React.createElement(ReactImage1, null)28 );29 }30 });31 var AbstractButton3 = React.createClass({32 displayName: "AbstractButton3",33 render: function () {34 return React.createElement(Link2, null);35 }36 });37 var XUIButton4 = React.createClass({38 displayName: "XUIButton4",39 render: function () {40 return React.createElement(AbstractButton3, null);41 }42 });43 var AbstractPopoverButton5 = React.createClass({44 displayName: "AbstractPopoverButton5",45 render: function () {46 return React.createElement(XUIButton4, null);47 }48 });49 var ReactXUIPopoverButton6 = React.createClass({50 displayName: "ReactXUIPopoverButton6",51 render: function () {52 return React.createElement(AbstractPopoverButton5, null);53 }54 });55 var AdsPEAccountSelector7 = React.createClass({56 displayName: "AdsPEAccountSelector7",57 render: function () {58 return React.createElement(ReactXUIPopoverButton6, { ref: "button" });59 }60 });61 var AdsPEAccountSelectorContainer8 = React.createClass({62 displayName: "AdsPEAccountSelectorContainer8",63 render: function () {64 return React.createElement(AdsPEAccountSelector7, null);65 }66 });67 var AbstractButton9 = React.createClass({68 displayName: "AbstractButton9",69 render: function () {70 return React.createElement(71 "button",72 { id: "downloadButton", className: "_5lk0 _4jy0 _4jy3 _517h _51sy _42ft", label: null, onClick: function () {}, use: "default", size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },73 undefined,74 "Download to Power Editor",75 undefined76 );77 }78 });79 var XUIButton10 = React.createClass({80 displayName: "XUIButton10",81 render: function () {82 return React.createElement(AbstractButton9, null);83 }84 });85 var DownloadUploadTimestamp11 = React.createClass({86 displayName: "DownloadUploadTimestamp11",87 render: function () {88 return React.createElement(89 "div",90 null,91 "Last downloaded",92 " ",93 React.createElement(94 "abbr",95 { className: "livetimestamp", "data-utime": 1446062352, "data-shorten": false },96 "a few seconds ago"97 )98 );99 }100 });101 var ReactImage12 = React.createClass({102 displayName: "ReactImage12",103 render: function () {104 return React.createElement("i", { alt: "", className: "_3-8_ img sp_UuU9HmrQ397 sx_dbc06a", src: null });105 }106 });107 var AbstractButton13 = React.createClass({108 displayName: "AbstractButton13",109 render: function () {110 return React.createElement(111 "button",112 { id: "uploadButton", className: "_5lk0 _4jy0 _4jy3 _517h _51sy _42ft", image: {}, use: "default", label: null, onClick: function () {}, size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },113 React.createElement(ReactImage12, null),114 "Upload Changes",115 undefined116 );117 }118 });119 var XUIButton14 = React.createClass({120 displayName: "XUIButton14",121 render: function () {122 return React.createElement(AbstractButton13, null);123 }124 });125 var DownloadUploadTimestamp15 = React.createClass({126 displayName: "DownloadUploadTimestamp15",127 render: function () {128 return React.createElement("div", null);129 }130 });131 var AbstractButton16 = React.createClass({132 displayName: "AbstractButton16",133 render: function () {134 return React.createElement(135 "button",136 { className: "_5ljz _4jy0 _4jy3 _517h _51sy _42ft", label: null, onClick: function () {}, use: "default", size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },137 undefined,138 "Help",139 undefined140 );141 }142 });143 var XUIButton17 = React.createClass({144 displayName: "XUIButton17",145 render: function () {146 return React.createElement(AbstractButton16, null);147 }148 });149 var ReactImage18 = React.createClass({150 displayName: "ReactImage18",151 render: function () {152 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_d5a685" });153 }154 });155 var AbstractButton19 = React.createClass({156 displayName: "AbstractButton19",157 render: function () {158 return React.createElement(159 "button",160 { className: "_5ljw _p _4jy0 _4jy3 _517h _51sy _42ft", image: {}, use: "default", size: "medium", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },161 React.createElement(ReactImage18, null),162 undefined,163 undefined164 );165 }166 });167 var XUIButton20 = React.createClass({168 displayName: "XUIButton20",169 render: function () {170 return React.createElement(AbstractButton19, null);171 }172 });173 var InlineBlock21 = React.createClass({174 displayName: "InlineBlock21",175 render: function () {176 return React.createElement(177 "div",178 { className: "_5ljz uiPopover _6a _6b", alignh: "right", menu: {}, alignv: "middle", disabled: null, fullWidth: false },179 React.createElement(XUIButton20, { key: "/.0" })180 );181 }182 });183 var ReactPopoverMenu22 = React.createClass({184 displayName: "ReactPopoverMenu22",185 render: function () {186 return React.createElement(InlineBlock21, { ref: "root" });187 }188 });189 var XUIButtonGroup23 = React.createClass({190 displayName: "XUIButtonGroup23",191 render: function () {192 return React.createElement(193 "div",194 { className: "_13xj _51xa", id: "helpButton" },195 React.createElement(XUIButton17, null),196 React.createElement(ReactPopoverMenu22, null)197 );198 }199 });200 var AdsPEResetDialog24 = React.createClass({201 displayName: "AdsPEResetDialog24",202 render: function () {203 return React.createElement("span", null);204 }205 });206 var AdsPETopNav25 = React.createClass({207 displayName: "AdsPETopNav25",208 render: function () {209 return React.createElement(210 "div",211 { className: "_5ljl", id: "ads_pe_top_nav" },212 React.createElement(213 "div",214 { ref: "logo", className: "_5ljm" },215 React.createElement(Link0, null),216 React.createElement(217 "div",218 { className: "_5rne" },219 React.createElement(220 "span",221 { className: "_5ljs", "data-testid": "PETopNavLogoText" },222 "Power Editor"223 )224 ),225 React.createElement(226 "span",227 { className: "_5ljt _5lju" },228 "Dick Madanson"229 )230 ),231 React.createElement(232 "div",233 { ref: "leftButtonGroup", className: "_5ljy" },234 React.createElement(235 "div",236 { ref: "accountDropdown", className: "_5ljz _5mun" },237 React.createElement(AdsPEAccountSelectorContainer8, null),238 React.createElement(239 "div",240 { className: "_5lj- _5lju" },241 "Account 10149999073643408"242 )243 ),244 React.createElement(245 "div",246 { className: "_5ljz" },247 React.createElement(248 "div",249 { className: "_5lj_" },250 React.createElement(XUIButton10, null)251 ),252 React.createElement(253 "div",254 { className: "_5lj- _5lju" },255 React.createElement(DownloadUploadTimestamp11, null)256 )257 ),258 React.createElement(259 "div",260 { className: "_5ljz" },261 React.createElement(262 "div",263 { className: "_5lj_" },264 React.createElement(XUIButton14, null)265 ),266 React.createElement(267 "div",268 { className: "_5lj- _5lju" },269 React.createElement(DownloadUploadTimestamp15, null)270 )271 )272 ),273 React.createElement(274 "div",275 { ref: "rightButtonGroup", className: "_5lk3" },276 React.createElement(XUIButtonGroup23, null)277 ),278 React.createElement(AdsPEResetDialog24, null)279 );280 }281 });282 var FluxContainer_ja_26 = React.createClass({283 displayName: "FluxContainer_ja_26",284 render: function () {285 return React.createElement(AdsPETopNav25, null);286 }287 });288 var _wrapper27 = React.createClass({289 displayName: "_wrapper27",290 render: function () {291 return React.createElement(292 "li",293 { selected: true, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _5vwy _45hc _1hqh", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },294 React.createElement(295 "a",296 { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: 0, className: "", "aria-selected": true, onKeyDown: function () {} },297 React.createElement(298 "div",299 { className: "_4jq5" },300 "Manage Ads"301 ),302 React.createElement("span", { className: "_13xf" })303 )304 );305 }306 });307 var TabBarItem28 = React.createClass({308 displayName: "TabBarItem28",309 render: function () {310 return React.createElement(_wrapper27, null);311 }312 });313 var XUIPageNavigationItem29 = React.createClass({314 displayName: "XUIPageNavigationItem29",315 render: function () {316 return React.createElement(TabBarItem28, null);317 }318 });319 var TabBarItemWrapper30 = React.createClass({320 displayName: "TabBarItemWrapper30",321 render: function () {322 return React.createElement(XUIPageNavigationItem29, { key: "MANAGE_ADS" });323 }324 });325 var _wrapper31 = React.createClass({326 displayName: "_wrapper31",327 render: function () {328 return React.createElement(329 "li",330 { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },331 React.createElement(332 "a",333 { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },334 React.createElement(335 "div",336 { className: "_4jq5" },337 "Audiences"338 ),339 React.createElement("span", { className: "_13xf" })340 )341 );342 }343 });344 var TabBarItem32 = React.createClass({345 displayName: "TabBarItem32",346 render: function () {347 return React.createElement(_wrapper31, null);348 }349 });350 var XUIPageNavigationItem33 = React.createClass({351 displayName: "XUIPageNavigationItem33",352 render: function () {353 return React.createElement(TabBarItem32, null);354 }355 });356 var TabBarItemWrapper34 = React.createClass({357 displayName: "TabBarItemWrapper34",358 render: function () {359 return React.createElement(XUIPageNavigationItem33, { key: "AUDIENCES" });360 }361 });362 var _wrapper35 = React.createClass({363 displayName: "_wrapper35",364 render: function () {365 return React.createElement(366 "li",367 { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },368 React.createElement(369 "a",370 { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },371 React.createElement(372 "div",373 { className: "_4jq5" },374 "Image Library"375 ),376 React.createElement("span", { className: "_13xf" })377 )378 );379 }380 });381 var TabBarItem36 = React.createClass({382 displayName: "TabBarItem36",383 render: function () {384 return React.createElement(_wrapper35, null);385 }386 });387 var XUIPageNavigationItem37 = React.createClass({388 displayName: "XUIPageNavigationItem37",389 render: function () {390 return React.createElement(TabBarItem36, null);391 }392 });393 var TabBarItemWrapper38 = React.createClass({394 displayName: "TabBarItemWrapper38",395 render: function () {396 return React.createElement(XUIPageNavigationItem37, { key: "IMAGES" });397 }398 });399 var _wrapper39 = React.createClass({400 displayName: "_wrapper39",401 render: function () {402 return React.createElement(403 "li",404 { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },405 React.createElement(406 "a",407 { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },408 React.createElement(409 "div",410 { className: "_4jq5" },411 "Reporting",412 null413 ),414 React.createElement("span", { className: "_13xf" })415 )416 );417 }418 });419 var TabBarItem40 = React.createClass({420 displayName: "TabBarItem40",421 render: function () {422 return React.createElement(_wrapper39, null);423 }424 });425 var XUIPageNavigationItem41 = React.createClass({426 displayName: "XUIPageNavigationItem41",427 render: function () {428 return React.createElement(TabBarItem40, null);429 }430 });431 var TabBarItemWrapper42 = React.createClass({432 displayName: "TabBarItemWrapper42",433 render: function () {434 return React.createElement(XUIPageNavigationItem41, { key: "REPORTING" });435 }436 });437 var _wrapper43 = React.createClass({438 displayName: "_wrapper43",439 render: function () {440 return React.createElement(441 "li",442 { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },443 React.createElement(444 "a",445 { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },446 React.createElement(447 "div",448 { className: "_4jq5" },449 "Page Posts"450 ),451 React.createElement("span", { className: "_13xf" })452 )453 );454 }455 });456 var TabBarItem44 = React.createClass({457 displayName: "TabBarItem44",458 render: function () {459 return React.createElement(_wrapper43, null);460 }461 });462 var XUIPageNavigationItem45 = React.createClass({463 displayName: "XUIPageNavigationItem45",464 render: function () {465 return React.createElement(TabBarItem44, null);466 }467 });468 var TabBarItemWrapper46 = React.createClass({469 displayName: "TabBarItemWrapper46",470 render: function () {471 return React.createElement(XUIPageNavigationItem45, { key: "PAGES" });472 }473 });474 var TabBarItem47 = React.createClass({475 displayName: "TabBarItem47",476 render: function () {477 return React.createElement(478 "a",479 { ref: "tab", menuClassName: undefined, selected: false, focused: false, hideFocusRing: true, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, label: "Tools", tabComponent: function () {}, shouldWrapTab: false, className: "_45hd _45hc _p _45hc", tabIndex: -1, mockSpacebarClick: false, wrapper: function () {}, href: "#", role: "tab", "aria-selected": false },480 React.createElement(481 "span",482 { className: "_1b0" },483 "Tools",484 React.createElement(485 "span",486 { className: "accessible_elem" },487 "additional tabs menu"488 )489 )490 );491 }492 });493 var InlineBlock48 = React.createClass({494 displayName: "InlineBlock48",495 render: function () {496 return React.createElement(497 "div",498 { menu: {}, layerBehaviors: {}, alignv: "middle", className: "uiPopover _6a _6b", disabled: null, fullWidth: false },499 React.createElement(TabBarItem47, { key: "/.0" })500 );501 }502 });503 var ReactPopoverMenu49 = React.createClass({504 displayName: "ReactPopoverMenu49",505 render: function () {506 return React.createElement(InlineBlock48, { ref: "root" });507 }508 });509 var TabBarDropdownItem50 = React.createClass({510 displayName: "TabBarDropdownItem50",511 render: function () {512 return React.createElement(513 "li",514 { className: " _45hd", role: "tab" },515 React.createElement(ReactPopoverMenu49, null)516 );517 }518 });519 var TabBar51 = React.createClass({520 displayName: "TabBar51",521 render: function () {522 return React.createElement(523 "ul",524 { onTabClick: function () {}, activeTabKey: "MANAGE_ADS", onWidthCalculated: function () {}, width: null, maxTabsVisible: 5, moreLabel: "Tools", alwaysShowActive: true, dropdownTabComponent: function () {}, shouldCalculateVisibleTabs: true, className: "_43o4", role: "tablist", onKeyDown: function () {}, onKeyUp: function () {} },525 React.createElement(TabBarItemWrapper30, { key: "MANAGE_ADS" }),526 React.createElement(TabBarItemWrapper34, { key: "AUDIENCES" }),527 React.createElement(TabBarItemWrapper38, { key: "IMAGES" }),528 React.createElement(TabBarItemWrapper42, { key: "REPORTING" }),529 React.createElement(TabBarItemWrapper46, { key: "PAGES" }),530 React.createElement(TabBarDropdownItem50, { key: "_dropdown", ref: "more" })531 );532 }533 });534 var XUIPageNavigationGroup52 = React.createClass({535 displayName: "XUIPageNavigationGroup52",536 render: function () {537 return React.createElement(TabBar51, { ref: "bar" });538 }539 });540 var LeftRight53 = React.createClass({541 displayName: "LeftRight53",542 render: function () {543 return React.createElement(544 "div",545 { className: "_5vx7 clearfix" },546 React.createElement(547 "div",548 { key: "left", className: "_ohe lfloat" },549 React.createElement(XUIPageNavigationGroup52, { key: "0", ref: "left" })550 ),551 null552 );553 }554 });555 var XUIPageNavigation54 = React.createClass({556 displayName: "XUIPageNavigation54",557 render: function () {558 return React.createElement(559 "div",560 { className: "_5vx2 _5vx4 _5vx6 _5kkt" },561 React.createElement(LeftRight53, null)562 );563 }564 });565 var AdsPENavigationBar55 = React.createClass({566 displayName: "AdsPENavigationBar55",567 render: function () {568 return React.createElement(569 "div",570 { className: "_5_a", id: "ads_pe_navigation_bar" },571 React.createElement(XUIPageNavigation54, null)572 );573 }574 });575 var FluxContainer_w_56 = React.createClass({576 displayName: "FluxContainer_w_56",577 render: function () {578 return React.createElement(AdsPENavigationBar55, null);579 }580 });581 var ReactImage57 = React.createClass({582 displayName: "ReactImage57",583 render: function () {584 return React.createElement(585 "i",586 { alt: "Warning", className: "_585p img sp_R48dKBxiJkP sx_aed870", src: null },587 React.createElement(588 "u",589 null,590 "Warning"591 )592 );593 }594 });595 var Link58 = React.createClass({596 displayName: "Link58",597 render: function () {598 return React.createElement(599 "a",600 { className: "_585q _50zy _50-0 _50z- _5upp _42ft", href: "#", onClick: function () {}, size: "medium", shade: "dark", type: null, label: null, title: "Remove", "aria-label": undefined, "data-hover": undefined, "data-tooltip-alignh": undefined, disabled: null, rel: undefined },601 undefined,602 "Remove",603 undefined604 );605 }606 });607 var AbstractButton59 = React.createClass({608 displayName: "AbstractButton59",609 render: function () {610 return React.createElement(Link58, null);611 }612 });613 var XUIAbstractGlyphButton60 = React.createClass({614 displayName: "XUIAbstractGlyphButton60",615 render: function () {616 return React.createElement(AbstractButton59, null);617 }618 });619 var XUICloseButton61 = React.createClass({620 displayName: "XUICloseButton61",621 render: function () {622 return React.createElement(XUIAbstractGlyphButton60, null);623 }624 });625 var XUIText62 = React.createClass({626 displayName: "XUIText62",627 render: function () {628 return React.createElement(629 "span",630 { weight: "bold", size: "inherit", display: "inline", className: " _50f7" },631 "Ads Manager"632 );633 }634 });635 var Link63 = React.createClass({636 displayName: "Link63",637 render: function () {638 return React.createElement(639 "a",640 { href: "/ads/manage/billing.php?act=10149999073643408", target: "_blank", rel: undefined, onClick: function () {} },641 React.createElement(XUIText62, null)642 );643 }644 });645 var XUINotice64 = React.createClass({646 displayName: "XUINotice64",647 render: function () {648 return React.createElement(649 "div",650 { size: "medium", className: "_585n _585o _2wdd" },651 React.createElement(ReactImage57, null),652 React.createElement(XUICloseButton61, null),653 React.createElement(654 "div",655 { className: "_585r _2i-a _50f4" },656 "Please go to ",657 React.createElement(Link63, null),658 " to set up a payment method for this ad account."659 )660 );661 }662 });663 var ReactCSSTransitionGroupChild65 = React.createClass({664 displayName: "ReactCSSTransitionGroupChild65",665 render: function () {666 return React.createElement(XUINotice64, null);667 }668 });669 var ReactTransitionGroup66 = React.createClass({670 displayName: "ReactTransitionGroup66",671 render: function () {672 return React.createElement(673 "span",674 { transitionEnterTimeout: 500, transitionLeaveTimeout: 500, transitionName: {}, transitionAppear: false, transitionEnter: true, transitionLeave: true, childFactory: function () {}, component: "span" },675 React.createElement(ReactCSSTransitionGroupChild65, { key: ".0", ref: ".0" })676 );677 }678 });679 var ReactCSSTransitionGroup67 = React.createClass({680 displayName: "ReactCSSTransitionGroup67",681 render: function () {682 return React.createElement(ReactTransitionGroup66, null);683 }684 });685 var AdsPETopError68 = React.createClass({686 displayName: "AdsPETopError68",687 render: function () {688 return React.createElement(689 "div",690 { className: "_2wdc" },691 React.createElement(ReactCSSTransitionGroup67, null)692 );693 }694 });695 var FluxContainer_r_69 = React.createClass({696 displayName: "FluxContainer_r_69",697 render: function () {698 return React.createElement(AdsPETopError68, null);699 }700 });701 var ReactImage70 = React.createClass({702 displayName: "ReactImage70",703 render: function () {704 return React.createElement("i", { className: "_3-8_ img sp_UuU9HmrQ397 sx_bae57d", src: null });705 }706 });707 var ReactImage71 = React.createClass({708 displayName: "ReactImage71",709 render: function () {710 return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_7e56e9", src: null });711 }712 });713 var Link72 = React.createClass({714 displayName: "Link72",715 render: function () {716 return React.createElement(717 "a",718 { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: " _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft", href: "#", haschevron: true, onClick: function () {}, size: "large", use: "default", borderShade: "light", suppressed: false, disabled: null, rel: undefined },719 null,720 React.createElement(721 "span",722 { className: "_55pe", style: { "maxWidth": "186px" } },723 React.createElement(ReactImage70, null),724 "Search"725 ),726 React.createElement(ReactImage71, null)727 );728 }729 });730 var AbstractButton73 = React.createClass({731 displayName: "AbstractButton73",732 render: function () {733 return React.createElement(Link72, null);734 }735 });736 var XUIButton74 = React.createClass({737 displayName: "XUIButton74",738 render: function () {739 return React.createElement(AbstractButton73, null);740 }741 });742 var AbstractPopoverButton75 = React.createClass({743 displayName: "AbstractPopoverButton75",744 render: function () {745 return React.createElement(XUIButton74, null);746 }747 });748 var ReactXUIPopoverButton76 = React.createClass({749 displayName: "ReactXUIPopoverButton76",750 render: function () {751 return React.createElement(AbstractPopoverButton75, null);752 }753 });754 var ReactImage77 = React.createClass({755 displayName: "ReactImage77",756 render: function () {757 return React.createElement("i", { className: "_3-8_ img sp_UuU9HmrQ397 sx_81d5f0", src: null });758 }759 });760 var ReactImage78 = React.createClass({761 displayName: "ReactImage78",762 render: function () {763 return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_7e56e9", src: null });764 }765 });766 var Link79 = React.createClass({767 displayName: "Link79",768 render: function () {769 return React.createElement(770 "a",771 { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: " _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft", href: "#", haschevron: true, onClick: function () {}, size: "large", use: "default", borderShade: "light", suppressed: false, disabled: null, rel: undefined },772 null,773 React.createElement(774 "span",775 { className: "_55pe", style: { "maxWidth": "186px" } },776 React.createElement(ReactImage77, null),777 "Filters"778 ),779 React.createElement(ReactImage78, null)780 );781 }782 });783 var AbstractButton80 = React.createClass({784 displayName: "AbstractButton80",785 render: function () {786 return React.createElement(Link79, null);787 }788 });789 var XUIButton81 = React.createClass({790 displayName: "XUIButton81",791 render: function () {792 return React.createElement(AbstractButton80, null);793 }794 });795 var AbstractPopoverButton82 = React.createClass({796 displayName: "AbstractPopoverButton82",797 render: function () {798 return React.createElement(XUIButton81, null);799 }800 });801 var ReactXUIPopoverButton83 = React.createClass({802 displayName: "ReactXUIPopoverButton83",803 render: function () {804 return React.createElement(AbstractPopoverButton82, null);805 }806 });807 var AdsPEFiltersPopover84 = React.createClass({808 displayName: "AdsPEFiltersPopover84",809 render: function () {810 return React.createElement(811 "span",812 { className: "_5b-l _5bbe" },813 React.createElement(ReactXUIPopoverButton76, { ref: "searchButton" }),814 React.createElement(ReactXUIPopoverButton83, { ref: "filterButton" })815 );816 }817 });818 var ReactImage85 = React.createClass({819 displayName: "ReactImage85",820 render: function () {821 return React.createElement("i", { className: "_3yz6 _5whs img sp_UuU9HmrQ397 sx_5fe5c2", src: null });822 }823 });824 var AbstractButton86 = React.createClass({825 displayName: "AbstractButton86",826 render: function () {827 return React.createElement(828 "button",829 { className: "_3yz9 _1t-2 _50z_ _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () {}, shade: "dark", type: "button", label: null, title: "Remove", "aria-label": undefined, "data-hover": undefined, "data-tooltip-alignh": undefined },830 undefined,831 "Remove",832 undefined833 );834 }835 });836 var XUIAbstractGlyphButton87 = React.createClass({837 displayName: "XUIAbstractGlyphButton87",838 render: function () {839 return React.createElement(AbstractButton86, null);840 }841 });842 var XUICloseButton88 = React.createClass({843 displayName: "XUICloseButton88",844 render: function () {845 return React.createElement(XUIAbstractGlyphButton87, null);846 }847 });848 var ReactImage89 = React.createClass({849 displayName: "ReactImage89",850 render: function () {851 return React.createElement("i", { className: "_5b5p _4gem img sp_UuU9HmrQ397 sx_5fe5c2", src: null });852 }853 });854 var ReactImage90 = React.createClass({855 displayName: "ReactImage90",856 render: function () {857 return React.createElement("i", { src: null, className: "_541d img sp_R48dKBxiJkP sx_dc2cdb" });858 }859 });860 var AdsPopoverLink91 = React.createClass({861 displayName: "AdsPopoverLink91",862 render: function () {863 return React.createElement(864 "span",865 { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {} },866 React.createElement("span", { className: "_3o_j" }),867 React.createElement(ReactImage90, null)868 );869 }870 });871 var AdsHelpLink92 = React.createClass({872 displayName: "AdsHelpLink92",873 render: function () {874 return React.createElement(AdsPopoverLink91, null);875 }876 });877 var AbstractButton93 = React.createClass({878 displayName: "AbstractButton93",879 render: function () {880 return React.createElement(881 "button",882 { className: "_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft", label: null, use: "default", onClick: function () {}, size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },883 undefined,884 "Apply",885 undefined886 );887 }888 });889 var XUIButton94 = React.createClass({890 displayName: "XUIButton94",891 render: function () {892 return React.createElement(AbstractButton93, null);893 }894 });895 var BUIFilterTokenInput95 = React.createClass({896 displayName: "BUIFilterTokenInput95",897 render: function () {898 return React.createElement(899 "div",900 { className: "_5b5o _3yz3 _4cld" },901 React.createElement(902 "div",903 { className: "_5b5t _2d2k" },904 React.createElement(ReactImage89, null),905 React.createElement(906 "div",907 { className: "_5b5r" },908 "Ads: (1)",909 React.createElement(AdsHelpLink92, null)910 )911 ),912 React.createElement(XUIButton94, null)913 );914 }915 });916 var BUIFilterToken96 = React.createClass({917 displayName: "BUIFilterToken96",918 render: function () {919 return React.createElement(920 "div",921 { className: "_3yz1 _3yz2 _3dad" },922 React.createElement(923 "div",924 { ref: "filterToken", className: "_3yz4", "aria-hidden": false },925 React.createElement(926 "div",927 { onClick: function () {}, className: "_3yz5" },928 React.createElement(ReactImage85, null),929 React.createElement(930 "div",931 { className: "_3yz7" },932 "Ads:"933 ),934 React.createElement(935 "div",936 { className: "ellipsis _3yz8", "data-hover": "tooltip", "data-tooltip-display": "overflow" },937 "(1)"938 )939 ),940 React.createElement(XUICloseButton88, null)941 ),942 React.createElement(BUIFilterTokenInput95, { ref: "filterTokenInput" })943 );944 }945 });946 var ReactImage97 = React.createClass({947 displayName: "ReactImage97",948 render: function () {949 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_158e8d" });950 }951 });952 var AbstractButton98 = React.createClass({953 displayName: "AbstractButton98",954 render: function () {955 return React.createElement(956 "button",957 { className: "_1wdf _4jy0 _517i _517h _51sy _42ft", size: "small", onClick: function () {}, image: {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },958 React.createElement(ReactImage97, null),959 undefined,960 undefined961 );962 }963 });964 var XUIButton99 = React.createClass({965 displayName: "XUIButton99",966 render: function () {967 return React.createElement(AbstractButton98, null);968 }969 });970 var BUIFilterTokenCreateButton100 = React.createClass({971 displayName: "BUIFilterTokenCreateButton100",972 render: function () {973 return React.createElement(974 "div",975 { className: "_1tc" },976 React.createElement(XUIButton99, null)977 );978 }979 });980 var BUIFilterTokenizer101 = React.createClass({981 displayName: "BUIFilterTokenizer101",982 render: function () {983 return React.createElement(984 "div",985 { className: "_5b-m _3o1v clearfix" },986 undefined,987 [],988 React.createElement(BUIFilterToken96, { key: "token0" }),989 React.createElement(BUIFilterTokenCreateButton100, null),990 null,991 React.createElement("div", { className: "_49u3" })992 );993 }994 });995 var AdsPEAmbientNUXMegaphone102 = React.createClass({996 displayName: "AdsPEAmbientNUXMegaphone102",997 render: function () {998 return React.createElement("span", { ref: "mainChild" });999 }1000 });1001 var AdsPEFilters103 = React.createClass({1002 displayName: "AdsPEFilters103",1003 render: function () {1004 return React.createElement(1005 "div",1006 { className: "_4rw_" },1007 React.createElement(AdsPEFiltersPopover84, null),1008 null,1009 React.createElement(BUIFilterTokenizer101, null),1010 "",1011 React.createElement(AdsPEAmbientNUXMegaphone102, null)1012 );1013 }1014 });1015 var AdsPEFilterContainer104 = React.createClass({1016 displayName: "AdsPEFilterContainer104",1017 render: function () {1018 return React.createElement(AdsPEFilters103, null);1019 }1020 });1021 var AdsPECampaignTimeLimitNotice105 = React.createClass({1022 displayName: "AdsPECampaignTimeLimitNotice105",1023 render: function () {1024 return React.createElement("div", null);1025 }1026 });1027 var AdsPECampaignTimeLimitNoticeContainer106 = React.createClass({1028 displayName: "AdsPECampaignTimeLimitNoticeContainer106",1029 render: function () {1030 return React.createElement(AdsPECampaignTimeLimitNotice105, null);1031 }1032 });1033 var AdsPETablePager107 = React.createClass({1034 displayName: "AdsPETablePager107",1035 render: function () {1036 return null;1037 }1038 });1039 var AdsPEAdgroupTablePagerContainer108 = React.createClass({1040 displayName: "AdsPEAdgroupTablePagerContainer108",1041 render: function () {1042 return React.createElement(AdsPETablePager107, null);1043 }1044 });1045 var AdsPETablePagerContainer109 = React.createClass({1046 displayName: "AdsPETablePagerContainer109",1047 render: function () {1048 return React.createElement(AdsPEAdgroupTablePagerContainer108, null);1049 }1050 });1051 var ReactImage110 = React.createClass({1052 displayName: "ReactImage110",1053 render: function () {1054 return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_132804", src: null });1055 }1056 });1057 var Link111 = React.createClass({1058 displayName: "Link111",1059 render: function () {1060 return React.createElement(1061 "a",1062 { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: "_55pi _2agf _55pi _4jy0 _4jy4 _517h _51sy _42ft", href: "#", disabled: null, maxwidth: undefined, size: "large", suppressed: false, chevron: {}, use: "default", borderShade: "light", onClick: function () {}, rel: undefined },1063 null,1064 React.createElement(1065 "span",1066 { className: "_55pe", style: { "maxWidth": "186px" } },1067 null,1068 "Lifetime"1069 ),1070 React.createElement(ReactImage110, null)1071 );1072 }1073 });1074 var AbstractButton112 = React.createClass({1075 displayName: "AbstractButton112",1076 render: function () {1077 return React.createElement(Link111, null);1078 }1079 });1080 var XUIButton113 = React.createClass({1081 displayName: "XUIButton113",1082 render: function () {1083 return React.createElement(AbstractButton112, null);1084 }1085 });1086 var AbstractPopoverButton114 = React.createClass({1087 displayName: "AbstractPopoverButton114",1088 render: function () {1089 return React.createElement(XUIButton113, null);1090 }1091 });1092 var ReactXUIPopoverButton115 = React.createClass({1093 displayName: "ReactXUIPopoverButton115",1094 render: function () {1095 return React.createElement(AbstractPopoverButton114, null);1096 }1097 });1098 var XUISingleSelectorButton116 = React.createClass({1099 displayName: "XUISingleSelectorButton116",1100 render: function () {1101 return React.createElement(ReactXUIPopoverButton115, null);1102 }1103 });1104 var InlineBlock117 = React.createClass({1105 displayName: "InlineBlock117",1106 render: function () {1107 return React.createElement(1108 "div",1109 { className: "_3c5o _3c5p _6a _6b", defaultValue: "LIFETIME", size: "large", onChange: function () {}, disabled: false, alignv: "middle", fullWidth: false },1110 React.createElement("input", { type: "hidden", autoComplete: "off", name: undefined, value: "LIFETIME" }),1111 React.createElement(XUISingleSelectorButton116, { ref: "button" })1112 );1113 }1114 });1115 var XUISingleSelector118 = React.createClass({1116 displayName: "XUISingleSelector118",1117 render: function () {1118 return React.createElement(InlineBlock117, null);1119 }1120 });1121 var ReactImage119 = React.createClass({1122 displayName: "ReactImage119",1123 render: function () {1124 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_6c732d" });1125 }1126 });1127 var AbstractButton120 = React.createClass({1128 displayName: "AbstractButton120",1129 render: function () {1130 return React.createElement(1131 "button",1132 { "aria-label": "List Settings", className: "_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", image: {}, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },1133 React.createElement(ReactImage119, null),1134 undefined,1135 undefined1136 );1137 }1138 });1139 var XUIButton121 = React.createClass({1140 displayName: "XUIButton121",1141 render: function () {1142 return React.createElement(AbstractButton120, null);1143 }1144 });1145 var AdsPEStatRange122 = React.createClass({1146 displayName: "AdsPEStatRange122",1147 render: function () {1148 return React.createElement(1149 "div",1150 { className: "_3c5k" },1151 React.createElement(1152 "span",1153 { className: "_3c5j" },1154 "Stats:"1155 ),1156 React.createElement(1157 "span",1158 { className: "_3c5l" },1159 React.createElement(XUISingleSelector118, { key: "range" }),1160 null,1161 React.createElement(XUIButton121, { key: "settings" })1162 )1163 );1164 }1165 });1166 var AdsPEStatRangeContainer123 = React.createClass({1167 displayName: "AdsPEStatRangeContainer123",1168 render: function () {1169 return React.createElement(AdsPEStatRange122, null);1170 }1171 });1172 var Column124 = React.createClass({1173 displayName: "Column124",1174 render: function () {1175 return React.createElement(1176 "div",1177 { className: "_4bl8 _4bl7" },1178 React.createElement(1179 "div",1180 { className: "_3c5f" },1181 null,1182 React.createElement(AdsPETablePagerContainer109, null),1183 React.createElement("div", { className: "_3c5i" }),1184 React.createElement(AdsPEStatRangeContainer123, null)1185 )1186 );1187 }1188 });1189 var ReactImage125 = React.createClass({1190 displayName: "ReactImage125",1191 render: function () {1192 return React.createElement("i", { alt: "", className: "_3-8_ img sp_UuU9HmrQ397 sx_158e8d", src: null });1193 }1194 });1195 var AbstractButton126 = React.createClass({1196 displayName: "AbstractButton126",1197 render: function () {1198 return React.createElement(1199 "button",1200 { className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", label: null, size: "large", onClick: function () {}, image: {}, use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },1201 React.createElement(ReactImage125, null),1202 "Create Ad",1203 undefined1204 );1205 }1206 });1207 var XUIButton127 = React.createClass({1208 displayName: "XUIButton127",1209 render: function () {1210 return React.createElement(AbstractButton126, null);1211 }1212 });1213 var ReactImage128 = React.createClass({1214 displayName: "ReactImage128",1215 render: function () {1216 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_d5a685" });1217 }1218 });1219 var AbstractButton129 = React.createClass({1220 displayName: "AbstractButton129",1221 render: function () {1222 return React.createElement(1223 "button",1224 { className: "_u_k _p _4jy0 _4jy4 _517h _51sy _42ft", image: {}, size: "large", use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },1225 React.createElement(ReactImage128, null),1226 undefined,1227 undefined1228 );1229 }1230 });1231 var XUIButton130 = React.createClass({1232 displayName: "XUIButton130",1233 render: function () {1234 return React.createElement(AbstractButton129, null);1235 }1236 });1237 var InlineBlock131 = React.createClass({1238 displayName: "InlineBlock131",1239 render: function () {1240 return React.createElement(1241 "div",1242 { menu: {}, alignh: "right", layerBehaviors: {}, alignv: "middle", className: "uiPopover _6a _6b", disabled: null, fullWidth: false },1243 React.createElement(XUIButton130, { key: "/.0" })1244 );1245 }1246 });1247 var ReactPopoverMenu132 = React.createClass({1248 displayName: "ReactPopoverMenu132",1249 render: function () {1250 return React.createElement(InlineBlock131, { ref: "root" });1251 }1252 });1253 var XUIButtonGroup133 = React.createClass({1254 displayName: "XUIButtonGroup133",1255 render: function () {1256 return React.createElement(1257 "div",1258 { className: "_5n7z _51xa" },1259 React.createElement(XUIButton127, null),1260 React.createElement(ReactPopoverMenu132, null)1261 );1262 }1263 });1264 var ReactImage134 = React.createClass({1265 displayName: "ReactImage134",1266 render: function () {1267 return React.createElement("i", { alt: "", className: "_3-8_ img sp_UuU9HmrQ397 sx_990b54", src: null });1268 }1269 });1270 var AbstractButton135 = React.createClass({1271 displayName: "AbstractButton135",1272 render: function () {1273 return React.createElement(1274 "button",1275 { size: "large", disabled: false, className: "_d2_ _u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", image: {}, "data-hover": "tooltip", "aria-label": "Edit Ads (Ctrl+U)", onClick: function () {}, use: "default", label: null, borderShade: "light", suppressed: false, type: "submit", value: "1" },1276 React.createElement(ReactImage134, null),1277 "Edit",1278 undefined1279 );1280 }1281 });1282 var XUIButton136 = React.createClass({1283 displayName: "XUIButton136",1284 render: function () {1285 return React.createElement(AbstractButton135, null);1286 }1287 });1288 var ReactImage137 = React.createClass({1289 displayName: "ReactImage137",1290 render: function () {1291 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_203adb" });1292 }1293 });1294 var AbstractButton138 = React.createClass({1295 displayName: "AbstractButton138",1296 render: function () {1297 return React.createElement(1298 "button",1299 { "aria-label": "Duplicate", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", disabled: false, image: {}, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },1300 React.createElement(ReactImage137, null),1301 undefined,1302 undefined1303 );1304 }1305 });1306 var XUIButton139 = React.createClass({1307 displayName: "XUIButton139",1308 render: function () {1309 return React.createElement(AbstractButton138, null);1310 }1311 });1312 var ReactImage140 = React.createClass({1313 displayName: "ReactImage140",1314 render: function () {1315 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_0c342e" });1316 }1317 });1318 var AbstractButton141 = React.createClass({1319 displayName: "AbstractButton141",1320 render: function () {1321 return React.createElement(1322 "button",1323 { "aria-label": "Revert", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr", "data-hover": "tooltip", disabled: true, image: {}, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },1324 React.createElement(ReactImage140, null),1325 undefined,1326 undefined1327 );1328 }1329 });1330 var XUIButton142 = React.createClass({1331 displayName: "XUIButton142",1332 render: function () {1333 return React.createElement(AbstractButton141, null);1334 }1335 });1336 var ReactImage143 = React.createClass({1337 displayName: "ReactImage143",1338 render: function () {1339 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_0e75f5" });1340 }1341 });1342 var AbstractButton144 = React.createClass({1343 displayName: "AbstractButton144",1344 render: function () {1345 return React.createElement(1346 "button",1347 { "aria-label": "Delete", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", image: {}, "data-hover": "tooltip", disabled: false, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },1348 React.createElement(ReactImage143, null),1349 undefined,1350 undefined1351 );1352 }1353 });1354 var XUIButton145 = React.createClass({1355 displayName: "XUIButton145",1356 render: function () {1357 return React.createElement(AbstractButton144, null);1358 }1359 });1360 var XUIButtonGroup146 = React.createClass({1361 displayName: "XUIButtonGroup146",1362 render: function () {1363 return React.createElement(1364 "div",1365 { className: "_5n7z _51xa" },1366 React.createElement(XUIButton139, { key: "duplicate" }),1367 React.createElement(XUIButton142, { key: "revert" }),1368 React.createElement(XUIButton145, { key: "delete" })1369 );1370 }1371 });1372 var ReactImage147 = React.createClass({1373 displayName: "ReactImage147",1374 render: function () {1375 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_8c19ae" });1376 }1377 });1378 var AbstractButton148 = React.createClass({1379 displayName: "AbstractButton148",1380 render: function () {1381 return React.createElement(1382 "button",1383 { size: "large", disabled: false, className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", image: {}, "data-hover": "tooltip", "aria-label": "Save Audience", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },1384 React.createElement(ReactImage147, null),1385 undefined,1386 undefined1387 );1388 }1389 });1390 var XUIButton149 = React.createClass({1391 displayName: "XUIButton149",1392 render: function () {1393 return React.createElement(AbstractButton148, null);1394 }1395 });1396 var ReactImage150 = React.createClass({1397 displayName: "ReactImage150",1398 render: function () {1399 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_d2b33c" });1400 }1401 });1402 var AbstractButton151 = React.createClass({1403 displayName: "AbstractButton151",1404 render: function () {1405 return React.createElement(1406 "button",1407 { size: "large", className: "_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, image: {}, "data-hover": "tooltip", "aria-label": "Export & Import", use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },1408 React.createElement(ReactImage150, null),1409 undefined,1410 undefined1411 );1412 }1413 });1414 var XUIButton152 = React.createClass({1415 displayName: "XUIButton152",1416 render: function () {1417 return React.createElement(AbstractButton151, null);1418 }1419 });1420 var InlineBlock153 = React.createClass({1421 displayName: "InlineBlock153",1422 render: function () {1423 return React.createElement(1424 "div",1425 { menu: {}, size: "large", alignv: "middle", className: "uiPopover _6a _6b", disabled: null, fullWidth: false },1426 React.createElement(XUIButton152, { key: "/.0" })1427 );1428 }1429 });1430 var ReactPopoverMenu154 = React.createClass({1431 displayName: "ReactPopoverMenu154",1432 render: function () {1433 return React.createElement(InlineBlock153, { ref: "root" });1434 }1435 });1436 var AdsPEExportImportMenu155 = React.createClass({1437 displayName: "AdsPEExportImportMenu155",1438 render: function () {1439 return React.createElement(ReactPopoverMenu154, { key: "export" });1440 }1441 });1442 var FluxContainer_x_156 = React.createClass({1443 displayName: "FluxContainer_x_156",1444 render: function () {1445 return null;1446 }1447 });1448 var AdsPEExportAsTextDialog157 = React.createClass({1449 displayName: "AdsPEExportAsTextDialog157",1450 render: function () {1451 return null;1452 }1453 });1454 var FluxContainer_q_158 = React.createClass({1455 displayName: "FluxContainer_q_158",1456 render: function () {1457 return React.createElement(AdsPEExportAsTextDialog157, null);1458 }1459 });1460 var AdsPEExportImportMenuContainer159 = React.createClass({1461 displayName: "AdsPEExportImportMenuContainer159",1462 render: function () {1463 return React.createElement(1464 "span",1465 null,1466 React.createElement(AdsPEExportImportMenu155, null),1467 React.createElement(FluxContainer_x_156, null),1468 React.createElement(FluxContainer_q_158, null),1469 null1470 );1471 }1472 });1473 var ReactImage160 = React.createClass({1474 displayName: "ReactImage160",1475 render: function () {1476 return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_872db1" });1477 }1478 });1479 var AbstractButton161 = React.createClass({1480 displayName: "AbstractButton161",1481 render: function () {1482 return React.createElement(1483 "button",1484 { size: "large", disabled: false, onClick: function () {}, className: "_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", image: {}, style: { "boxSizing": "border-box", "height": "28px", "width": "48px" }, "data-hover": "tooltip", "aria-label": "Create Report", use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },1485 React.createElement(ReactImage160, null),1486 undefined,1487 undefined1488 );1489 }1490 });1491 var XUIButton162 = React.createClass({1492 displayName: "XUIButton162",1493 render: function () {1494 return React.createElement(AbstractButton161, null);1495 }1496 });1497 var AbstractButton163 = React.createClass({1498 displayName: "AbstractButton163",1499 render: function () {1500 return React.createElement(1501 "button",1502 { size: "large", disabled: true, className: "hidden_elem _5n7z _4jy0 _4jy4 _517h _51sy _42ft _42fr", label: null, onClick: function () {}, use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },1503 undefined,1504 "Generate Variations",1505 undefined1506 );1507 }1508 });1509 var XUIButton164 = React.createClass({1510 displayName: "XUIButton164",1511 render: function () {1512 return React.createElement(AbstractButton163, null);1513 }1514 });1515 var XUIButtonGroup165 = React.createClass({1516 displayName: "XUIButtonGroup165",1517 render: function () {1518 return React.createElement(1519 "div",1520 { className: "_5n7z _51xa" },1521 React.createElement(XUIButton149, { key: "saveAudience" }),1522 React.createElement(AdsPEExportImportMenuContainer159, null),1523 React.createElement(XUIButton162, { key: "createReport", ref: "ads_create_report_button" }),1524 React.createElement(XUIButton164, { key: "variations" })1525 );1526 }1527 });1528 var FillColumn166 = React.createClass({1529 displayName: "FillColumn166",1530 render: function () {1531 return React.createElement(1532 "div",1533 { className: "_4bl9" },1534 React.createElement(1535 "span",1536 { className: "_3c5e" },1537 React.createElement(1538 "span",1539 null,1540 React.createElement(XUIButtonGroup133, null),1541 React.createElement(XUIButton136, { key: "edit" }),1542 React.createElement(XUIButtonGroup146, null)1543 ),1544 React.createElement(XUIButtonGroup165, null)1545 )1546 );1547 }1548 });1549 var Layout167 = React.createClass({1550 displayName: "Layout167",1551 render: function () {1552 return React.createElement(1553 "div",1554 { className: "clearfix" },1555 React.createElement(Column124, { key: "1" }),1556 React.createElement(FillColumn166, { key: "0" })1557 );1558 }1559 });1560 var AdsPEMainPaneToolbar168 = React.createClass({1561 displayName: "AdsPEMainPaneToolbar168",1562 render: function () {1563 return React.createElement(1564 "div",1565 { className: "_3c5b clearfix" },1566 React.createElement(Layout167, null)1567 );1568 }1569 });1570 var AdsPEAdgroupToolbarContainer169 = React.createClass({1571 displayName: "AdsPEAdgroupToolbarContainer169",1572 render: function () {1573 return React.createElement(1574 "div",1575 null,1576 React.createElement(AdsPEMainPaneToolbar168, null),1577 null1578 );1579 }1580 });1581 var AbstractButton170 = React.createClass({1582 displayName: "AbstractButton170",1583 render: function () {1584 return React.createElement(1585 "button",1586 { className: "_tm3 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", label: null, "data-tooltip-position": "right", "aria-label": "Campaigns", "data-hover": "tooltip", onClick: function () {}, size: "xxlarge", use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },1587 undefined,1588 React.createElement(1589 "div",1590 null,1591 React.createElement("div", { className: "_tma" }),1592 React.createElement("div", { className: "_tm8" }),1593 React.createElement(1594 "div",1595 { className: "_tm9" },1596 11597 )1598 ),1599 undefined1600 );1601 }1602 });1603 var XUIButton171 = React.createClass({1604 displayName: "XUIButton171",1605 render: function () {1606 return React.createElement(AbstractButton170, null);1607 }1608 });1609 var AbstractButton172 = React.createClass({1610 displayName: "AbstractButton172",1611 render: function () {1612 return React.createElement(1613 "button",1614 { className: "_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", label: null, "data-tooltip-position": "right", "aria-label": "Ad Sets", "data-hover": "tooltip", onClick: function () {}, size: "xxlarge", use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },1615 undefined,1616 React.createElement(1617 "div",1618 null,1619 React.createElement("div", { className: "_tma" }),1620 React.createElement("div", { className: "_tm8" }),1621 React.createElement(1622 "div",1623 { className: "_tm9" },1624 11625 )1626 ),1627 undefined1628 );1629 }1630 });1631 var XUIButton173 = React.createClass({1632 displayName: "XUIButton173",1633 render: function () {1634 return React.createElement(AbstractButton172, null);1635 }1636 });1637 var AbstractButton174 = React.createClass({1638 displayName: "AbstractButton174",1639 render: function () {1640 return React.createElement(1641 "button",1642 { className: "_tm5 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft", label: null, "data-tooltip-position": "right", "aria-label": "Ads", "data-hover": "tooltip", onClick: function () {}, size: "xxlarge", use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },1643 undefined,1644 React.createElement(1645 "div",1646 null,1647 React.createElement("div", { className: "_tma" }),1648 React.createElement("div", { className: "_tm8" }),1649 React.createElement(1650 "div",1651 { className: "_tm9" },1652 11653 )1654 ),1655 undefined1656 );1657 }1658 });1659 var XUIButton175 = React.createClass({1660 displayName: "XUIButton175",1661 render: function () {1662 return React.createElement(AbstractButton174, null);1663 }1664 });1665 var AdsPESimpleOrganizer176 = React.createClass({1666 displayName: "AdsPESimpleOrganizer176",1667 render: function () {1668 return React.createElement(1669 "div",1670 { className: "_tm2" },1671 React.createElement(XUIButton171, null),1672 React.createElement(XUIButton173, null),1673 React.createElement(XUIButton175, null)1674 );1675 }1676 });1677 var AdsPEOrganizerContainer177 = React.createClass({1678 displayName: "AdsPEOrganizerContainer177",1679 render: function () {1680 return React.createElement(1681 "div",1682 null,1683 React.createElement(AdsPESimpleOrganizer176, null)1684 );1685 }1686 });1687 var FixedDataTableColumnResizeHandle178 = React.createClass({1688 displayName: "FixedDataTableColumnResizeHandle178",1689 render: function () {1690 return React.createElement(1691 "div",1692 { className: "_3487 _3488 _3489", style: { "width": 0, "height": 532, "left": 0 } },1693 React.createElement("div", { className: "_348a", style: { "height": 532 } })1694 );1695 }1696 });1697 var ReactImage179 = React.createClass({1698 displayName: "ReactImage179",1699 render: function () {1700 return React.createElement("i", { className: "_1cie _1cif img sp_R48dKBxiJkP sx_dc0ad2", src: null });1701 }1702 });1703 var AdsPETableHeader180 = React.createClass({1704 displayName: "AdsPETableHeader180",1705 render: function () {1706 return React.createElement(1707 "div",1708 { className: "_1cig _1ksv _1vd7 _4h2r" },1709 React.createElement(ReactImage179, null),1710 React.createElement(1711 "span",1712 { className: "_1cid" },1713 "Ads"1714 )1715 );1716 }1717 });1718 var TransitionCell181 = React.createClass({1719 displayName: "TransitionCell181",1720 render: function () {1721 return React.createElement(1722 "div",1723 { isHeaderCell: true, label: "Ads", dataKey: 0, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 521, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 521 } },1724 React.createElement(1725 "div",1726 { className: "_4lgd _4h2w" },1727 React.createElement(1728 "div",1729 { className: "_4lge _4h2x" },1730 React.createElement(AdsPETableHeader180, null)1731 )1732 )1733 );1734 }1735 });1736 var FixedDataTableCell182 = React.createClass({1737 displayName: "FixedDataTableCell182",1738 render: function () {1739 return React.createElement(1740 "div",1741 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 521, "left": 0 } },1742 undefined,1743 React.createElement(TransitionCell181, null)1744 );1745 }1746 });1747 var FixedDataTableCellGroupImpl183 = React.createClass({1748 displayName: "FixedDataTableCellGroupImpl183",1749 render: function () {1750 return React.createElement(1751 "div",1752 { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 521, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },1753 React.createElement(FixedDataTableCell182, { key: "cell_0" })1754 );1755 }1756 });1757 var FixedDataTableCellGroup184 = React.createClass({1758 displayName: "FixedDataTableCellGroup184",1759 render: function () {1760 return React.createElement(1761 "div",1762 { style: { "height": 40, "left": 0 }, className: "_3pzk" },1763 React.createElement(FixedDataTableCellGroupImpl183, null)1764 );1765 }1766 });1767 var AdsPETableHeader185 = React.createClass({1768 displayName: "AdsPETableHeader185",1769 render: function () {1770 return React.createElement(1771 "div",1772 { className: "_1cig _1vd7 _4h2r" },1773 null,1774 React.createElement(1775 "span",1776 { className: "_1cid" },1777 "Delivery"1778 )1779 );1780 }1781 });1782 var TransitionCell186 = React.createClass({1783 displayName: "TransitionCell186",1784 render: function () {1785 return React.createElement(1786 "div",1787 { isHeaderCell: true, label: "Delivery", dataKey: 1, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 298, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 298 } },1788 React.createElement(1789 "div",1790 { className: "_4lgd _4h2w" },1791 React.createElement(1792 "div",1793 { className: "_4lge _4h2x" },1794 React.createElement(AdsPETableHeader185, null)1795 )1796 )1797 );1798 }1799 });1800 var FixedDataTableCell187 = React.createClass({1801 displayName: "FixedDataTableCell187",1802 render: function () {1803 return React.createElement(1804 "div",1805 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 298, "left": 0 } },1806 undefined,1807 React.createElement(TransitionCell186, null)1808 );1809 }1810 });1811 var AdsPETableHeader188 = React.createClass({1812 displayName: "AdsPETableHeader188",1813 render: function () {1814 return React.createElement(1815 "div",1816 { className: "_1cig _1vd7 _4h2r" },1817 null,1818 React.createElement(1819 "span",1820 { className: "_1cid" },1821 "Performance"1822 )1823 );1824 }1825 });1826 var TransitionCell189 = React.createClass({1827 displayName: "TransitionCell189",1828 render: function () {1829 return React.createElement(1830 "div",1831 { isHeaderCell: true, label: "Performance", dataKey: 2, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 490, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 490 } },1832 React.createElement(1833 "div",1834 { className: "_4lgd _4h2w" },1835 React.createElement(1836 "div",1837 { className: "_4lge _4h2x" },1838 React.createElement(AdsPETableHeader188, null)1839 )1840 )1841 );1842 }1843 });1844 var FixedDataTableCell190 = React.createClass({1845 displayName: "FixedDataTableCell190",1846 render: function () {1847 return React.createElement(1848 "div",1849 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 490, "left": 298 } },1850 undefined,1851 React.createElement(TransitionCell189, null)1852 );1853 }1854 });1855 var AdsPETableHeader191 = React.createClass({1856 displayName: "AdsPETableHeader191",1857 render: function () {1858 return React.createElement(1859 "div",1860 { className: "_1cig _1vd7 _4h2r" },1861 null,1862 React.createElement(1863 "span",1864 { className: "_1cid" },1865 "Overview"1866 )1867 );1868 }1869 });1870 var TransitionCell192 = React.createClass({1871 displayName: "TransitionCell192",1872 render: function () {1873 return React.createElement(1874 "div",1875 { isHeaderCell: true, label: "Overview", dataKey: 3, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 972, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 972 } },1876 React.createElement(1877 "div",1878 { className: "_4lgd _4h2w" },1879 React.createElement(1880 "div",1881 { className: "_4lge _4h2x" },1882 React.createElement(AdsPETableHeader191, null)1883 )1884 )1885 );1886 }1887 });1888 var FixedDataTableCell193 = React.createClass({1889 displayName: "FixedDataTableCell193",1890 render: function () {1891 return React.createElement(1892 "div",1893 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 972, "left": 788 } },1894 undefined,1895 React.createElement(TransitionCell192, null)1896 );1897 }1898 });1899 var AdsPETableHeader194 = React.createClass({1900 displayName: "AdsPETableHeader194",1901 render: function () {1902 return React.createElement(1903 "div",1904 { className: "_1cig _1vd7 _4h2r" },1905 null,1906 React.createElement(1907 "span",1908 { className: "_1cid" },1909 "Creative Assets"1910 )1911 );1912 }1913 });1914 var TransitionCell195 = React.createClass({1915 displayName: "TransitionCell195",1916 render: function () {1917 return React.createElement(1918 "div",1919 { isHeaderCell: true, label: "Creative Assets", dataKey: 4, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 514, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 514 } },1920 React.createElement(1921 "div",1922 { className: "_4lgd _4h2w" },1923 React.createElement(1924 "div",1925 { className: "_4lge _4h2x" },1926 React.createElement(AdsPETableHeader194, null)1927 )1928 )1929 );1930 }1931 });1932 var FixedDataTableCell196 = React.createClass({1933 displayName: "FixedDataTableCell196",1934 render: function () {1935 return React.createElement(1936 "div",1937 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 514, "left": 1760 } },1938 undefined,1939 React.createElement(TransitionCell195, null)1940 );1941 }1942 });1943 var AdsPETableHeader197 = React.createClass({1944 displayName: "AdsPETableHeader197",1945 render: function () {1946 return React.createElement(1947 "div",1948 { className: "_1cig _1vd7 _4h2r" },1949 null,1950 React.createElement(1951 "span",1952 { className: "_1cid" },1953 "Toplines"1954 )1955 );1956 }1957 });1958 var TransitionCell198 = React.createClass({1959 displayName: "TransitionCell198",1960 render: function () {1961 return React.createElement(1962 "div",1963 { isHeaderCell: true, label: "Toplines", dataKey: 5, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 0, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 0 } },1964 React.createElement(1965 "div",1966 { className: "_4lgd _4h2w" },1967 React.createElement(1968 "div",1969 { className: "_4lge _4h2x" },1970 React.createElement(AdsPETableHeader197, null)1971 )1972 )1973 );1974 }1975 });1976 var FixedDataTableCell199 = React.createClass({1977 displayName: "FixedDataTableCell199",1978 render: function () {1979 return React.createElement(1980 "div",1981 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 0, "left": 2274 } },1982 undefined,1983 React.createElement(TransitionCell198, null)1984 );1985 }1986 });1987 var AdsPETableHeader200 = React.createClass({1988 displayName: "AdsPETableHeader200",1989 render: function () {1990 return React.createElement("div", { className: "_1cig _1vd7 _4h2r" });1991 }1992 });1993 var TransitionCell201 = React.createClass({1994 displayName: "TransitionCell201",1995 render: function () {1996 return React.createElement(1997 "div",1998 { isHeaderCell: true, label: "", dataKey: 6, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 25, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 25 } },1999 React.createElement(2000 "div",2001 { className: "_4lgd _4h2w" },2002 React.createElement(2003 "div",2004 { className: "_4lge _4h2x" },2005 React.createElement(AdsPETableHeader200, null)2006 )2007 )2008 );2009 }2010 });2011 var FixedDataTableCell202 = React.createClass({2012 displayName: "FixedDataTableCell202",2013 render: function () {2014 return React.createElement(2015 "div",2016 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 25, "left": 2274 } },2017 undefined,2018 React.createElement(TransitionCell201, null)2019 );2020 }2021 });2022 var FixedDataTableCellGroupImpl203 = React.createClass({2023 displayName: "FixedDataTableCellGroupImpl203",2024 render: function () {2025 return React.createElement(2026 "div",2027 { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 2299, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },2028 React.createElement(FixedDataTableCell187, { key: "cell_0" }),2029 React.createElement(FixedDataTableCell190, { key: "cell_1" }),2030 React.createElement(FixedDataTableCell193, { key: "cell_2" }),2031 React.createElement(FixedDataTableCell196, { key: "cell_3" }),2032 React.createElement(FixedDataTableCell199, { key: "cell_4" }),2033 React.createElement(FixedDataTableCell202, { key: "cell_5" })2034 );2035 }2036 });2037 var FixedDataTableCellGroup204 = React.createClass({2038 displayName: "FixedDataTableCellGroup204",2039 render: function () {2040 return React.createElement(2041 "div",2042 { style: { "height": 40, "left": 521 }, className: "_3pzk" },2043 React.createElement(FixedDataTableCellGroupImpl203, null)2044 );2045 }2046 });2047 var FixedDataTableRowImpl205 = React.createClass({2048 displayName: "FixedDataTableRowImpl205",2049 render: function () {2050 return React.createElement(2051 "div",2052 { className: "_1gd4 _4li _52no _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1083, "height": 40 } },2053 React.createElement(2054 "div",2055 { className: "_1gd5" },2056 React.createElement(FixedDataTableCellGroup184, { key: "fixed_cells" }),2057 React.createElement(FixedDataTableCellGroup204, { key: "scrollable_cells" }),2058 React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 521, "height": 40 } })2059 )2060 );2061 }2062 });2063 var FixedDataTableRow206 = React.createClass({2064 displayName: "FixedDataTableRow206",2065 render: function () {2066 return React.createElement(2067 "div",2068 { style: { "width": 1083, "height": 40, "zIndex": 1, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },2069 React.createElement(FixedDataTableRowImpl205, null)2070 );2071 }2072 });2073 var AbstractCheckboxInput207 = React.createClass({2074 displayName: "AbstractCheckboxInput207",2075 render: function () {2076 return React.createElement(2077 "label",2078 { className: "_4h2r _55sg _kv1" },2079 React.createElement("input", { checked: undefined, onChange: function () {}, className: null, type: "checkbox" }),2080 React.createElement("span", { "data-hover": null, "aria-label": undefined })2081 );2082 }2083 });2084 var XUICheckboxInput208 = React.createClass({2085 displayName: "XUICheckboxInput208",2086 render: function () {2087 return React.createElement(AbstractCheckboxInput207, null);2088 }2089 });2090 var TransitionCell209 = React.createClass({2091 displayName: "TransitionCell209",2092 render: function () {2093 return React.createElement(2094 "div",2095 { isHeaderCell: true, label: undefined, width: 42, dataKey: "common.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "common.id", height: 25, style: { "height": 25, "width": 42 } },2096 React.createElement(2097 "div",2098 { className: "_4lgd _4h2w" },2099 React.createElement(2100 "div",2101 { className: "_4lge _4h2x" },2102 React.createElement(XUICheckboxInput208, null)2103 )2104 )2105 );2106 }2107 });2108 var FixedDataTableCell210 = React.createClass({2109 displayName: "FixedDataTableCell210",2110 render: function () {2111 return React.createElement(2112 "div",2113 { className: "_4lg0 _4lg6 _4h2m", style: { "height": 25, "width": 42, "left": 0 } },2114 undefined,2115 React.createElement(TransitionCell209, null)2116 );2117 }2118 });2119 var AdsPETableHeader211 = React.createClass({2120 displayName: "AdsPETableHeader211",2121 render: function () {2122 return React.createElement(2123 "div",2124 { className: "_1cig _25fg" },2125 null,2126 React.createElement(2127 "span",2128 { className: "_1cid" },2129 "Ad Name"2130 )2131 );2132 }2133 });2134 var FixedDataTableAbstractSortableHeader212 = React.createClass({2135 displayName: "FixedDataTableAbstractSortableHeader212",2136 render: function () {2137 return React.createElement(2138 "div",2139 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },2140 React.createElement(2141 "div",2142 { className: "_2eq6" },2143 null,2144 React.createElement(AdsPETableHeader211, null)2145 )2146 );2147 }2148 });2149 var FixedDataTableSortableHeader213 = React.createClass({2150 displayName: "FixedDataTableSortableHeader213",2151 render: function () {2152 return React.createElement(FixedDataTableAbstractSortableHeader212, null);2153 }2154 });2155 var TransitionCell214 = React.createClass({2156 displayName: "TransitionCell214",2157 render: function () {2158 return React.createElement(2159 "div",2160 { isHeaderCell: true, label: "Ad Name", width: 200, dataKey: "ad.name", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.name", height: 25, style: { "height": 25, "width": 200 } },2161 React.createElement(2162 "div",2163 { className: "_4lgd _4h2w" },2164 React.createElement(2165 "div",2166 { className: "_4lge _4h2x" },2167 React.createElement(FixedDataTableSortableHeader213, null)2168 )2169 )2170 );2171 }2172 });2173 var FixedDataTableCell215 = React.createClass({2174 displayName: "FixedDataTableCell215",2175 render: function () {2176 return React.createElement(2177 "div",2178 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 200, "left": 42 } },2179 React.createElement(2180 "div",2181 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2182 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2183 ),2184 React.createElement(TransitionCell214, null)2185 );2186 }2187 });2188 var ReactImage216 = React.createClass({2189 displayName: "ReactImage216",2190 render: function () {2191 return React.createElement("i", { className: "_1cie img sp_UuU9HmrQ397 sx_844e7d", src: null });2192 }2193 });2194 var AdsPETableHeader217 = React.createClass({2195 displayName: "AdsPETableHeader217",2196 render: function () {2197 return React.createElement(2198 "div",2199 { className: "_1cig _25fg" },2200 React.createElement(ReactImage216, null),2201 null2202 );2203 }2204 });2205 var FixedDataTableAbstractSortableHeader218 = React.createClass({2206 displayName: "FixedDataTableAbstractSortableHeader218",2207 render: function () {2208 return React.createElement(2209 "div",2210 { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },2211 React.createElement(2212 "div",2213 { className: "_2eq6" },2214 null,2215 React.createElement(AdsPETableHeader217, null)2216 )2217 );2218 }2219 });2220 var FixedDataTableSortableHeader219 = React.createClass({2221 displayName: "FixedDataTableSortableHeader219",2222 render: function () {2223 return React.createElement(FixedDataTableAbstractSortableHeader218, null);2224 }2225 });2226 var TransitionCell220 = React.createClass({2227 displayName: "TransitionCell220",2228 render: function () {2229 return React.createElement(2230 "div",2231 { isHeaderCell: true, label: undefined, width: 33, dataKey: "edit_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "edit_status", height: 25, style: { "height": 25, "width": 33 } },2232 React.createElement(2233 "div",2234 { className: "_4lgd _4h2w" },2235 React.createElement(2236 "div",2237 { className: "_4lge _4h2x" },2238 React.createElement(FixedDataTableSortableHeader219, null)2239 )2240 )2241 );2242 }2243 });2244 var FixedDataTableCell221 = React.createClass({2245 displayName: "FixedDataTableCell221",2246 render: function () {2247 return React.createElement(2248 "div",2249 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 33, "left": 242 } },2250 undefined,2251 React.createElement(TransitionCell220, null)2252 );2253 }2254 });2255 var ReactImage222 = React.createClass({2256 displayName: "ReactImage222",2257 render: function () {2258 return React.createElement("i", { className: "_1cie img sp_UuU9HmrQ397 sx_36dc45", src: null });2259 }2260 });2261 var AdsPETableHeader223 = React.createClass({2262 displayName: "AdsPETableHeader223",2263 render: function () {2264 return React.createElement(2265 "div",2266 { className: "_1cig _25fg" },2267 React.createElement(ReactImage222, null),2268 null2269 );2270 }2271 });2272 var FixedDataTableAbstractSortableHeader224 = React.createClass({2273 displayName: "FixedDataTableAbstractSortableHeader224",2274 render: function () {2275 return React.createElement(2276 "div",2277 { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },2278 React.createElement(2279 "div",2280 { className: "_2eq6" },2281 null,2282 React.createElement(AdsPETableHeader223, null)2283 )2284 );2285 }2286 });2287 var FixedDataTableSortableHeader225 = React.createClass({2288 displayName: "FixedDataTableSortableHeader225",2289 render: function () {2290 return React.createElement(FixedDataTableAbstractSortableHeader224, null);2291 }2292 });2293 var TransitionCell226 = React.createClass({2294 displayName: "TransitionCell226",2295 render: function () {2296 return React.createElement(2297 "div",2298 { isHeaderCell: true, label: undefined, width: 36, dataKey: "errors", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "errors", height: 25, style: { "height": 25, "width": 36 } },2299 React.createElement(2300 "div",2301 { className: "_4lgd _4h2w" },2302 React.createElement(2303 "div",2304 { className: "_4lge _4h2x" },2305 React.createElement(FixedDataTableSortableHeader225, null)2306 )2307 )2308 );2309 }2310 });2311 var FixedDataTableCell227 = React.createClass({2312 displayName: "FixedDataTableCell227",2313 render: function () {2314 return React.createElement(2315 "div",2316 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 36, "left": 275 } },2317 undefined,2318 React.createElement(TransitionCell226, null)2319 );2320 }2321 });2322 var AdsPETableHeader228 = React.createClass({2323 displayName: "AdsPETableHeader228",2324 render: function () {2325 return React.createElement(2326 "div",2327 { className: "_1cig _25fg" },2328 null,2329 React.createElement(2330 "span",2331 { className: "_1cid" },2332 "Status"2333 )2334 );2335 }2336 });2337 var FixedDataTableAbstractSortableHeader229 = React.createClass({2338 displayName: "FixedDataTableAbstractSortableHeader229",2339 render: function () {2340 return React.createElement(2341 "div",2342 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },2343 React.createElement(2344 "div",2345 { className: "_2eq6" },2346 null,2347 React.createElement(AdsPETableHeader228, null)2348 )2349 );2350 }2351 });2352 var FixedDataTableSortableHeader230 = React.createClass({2353 displayName: "FixedDataTableSortableHeader230",2354 render: function () {2355 return React.createElement(FixedDataTableAbstractSortableHeader229, null);2356 }2357 });2358 var TransitionCell231 = React.createClass({2359 displayName: "TransitionCell231",2360 render: function () {2361 return React.createElement(2362 "div",2363 { isHeaderCell: true, label: "Status", width: 60, dataKey: "ad.adgroup_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.adgroup_status", height: 25, style: { "height": 25, "width": 60 } },2364 React.createElement(2365 "div",2366 { className: "_4lgd _4h2w" },2367 React.createElement(2368 "div",2369 { className: "_4lge _4h2x" },2370 React.createElement(FixedDataTableSortableHeader230, null)2371 )2372 )2373 );2374 }2375 });2376 var FixedDataTableCell232 = React.createClass({2377 displayName: "FixedDataTableCell232",2378 render: function () {2379 return React.createElement(2380 "div",2381 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 60, "left": 311 } },2382 undefined,2383 React.createElement(TransitionCell231, null)2384 );2385 }2386 });2387 var AdsPETableHeader233 = React.createClass({2388 displayName: "AdsPETableHeader233",2389 render: function () {2390 return React.createElement(2391 "div",2392 { className: "_1cig _25fg" },2393 null,2394 React.createElement(2395 "span",2396 { className: "_1cid" },2397 "Delivery"2398 )2399 );2400 }2401 });2402 var FixedDataTableAbstractSortableHeader234 = React.createClass({2403 displayName: "FixedDataTableAbstractSortableHeader234",2404 render: function () {2405 return React.createElement(2406 "div",2407 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },2408 React.createElement(2409 "div",2410 { className: "_2eq6" },2411 null,2412 React.createElement(AdsPETableHeader233, null)2413 )2414 );2415 }2416 });2417 var FixedDataTableSortableHeader235 = React.createClass({2418 displayName: "FixedDataTableSortableHeader235",2419 render: function () {2420 return React.createElement(FixedDataTableAbstractSortableHeader234, null);2421 }2422 });2423 var TransitionCell236 = React.createClass({2424 displayName: "TransitionCell236",2425 render: function () {2426 return React.createElement(2427 "div",2428 { isHeaderCell: true, label: "Delivery", width: 150, dataKey: "ukiAdData.computed_activity_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ukiAdData.computed_activity_status", height: 25, style: { "height": 25, "width": 150 } },2429 React.createElement(2430 "div",2431 { className: "_4lgd _4h2w" },2432 React.createElement(2433 "div",2434 { className: "_4lge _4h2x" },2435 React.createElement(FixedDataTableSortableHeader235, null)2436 )2437 )2438 );2439 }2440 });2441 var FixedDataTableCell237 = React.createClass({2442 displayName: "FixedDataTableCell237",2443 render: function () {2444 return React.createElement(2445 "div",2446 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 371 } },2447 React.createElement(2448 "div",2449 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2450 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2451 ),2452 React.createElement(TransitionCell236, null)2453 );2454 }2455 });2456 var FixedDataTableCellGroupImpl238 = React.createClass({2457 displayName: "FixedDataTableCellGroupImpl238",2458 render: function () {2459 return React.createElement(2460 "div",2461 { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 521, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },2462 React.createElement(FixedDataTableCell210, { key: "cell_0" }),2463 React.createElement(FixedDataTableCell215, { key: "cell_1" }),2464 React.createElement(FixedDataTableCell221, { key: "cell_2" }),2465 React.createElement(FixedDataTableCell227, { key: "cell_3" }),2466 React.createElement(FixedDataTableCell232, { key: "cell_4" }),2467 React.createElement(FixedDataTableCell237, { key: "cell_5" })2468 );2469 }2470 });2471 var FixedDataTableCellGroup239 = React.createClass({2472 displayName: "FixedDataTableCellGroup239",2473 render: function () {2474 return React.createElement(2475 "div",2476 { style: { "height": 25, "left": 0 }, className: "_3pzk" },2477 React.createElement(FixedDataTableCellGroupImpl238, null)2478 );2479 }2480 });2481 var AdsPETableHeader240 = React.createClass({2482 displayName: "AdsPETableHeader240",2483 render: function () {2484 return React.createElement(2485 "div",2486 { className: "_1cig _25fg" },2487 null,2488 React.createElement(2489 "span",2490 { className: "_1cid" },2491 "Reach"2492 )2493 );2494 }2495 });2496 var FixedDataTableAbstractSortableHeader241 = React.createClass({2497 displayName: "FixedDataTableAbstractSortableHeader241",2498 render: function () {2499 return React.createElement(2500 "div",2501 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },2502 React.createElement(2503 "div",2504 { className: "_2eq6" },2505 null,2506 React.createElement(AdsPETableHeader240, null)2507 )2508 );2509 }2510 });2511 var FixedDataTableSortableHeader242 = React.createClass({2512 displayName: "FixedDataTableSortableHeader242",2513 render: function () {2514 return React.createElement(FixedDataTableAbstractSortableHeader241, null);2515 }2516 });2517 var TransitionCell243 = React.createClass({2518 displayName: "TransitionCell243",2519 render: function () {2520 return React.createElement(2521 "div",2522 { isHeaderCell: true, label: "Reach", width: 60, dataKey: "stats.unique_impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.unique_impressions", height: 25, style: { "height": 25, "width": 60 } },2523 React.createElement(2524 "div",2525 { className: "_4lgd _4h2w" },2526 React.createElement(2527 "div",2528 { className: "_4lge _4h2x" },2529 React.createElement(FixedDataTableSortableHeader242, null)2530 )2531 )2532 );2533 }2534 });2535 var FixedDataTableCell244 = React.createClass({2536 displayName: "FixedDataTableCell244",2537 render: function () {2538 return React.createElement(2539 "div",2540 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 60, "left": 0 } },2541 React.createElement(2542 "div",2543 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2544 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2545 ),2546 React.createElement(TransitionCell243, null)2547 );2548 }2549 });2550 var AdsPETableHeader245 = React.createClass({2551 displayName: "AdsPETableHeader245",2552 render: function () {2553 return React.createElement(2554 "div",2555 { className: "_1cig _25fg" },2556 null,2557 React.createElement(2558 "span",2559 { className: "_1cid" },2560 "Ad Impressions"2561 )2562 );2563 }2564 });2565 var FixedDataTableAbstractSortableHeader246 = React.createClass({2566 displayName: "FixedDataTableAbstractSortableHeader246",2567 render: function () {2568 return React.createElement(2569 "div",2570 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },2571 React.createElement(2572 "div",2573 { className: "_2eq6" },2574 null,2575 React.createElement(AdsPETableHeader245, null)2576 )2577 );2578 }2579 });2580 var FixedDataTableSortableHeader247 = React.createClass({2581 displayName: "FixedDataTableSortableHeader247",2582 render: function () {2583 return React.createElement(FixedDataTableAbstractSortableHeader246, null);2584 }2585 });2586 var TransitionCell248 = React.createClass({2587 displayName: "TransitionCell248",2588 render: function () {2589 return React.createElement(2590 "div",2591 { isHeaderCell: true, label: "Ad Impressions", width: 80, dataKey: "stats.impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.impressions", height: 25, style: { "height": 25, "width": 80 } },2592 React.createElement(2593 "div",2594 { className: "_4lgd _4h2w" },2595 React.createElement(2596 "div",2597 { className: "_4lge _4h2x" },2598 React.createElement(FixedDataTableSortableHeader247, null)2599 )2600 )2601 );2602 }2603 });2604 var FixedDataTableCell249 = React.createClass({2605 displayName: "FixedDataTableCell249",2606 render: function () {2607 return React.createElement(2608 "div",2609 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 60 } },2610 React.createElement(2611 "div",2612 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2613 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2614 ),2615 React.createElement(TransitionCell248, null)2616 );2617 }2618 });2619 var AdsPETableHeader250 = React.createClass({2620 displayName: "AdsPETableHeader250",2621 render: function () {2622 return React.createElement(2623 "div",2624 { className: "_1cig _25fg" },2625 null,2626 React.createElement(2627 "span",2628 { className: "_1cid" },2629 "Avg. CPM"2630 )2631 );2632 }2633 });2634 var FixedDataTableAbstractSortableHeader251 = React.createClass({2635 displayName: "FixedDataTableAbstractSortableHeader251",2636 render: function () {2637 return React.createElement(2638 "div",2639 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },2640 React.createElement(2641 "div",2642 { className: "_2eq6" },2643 null,2644 React.createElement(AdsPETableHeader250, null)2645 )2646 );2647 }2648 });2649 var FixedDataTableSortableHeader252 = React.createClass({2650 displayName: "FixedDataTableSortableHeader252",2651 render: function () {2652 return React.createElement(FixedDataTableAbstractSortableHeader251, null);2653 }2654 });2655 var TransitionCell253 = React.createClass({2656 displayName: "TransitionCell253",2657 render: function () {2658 return React.createElement(2659 "div",2660 { isHeaderCell: true, label: "Avg. CPM", width: 80, dataKey: "stats.avg_cpm", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.avg_cpm", height: 25, style: { "height": 25, "width": 80 } },2661 React.createElement(2662 "div",2663 { className: "_4lgd _4h2w" },2664 React.createElement(2665 "div",2666 { className: "_4lge _4h2x" },2667 React.createElement(FixedDataTableSortableHeader252, null)2668 )2669 )2670 );2671 }2672 });2673 var FixedDataTableCell254 = React.createClass({2674 displayName: "FixedDataTableCell254",2675 render: function () {2676 return React.createElement(2677 "div",2678 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 140 } },2679 React.createElement(2680 "div",2681 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2682 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2683 ),2684 React.createElement(TransitionCell253, null)2685 );2686 }2687 });2688 var AdsPETableHeader255 = React.createClass({2689 displayName: "AdsPETableHeader255",2690 render: function () {2691 return React.createElement(2692 "div",2693 { className: "_1cig _25fg" },2694 null,2695 React.createElement(2696 "span",2697 { className: "_1cid" },2698 "Avg. CPC"2699 )2700 );2701 }2702 });2703 var FixedDataTableAbstractSortableHeader256 = React.createClass({2704 displayName: "FixedDataTableAbstractSortableHeader256",2705 render: function () {2706 return React.createElement(2707 "div",2708 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },2709 React.createElement(2710 "div",2711 { className: "_2eq6" },2712 null,2713 React.createElement(AdsPETableHeader255, null)2714 )2715 );2716 }2717 });2718 var FixedDataTableSortableHeader257 = React.createClass({2719 displayName: "FixedDataTableSortableHeader257",2720 render: function () {2721 return React.createElement(FixedDataTableAbstractSortableHeader256, null);2722 }2723 });2724 var TransitionCell258 = React.createClass({2725 displayName: "TransitionCell258",2726 render: function () {2727 return React.createElement(2728 "div",2729 { isHeaderCell: true, label: "Avg. CPC", width: 78, dataKey: "stats.avg_cpc", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.avg_cpc", height: 25, style: { "height": 25, "width": 78 } },2730 React.createElement(2731 "div",2732 { className: "_4lgd _4h2w" },2733 React.createElement(2734 "div",2735 { className: "_4lge _4h2x" },2736 React.createElement(FixedDataTableSortableHeader257, null)2737 )2738 )2739 );2740 }2741 });2742 var FixedDataTableCell259 = React.createClass({2743 displayName: "FixedDataTableCell259",2744 render: function () {2745 return React.createElement(2746 "div",2747 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 78, "left": 220 } },2748 React.createElement(2749 "div",2750 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2751 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2752 ),2753 React.createElement(TransitionCell258, null)2754 );2755 }2756 });2757 var AdsPETableHeader260 = React.createClass({2758 displayName: "AdsPETableHeader260",2759 render: function () {2760 return React.createElement(2761 "div",2762 { className: "_1cig _25fg _4h2r" },2763 null,2764 React.createElement(2765 "span",2766 { className: "_1cid" },2767 "Results"2768 )2769 );2770 }2771 });2772 var TransitionCell261 = React.createClass({2773 displayName: "TransitionCell261",2774 render: function () {2775 return React.createElement(2776 "div",2777 { isHeaderCell: true, label: "Results", width: 140, dataKey: "stats.actions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.actions", height: 25, style: { "height": 25, "width": 140 } },2778 React.createElement(2779 "div",2780 { className: "_4lgd _4h2w" },2781 React.createElement(2782 "div",2783 { className: "_4lge _4h2x" },2784 React.createElement(AdsPETableHeader260, null)2785 )2786 )2787 );2788 }2789 });2790 var FixedDataTableCell262 = React.createClass({2791 displayName: "FixedDataTableCell262",2792 render: function () {2793 return React.createElement(2794 "div",2795 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 298 } },2796 React.createElement(2797 "div",2798 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2799 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2800 ),2801 React.createElement(TransitionCell261, null)2802 );2803 }2804 });2805 var AdsPETableHeader263 = React.createClass({2806 displayName: "AdsPETableHeader263",2807 render: function () {2808 return React.createElement(2809 "div",2810 { className: "_1cig _25fg _4h2r" },2811 null,2812 React.createElement(2813 "span",2814 { className: "_1cid" },2815 "Cost"2816 )2817 );2818 }2819 });2820 var TransitionCell264 = React.createClass({2821 displayName: "TransitionCell264",2822 render: function () {2823 return React.createElement(2824 "div",2825 { isHeaderCell: true, label: "Cost", width: 140, dataKey: "stats.cpa", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.cpa", height: 25, style: { "height": 25, "width": 140 } },2826 React.createElement(2827 "div",2828 { className: "_4lgd _4h2w" },2829 React.createElement(2830 "div",2831 { className: "_4lge _4h2x" },2832 React.createElement(AdsPETableHeader263, null)2833 )2834 )2835 );2836 }2837 });2838 var FixedDataTableCell265 = React.createClass({2839 displayName: "FixedDataTableCell265",2840 render: function () {2841 return React.createElement(2842 "div",2843 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 438 } },2844 React.createElement(2845 "div",2846 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2847 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2848 ),2849 React.createElement(TransitionCell264, null)2850 );2851 }2852 });2853 var AdsPETableHeader266 = React.createClass({2854 displayName: "AdsPETableHeader266",2855 render: function () {2856 return React.createElement(2857 "div",2858 { className: "_1cig _25fg" },2859 null,2860 React.createElement(2861 "span",2862 { className: "_1cid" },2863 "Clicks"2864 )2865 );2866 }2867 });2868 var FixedDataTableAbstractSortableHeader267 = React.createClass({2869 displayName: "FixedDataTableAbstractSortableHeader267",2870 render: function () {2871 return React.createElement(2872 "div",2873 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },2874 React.createElement(2875 "div",2876 { className: "_2eq6" },2877 null,2878 React.createElement(AdsPETableHeader266, null)2879 )2880 );2881 }2882 });2883 var FixedDataTableSortableHeader268 = React.createClass({2884 displayName: "FixedDataTableSortableHeader268",2885 render: function () {2886 return React.createElement(FixedDataTableAbstractSortableHeader267, null);2887 }2888 });2889 var TransitionCell269 = React.createClass({2890 displayName: "TransitionCell269",2891 render: function () {2892 return React.createElement(2893 "div",2894 { isHeaderCell: true, label: "Clicks", width: 60, dataKey: "stats.clicks", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.clicks", height: 25, style: { "height": 25, "width": 60 } },2895 React.createElement(2896 "div",2897 { className: "_4lgd _4h2w" },2898 React.createElement(2899 "div",2900 { className: "_4lge _4h2x" },2901 React.createElement(FixedDataTableSortableHeader268, null)2902 )2903 )2904 );2905 }2906 });2907 var FixedDataTableCell270 = React.createClass({2908 displayName: "FixedDataTableCell270",2909 render: function () {2910 return React.createElement(2911 "div",2912 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 60, "left": 578 } },2913 React.createElement(2914 "div",2915 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2916 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2917 ),2918 React.createElement(TransitionCell269, null)2919 );2920 }2921 });2922 var AdsPETableHeader271 = React.createClass({2923 displayName: "AdsPETableHeader271",2924 render: function () {2925 return React.createElement(2926 "div",2927 { className: "_1cig _25fg" },2928 null,2929 React.createElement(2930 "span",2931 { className: "_1cid" },2932 "CTR %"2933 )2934 );2935 }2936 });2937 var FixedDataTableAbstractSortableHeader272 = React.createClass({2938 displayName: "FixedDataTableAbstractSortableHeader272",2939 render: function () {2940 return React.createElement(2941 "div",2942 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },2943 React.createElement(2944 "div",2945 { className: "_2eq6" },2946 null,2947 React.createElement(AdsPETableHeader271, null)2948 )2949 );2950 }2951 });2952 var FixedDataTableSortableHeader273 = React.createClass({2953 displayName: "FixedDataTableSortableHeader273",2954 render: function () {2955 return React.createElement(FixedDataTableAbstractSortableHeader272, null);2956 }2957 });2958 var TransitionCell274 = React.createClass({2959 displayName: "TransitionCell274",2960 render: function () {2961 return React.createElement(2962 "div",2963 { isHeaderCell: true, label: "CTR %", width: 70, dataKey: "stats.ctr", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.ctr", height: 25, style: { "height": 25, "width": 70 } },2964 React.createElement(2965 "div",2966 { className: "_4lgd _4h2w" },2967 React.createElement(2968 "div",2969 { className: "_4lge _4h2x" },2970 React.createElement(FixedDataTableSortableHeader273, null)2971 )2972 )2973 );2974 }2975 });2976 var FixedDataTableCell275 = React.createClass({2977 displayName: "FixedDataTableCell275",2978 render: function () {2979 return React.createElement(2980 "div",2981 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 638 } },2982 React.createElement(2983 "div",2984 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },2985 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })2986 ),2987 React.createElement(TransitionCell274, null)2988 );2989 }2990 });2991 var AdsPETableHeader276 = React.createClass({2992 displayName: "AdsPETableHeader276",2993 render: function () {2994 return React.createElement(2995 "div",2996 { className: "_1cig _25fg" },2997 null,2998 React.createElement(2999 "span",3000 { className: "_1cid" },3001 "Social %"3002 )3003 );3004 }3005 });3006 var FixedDataTableAbstractSortableHeader277 = React.createClass({3007 displayName: "FixedDataTableAbstractSortableHeader277",3008 render: function () {3009 return React.createElement(3010 "div",3011 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3012 React.createElement(3013 "div",3014 { className: "_2eq6" },3015 null,3016 React.createElement(AdsPETableHeader276, null)3017 )3018 );3019 }3020 });3021 var FixedDataTableSortableHeader278 = React.createClass({3022 displayName: "FixedDataTableSortableHeader278",3023 render: function () {3024 return React.createElement(FixedDataTableAbstractSortableHeader277, null);3025 }3026 });3027 var TransitionCell279 = React.createClass({3028 displayName: "TransitionCell279",3029 render: function () {3030 return React.createElement(3031 "div",3032 { isHeaderCell: true, label: "Social %", width: 80, dataKey: "stats.social_percent", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.social_percent", height: 25, style: { "height": 25, "width": 80 } },3033 React.createElement(3034 "div",3035 { className: "_4lgd _4h2w" },3036 React.createElement(3037 "div",3038 { className: "_4lge _4h2x" },3039 React.createElement(FixedDataTableSortableHeader278, null)3040 )3041 )3042 );3043 }3044 });3045 var FixedDataTableCell280 = React.createClass({3046 displayName: "FixedDataTableCell280",3047 render: function () {3048 return React.createElement(3049 "div",3050 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 708 } },3051 React.createElement(3052 "div",3053 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3054 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3055 ),3056 React.createElement(TransitionCell279, null)3057 );3058 }3059 });3060 var AdsPETableHeader281 = React.createClass({3061 displayName: "AdsPETableHeader281",3062 render: function () {3063 return React.createElement(3064 "div",3065 { className: "_1cig _25fg" },3066 null,3067 React.createElement(3068 "span",3069 { className: "_1cid" },3070 "Ad Set Name"3071 )3072 );3073 }3074 });3075 var FixedDataTableAbstractSortableHeader282 = React.createClass({3076 displayName: "FixedDataTableAbstractSortableHeader282",3077 render: function () {3078 return React.createElement(3079 "div",3080 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3081 React.createElement(3082 "div",3083 { className: "_2eq6" },3084 null,3085 React.createElement(AdsPETableHeader281, null)3086 )3087 );3088 }3089 });3090 var FixedDataTableSortableHeader283 = React.createClass({3091 displayName: "FixedDataTableSortableHeader283",3092 render: function () {3093 return React.createElement(FixedDataTableAbstractSortableHeader282, null);3094 }3095 });3096 var TransitionCell284 = React.createClass({3097 displayName: "TransitionCell284",3098 render: function () {3099 return React.createElement(3100 "div",3101 { isHeaderCell: true, label: "Ad Set Name", width: 100, dataKey: "campaign.name", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaign.name", height: 25, style: { "height": 25, "width": 100 } },3102 React.createElement(3103 "div",3104 { className: "_4lgd _4h2w" },3105 React.createElement(3106 "div",3107 { className: "_4lge _4h2x" },3108 React.createElement(FixedDataTableSortableHeader283, null)3109 )3110 )3111 );3112 }3113 });3114 var FixedDataTableCell285 = React.createClass({3115 displayName: "FixedDataTableCell285",3116 render: function () {3117 return React.createElement(3118 "div",3119 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 100, "left": 788 } },3120 React.createElement(3121 "div",3122 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3123 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3124 ),3125 React.createElement(TransitionCell284, null)3126 );3127 }3128 });3129 var AdsPETableHeader286 = React.createClass({3130 displayName: "AdsPETableHeader286",3131 render: function () {3132 return React.createElement(3133 "div",3134 { className: "_1cig _25fg" },3135 null,3136 React.createElement(3137 "span",3138 { className: "_1cid" },3139 "Campaign Name"3140 )3141 );3142 }3143 });3144 var FixedDataTableAbstractSortableHeader287 = React.createClass({3145 displayName: "FixedDataTableAbstractSortableHeader287",3146 render: function () {3147 return React.createElement(3148 "div",3149 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3150 React.createElement(3151 "div",3152 { className: "_2eq6" },3153 null,3154 React.createElement(AdsPETableHeader286, null)3155 )3156 );3157 }3158 });3159 var FixedDataTableSortableHeader288 = React.createClass({3160 displayName: "FixedDataTableSortableHeader288",3161 render: function () {3162 return React.createElement(FixedDataTableAbstractSortableHeader287, null);3163 }3164 });3165 var TransitionCell289 = React.createClass({3166 displayName: "TransitionCell289",3167 render: function () {3168 return React.createElement(3169 "div",3170 { isHeaderCell: true, label: "Campaign Name", width: 150, dataKey: "campaignGroup.name", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.name", height: 25, style: { "height": 25, "width": 150 } },3171 React.createElement(3172 "div",3173 { className: "_4lgd _4h2w" },3174 React.createElement(3175 "div",3176 { className: "_4lge _4h2x" },3177 React.createElement(FixedDataTableSortableHeader288, null)3178 )3179 )3180 );3181 }3182 });3183 var FixedDataTableCell290 = React.createClass({3184 displayName: "FixedDataTableCell290",3185 render: function () {3186 return React.createElement(3187 "div",3188 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 888 } },3189 React.createElement(3190 "div",3191 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3192 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3193 ),3194 React.createElement(TransitionCell289, null)3195 );3196 }3197 });3198 var AdsPETableHeader291 = React.createClass({3199 displayName: "AdsPETableHeader291",3200 render: function () {3201 return React.createElement(3202 "div",3203 { className: "_1cig _25fg" },3204 null,3205 React.createElement(3206 "span",3207 { className: "_1cid" },3208 "Ad ID"3209 )3210 );3211 }3212 });3213 var FixedDataTableAbstractSortableHeader292 = React.createClass({3214 displayName: "FixedDataTableAbstractSortableHeader292",3215 render: function () {3216 return React.createElement(3217 "div",3218 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3219 React.createElement(3220 "div",3221 { className: "_2eq6" },3222 null,3223 React.createElement(AdsPETableHeader291, null)3224 )3225 );3226 }3227 });3228 var FixedDataTableSortableHeader293 = React.createClass({3229 displayName: "FixedDataTableSortableHeader293",3230 render: function () {3231 return React.createElement(FixedDataTableAbstractSortableHeader292, null);3232 }3233 });3234 var TransitionCell294 = React.createClass({3235 displayName: "TransitionCell294",3236 render: function () {3237 return React.createElement(3238 "div",3239 { isHeaderCell: true, label: "Ad ID", width: 120, dataKey: "ad.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.id", height: 25, style: { "height": 25, "width": 120 } },3240 React.createElement(3241 "div",3242 { className: "_4lgd _4h2w" },3243 React.createElement(3244 "div",3245 { className: "_4lge _4h2x" },3246 React.createElement(FixedDataTableSortableHeader293, null)3247 )3248 )3249 );3250 }3251 });3252 var FixedDataTableCell295 = React.createClass({3253 displayName: "FixedDataTableCell295",3254 render: function () {3255 return React.createElement(3256 "div",3257 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 120, "left": 1038 } },3258 React.createElement(3259 "div",3260 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3261 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3262 ),3263 React.createElement(TransitionCell294, null)3264 );3265 }3266 });3267 var AdsPETableHeader296 = React.createClass({3268 displayName: "AdsPETableHeader296",3269 render: function () {3270 return React.createElement(3271 "div",3272 { className: "_1cig _25fg" },3273 null,3274 React.createElement(3275 "span",3276 { className: "_1cid" },3277 "Objective"3278 )3279 );3280 }3281 });3282 var FixedDataTableAbstractSortableHeader297 = React.createClass({3283 displayName: "FixedDataTableAbstractSortableHeader297",3284 render: function () {3285 return React.createElement(3286 "div",3287 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3288 React.createElement(3289 "div",3290 { className: "_2eq6" },3291 null,3292 React.createElement(AdsPETableHeader296, null)3293 )3294 );3295 }3296 });3297 var FixedDataTableSortableHeader298 = React.createClass({3298 displayName: "FixedDataTableSortableHeader298",3299 render: function () {3300 return React.createElement(FixedDataTableAbstractSortableHeader297, null);3301 }3302 });3303 var TransitionCell299 = React.createClass({3304 displayName: "TransitionCell299",3305 render: function () {3306 return React.createElement(3307 "div",3308 { isHeaderCell: true, label: "Objective", width: 80, dataKey: "campaignGroup.objective", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.objective", height: 25, style: { "height": 25, "width": 80 } },3309 React.createElement(3310 "div",3311 { className: "_4lgd _4h2w" },3312 React.createElement(3313 "div",3314 { className: "_4lge _4h2x" },3315 React.createElement(FixedDataTableSortableHeader298, null)3316 )3317 )3318 );3319 }3320 });3321 var FixedDataTableCell300 = React.createClass({3322 displayName: "FixedDataTableCell300",3323 render: function () {3324 return React.createElement(3325 "div",3326 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 80, "left": 1158 } },3327 React.createElement(3328 "div",3329 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3330 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3331 ),3332 React.createElement(TransitionCell299, null)3333 );3334 }3335 });3336 var AdsPETableHeader301 = React.createClass({3337 displayName: "AdsPETableHeader301",3338 render: function () {3339 return React.createElement(3340 "div",3341 { className: "_1cig _25fg" },3342 null,3343 React.createElement(3344 "span",3345 { className: "_1cid" },3346 "Spent"3347 )3348 );3349 }3350 });3351 var FixedDataTableAbstractSortableHeader302 = React.createClass({3352 displayName: "FixedDataTableAbstractSortableHeader302",3353 render: function () {3354 return React.createElement(3355 "div",3356 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3357 React.createElement(3358 "div",3359 { className: "_2eq6" },3360 null,3361 React.createElement(AdsPETableHeader301, null)3362 )3363 );3364 }3365 });3366 var FixedDataTableSortableHeader303 = React.createClass({3367 displayName: "FixedDataTableSortableHeader303",3368 render: function () {3369 return React.createElement(FixedDataTableAbstractSortableHeader302, null);3370 }3371 });3372 var TransitionCell304 = React.createClass({3373 displayName: "TransitionCell304",3374 render: function () {3375 return React.createElement(3376 "div",3377 { isHeaderCell: true, label: "Spent", width: 70, dataKey: "stats.spent_100", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.spent_100", height: 25, style: { "height": 25, "width": 70 } },3378 React.createElement(3379 "div",3380 { className: "_4lgd _4h2w" },3381 React.createElement(3382 "div",3383 { className: "_4lge _4h2x" },3384 React.createElement(FixedDataTableSortableHeader303, null)3385 )3386 )3387 );3388 }3389 });3390 var FixedDataTableCell305 = React.createClass({3391 displayName: "FixedDataTableCell305",3392 render: function () {3393 return React.createElement(3394 "div",3395 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 1238 } },3396 React.createElement(3397 "div",3398 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3399 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3400 ),3401 React.createElement(TransitionCell304, null)3402 );3403 }3404 });3405 var AdsPETableHeader306 = React.createClass({3406 displayName: "AdsPETableHeader306",3407 render: function () {3408 return React.createElement(3409 "div",3410 { className: "_1cig _25fg" },3411 null,3412 React.createElement(3413 "span",3414 { className: "_1cid" },3415 "Start"3416 )3417 );3418 }3419 });3420 var FixedDataTableAbstractSortableHeader307 = React.createClass({3421 displayName: "FixedDataTableAbstractSortableHeader307",3422 render: function () {3423 return React.createElement(3424 "div",3425 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3426 React.createElement(3427 "div",3428 { className: "_2eq6" },3429 null,3430 React.createElement(AdsPETableHeader306, null)3431 )3432 );3433 }3434 });3435 var FixedDataTableSortableHeader308 = React.createClass({3436 displayName: "FixedDataTableSortableHeader308",3437 render: function () {3438 return React.createElement(FixedDataTableAbstractSortableHeader307, null);3439 }3440 });3441 var TransitionCell309 = React.createClass({3442 displayName: "TransitionCell309",3443 render: function () {3444 return React.createElement(3445 "div",3446 { isHeaderCell: true, label: "Start", width: 113, dataKey: "derivedCampaign.startDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaign.startDate", height: 25, style: { "height": 25, "width": 113 } },3447 React.createElement(3448 "div",3449 { className: "_4lgd _4h2w" },3450 React.createElement(3451 "div",3452 { className: "_4lge _4h2x" },3453 React.createElement(FixedDataTableSortableHeader308, null)3454 )3455 )3456 );3457 }3458 });3459 var FixedDataTableCell310 = React.createClass({3460 displayName: "FixedDataTableCell310",3461 render: function () {3462 return React.createElement(3463 "div",3464 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1308 } },3465 React.createElement(3466 "div",3467 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3468 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3469 ),3470 React.createElement(TransitionCell309, null)3471 );3472 }3473 });3474 var AdsPETableHeader311 = React.createClass({3475 displayName: "AdsPETableHeader311",3476 render: function () {3477 return React.createElement(3478 "div",3479 { className: "_1cig _25fg" },3480 null,3481 React.createElement(3482 "span",3483 { className: "_1cid" },3484 "End"3485 )3486 );3487 }3488 });3489 var FixedDataTableAbstractSortableHeader312 = React.createClass({3490 displayName: "FixedDataTableAbstractSortableHeader312",3491 render: function () {3492 return React.createElement(3493 "div",3494 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3495 React.createElement(3496 "div",3497 { className: "_2eq6" },3498 null,3499 React.createElement(AdsPETableHeader311, null)3500 )3501 );3502 }3503 });3504 var FixedDataTableSortableHeader313 = React.createClass({3505 displayName: "FixedDataTableSortableHeader313",3506 render: function () {3507 return React.createElement(FixedDataTableAbstractSortableHeader312, null);3508 }3509 });3510 var TransitionCell314 = React.createClass({3511 displayName: "TransitionCell314",3512 render: function () {3513 return React.createElement(3514 "div",3515 { isHeaderCell: true, label: "End", width: 113, dataKey: "derivedCampaign.endDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaign.endDate", height: 25, style: { "height": 25, "width": 113 } },3516 React.createElement(3517 "div",3518 { className: "_4lgd _4h2w" },3519 React.createElement(3520 "div",3521 { className: "_4lge _4h2x" },3522 React.createElement(FixedDataTableSortableHeader313, null)3523 )3524 )3525 );3526 }3527 });3528 var FixedDataTableCell315 = React.createClass({3529 displayName: "FixedDataTableCell315",3530 render: function () {3531 return React.createElement(3532 "div",3533 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1421 } },3534 React.createElement(3535 "div",3536 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3537 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3538 ),3539 React.createElement(TransitionCell314, null)3540 );3541 }3542 });3543 var AdsPETableHeader316 = React.createClass({3544 displayName: "AdsPETableHeader316",3545 render: function () {3546 return React.createElement(3547 "div",3548 { className: "_1cig _25fg" },3549 null,3550 React.createElement(3551 "span",3552 { className: "_1cid" },3553 "Date created"3554 )3555 );3556 }3557 });3558 var FixedDataTableAbstractSortableHeader317 = React.createClass({3559 displayName: "FixedDataTableAbstractSortableHeader317",3560 render: function () {3561 return React.createElement(3562 "div",3563 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3564 React.createElement(3565 "div",3566 { className: "_2eq6" },3567 null,3568 React.createElement(AdsPETableHeader316, null)3569 )3570 );3571 }3572 });3573 var FixedDataTableSortableHeader318 = React.createClass({3574 displayName: "FixedDataTableSortableHeader318",3575 render: function () {3576 return React.createElement(FixedDataTableAbstractSortableHeader317, null);3577 }3578 });3579 var TransitionCell319 = React.createClass({3580 displayName: "TransitionCell319",3581 render: function () {3582 return React.createElement(3583 "div",3584 { isHeaderCell: true, label: "Date created", width: 113, dataKey: "ad.created_time", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.created_time", height: 25, style: { "height": 25, "width": 113 } },3585 React.createElement(3586 "div",3587 { className: "_4lgd _4h2w" },3588 React.createElement(3589 "div",3590 { className: "_4lge _4h2x" },3591 React.createElement(FixedDataTableSortableHeader318, null)3592 )3593 )3594 );3595 }3596 });3597 var FixedDataTableCell320 = React.createClass({3598 displayName: "FixedDataTableCell320",3599 render: function () {3600 return React.createElement(3601 "div",3602 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1534 } },3603 React.createElement(3604 "div",3605 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3606 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3607 ),3608 React.createElement(TransitionCell319, null)3609 );3610 }3611 });3612 var AdsPETableHeader321 = React.createClass({3613 displayName: "AdsPETableHeader321",3614 render: function () {3615 return React.createElement(3616 "div",3617 { className: "_1cig _25fg" },3618 null,3619 React.createElement(3620 "span",3621 { className: "_1cid" },3622 "Date last edited"3623 )3624 );3625 }3626 });3627 var FixedDataTableAbstractSortableHeader322 = React.createClass({3628 displayName: "FixedDataTableAbstractSortableHeader322",3629 render: function () {3630 return React.createElement(3631 "div",3632 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3633 React.createElement(3634 "div",3635 { className: "_2eq6" },3636 null,3637 React.createElement(AdsPETableHeader321, null)3638 )3639 );3640 }3641 });3642 var FixedDataTableSortableHeader323 = React.createClass({3643 displayName: "FixedDataTableSortableHeader323",3644 render: function () {3645 return React.createElement(FixedDataTableAbstractSortableHeader322, null);3646 }3647 });3648 var TransitionCell324 = React.createClass({3649 displayName: "TransitionCell324",3650 render: function () {3651 return React.createElement(3652 "div",3653 { isHeaderCell: true, label: "Date last edited", width: 113, dataKey: "ad.updated_time", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.updated_time", height: 25, style: { "height": 25, "width": 113 } },3654 React.createElement(3655 "div",3656 { className: "_4lgd _4h2w" },3657 React.createElement(3658 "div",3659 { className: "_4lge _4h2x" },3660 React.createElement(FixedDataTableSortableHeader323, null)3661 )3662 )3663 );3664 }3665 });3666 var FixedDataTableCell325 = React.createClass({3667 displayName: "FixedDataTableCell325",3668 render: function () {3669 return React.createElement(3670 "div",3671 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1647 } },3672 React.createElement(3673 "div",3674 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3675 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3676 ),3677 React.createElement(TransitionCell324, null)3678 );3679 }3680 });3681 var AdsPETableHeader326 = React.createClass({3682 displayName: "AdsPETableHeader326",3683 render: function () {3684 return React.createElement(3685 "div",3686 { className: "_1cig _25fg" },3687 null,3688 React.createElement(3689 "span",3690 { className: "_1cid" },3691 "Title"3692 )3693 );3694 }3695 });3696 var FixedDataTableAbstractSortableHeader327 = React.createClass({3697 displayName: "FixedDataTableAbstractSortableHeader327",3698 render: function () {3699 return React.createElement(3700 "div",3701 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3702 React.createElement(3703 "div",3704 { className: "_2eq6" },3705 null,3706 React.createElement(AdsPETableHeader326, null)3707 )3708 );3709 }3710 });3711 var FixedDataTableSortableHeader328 = React.createClass({3712 displayName: "FixedDataTableSortableHeader328",3713 render: function () {3714 return React.createElement(FixedDataTableAbstractSortableHeader327, null);3715 }3716 });3717 var TransitionCell329 = React.createClass({3718 displayName: "TransitionCell329",3719 render: function () {3720 return React.createElement(3721 "div",3722 { isHeaderCell: true, label: "Title", width: 80, dataKey: "ad.title", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.title", height: 25, style: { "height": 25, "width": 80 } },3723 React.createElement(3724 "div",3725 { className: "_4lgd _4h2w" },3726 React.createElement(3727 "div",3728 { className: "_4lge _4h2x" },3729 React.createElement(FixedDataTableSortableHeader328, null)3730 )3731 )3732 );3733 }3734 });3735 var FixedDataTableCell330 = React.createClass({3736 displayName: "FixedDataTableCell330",3737 render: function () {3738 return React.createElement(3739 "div",3740 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 80, "left": 1760 } },3741 React.createElement(3742 "div",3743 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3744 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3745 ),3746 React.createElement(TransitionCell329, null)3747 );3748 }3749 });3750 var AdsPETableHeader331 = React.createClass({3751 displayName: "AdsPETableHeader331",3752 render: function () {3753 return React.createElement(3754 "div",3755 { className: "_1cig _25fg" },3756 null,3757 React.createElement(3758 "span",3759 { className: "_1cid" },3760 "Body"3761 )3762 );3763 }3764 });3765 var FixedDataTableAbstractSortableHeader332 = React.createClass({3766 displayName: "FixedDataTableAbstractSortableHeader332",3767 render: function () {3768 return React.createElement(3769 "div",3770 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3771 React.createElement(3772 "div",3773 { className: "_2eq6" },3774 null,3775 React.createElement(AdsPETableHeader331, null)3776 )3777 );3778 }3779 });3780 var FixedDataTableSortableHeader333 = React.createClass({3781 displayName: "FixedDataTableSortableHeader333",3782 render: function () {3783 return React.createElement(FixedDataTableAbstractSortableHeader332, null);3784 }3785 });3786 var TransitionCell334 = React.createClass({3787 displayName: "TransitionCell334",3788 render: function () {3789 return React.createElement(3790 "div",3791 { isHeaderCell: true, label: "Body", width: 80, dataKey: "ad.creative.body", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.creative.body", height: 25, style: { "height": 25, "width": 80 } },3792 React.createElement(3793 "div",3794 { className: "_4lgd _4h2w" },3795 React.createElement(3796 "div",3797 { className: "_4lge _4h2x" },3798 React.createElement(FixedDataTableSortableHeader333, null)3799 )3800 )3801 );3802 }3803 });3804 var FixedDataTableCell335 = React.createClass({3805 displayName: "FixedDataTableCell335",3806 render: function () {3807 return React.createElement(3808 "div",3809 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 80, "left": 1840 } },3810 React.createElement(3811 "div",3812 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3813 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3814 ),3815 React.createElement(TransitionCell334, null)3816 );3817 }3818 });3819 var AdsPETableHeader336 = React.createClass({3820 displayName: "AdsPETableHeader336",3821 render: function () {3822 return React.createElement(3823 "div",3824 { className: "_1cig _25fg" },3825 null,3826 React.createElement(3827 "span",3828 { className: "_1cid" },3829 "Destination"3830 )3831 );3832 }3833 });3834 var FixedDataTableAbstractSortableHeader337 = React.createClass({3835 displayName: "FixedDataTableAbstractSortableHeader337",3836 render: function () {3837 return React.createElement(3838 "div",3839 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3840 React.createElement(3841 "div",3842 { className: "_2eq6" },3843 null,3844 React.createElement(AdsPETableHeader336, null)3845 )3846 );3847 }3848 });3849 var FixedDataTableSortableHeader338 = React.createClass({3850 displayName: "FixedDataTableSortableHeader338",3851 render: function () {3852 return React.createElement(FixedDataTableAbstractSortableHeader337, null);3853 }3854 });3855 var TransitionCell339 = React.createClass({3856 displayName: "TransitionCell339",3857 render: function () {3858 return React.createElement(3859 "div",3860 { isHeaderCell: true, label: "Destination", width: 92, dataKey: "destination", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "destination", height: 25, style: { "height": 25, "width": 92 } },3861 React.createElement(3862 "div",3863 { className: "_4lgd _4h2w" },3864 React.createElement(3865 "div",3866 { className: "_4lge _4h2x" },3867 React.createElement(FixedDataTableSortableHeader338, null)3868 )3869 )3870 );3871 }3872 });3873 var FixedDataTableCell340 = React.createClass({3874 displayName: "FixedDataTableCell340",3875 render: function () {3876 return React.createElement(3877 "div",3878 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 92, "left": 1920 } },3879 React.createElement(3880 "div",3881 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3882 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3883 ),3884 React.createElement(TransitionCell339, null)3885 );3886 }3887 });3888 var AdsPETableHeader341 = React.createClass({3889 displayName: "AdsPETableHeader341",3890 render: function () {3891 return React.createElement(3892 "div",3893 { className: "_1cig _25fg" },3894 null,3895 React.createElement(3896 "span",3897 { className: "_1cid" },3898 "Link"3899 )3900 );3901 }3902 });3903 var FixedDataTableAbstractSortableHeader342 = React.createClass({3904 displayName: "FixedDataTableAbstractSortableHeader342",3905 render: function () {3906 return React.createElement(3907 "div",3908 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3909 React.createElement(3910 "div",3911 { className: "_2eq6" },3912 null,3913 React.createElement(AdsPETableHeader341, null)3914 )3915 );3916 }3917 });3918 var FixedDataTableSortableHeader343 = React.createClass({3919 displayName: "FixedDataTableSortableHeader343",3920 render: function () {3921 return React.createElement(FixedDataTableAbstractSortableHeader342, null);3922 }3923 });3924 var TransitionCell344 = React.createClass({3925 displayName: "TransitionCell344",3926 render: function () {3927 return React.createElement(3928 "div",3929 { isHeaderCell: true, label: "Link", width: 70, dataKey: "ad.creative.link_url", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.creative.link_url", height: 25, style: { "height": 25, "width": 70 } },3930 React.createElement(3931 "div",3932 { className: "_4lgd _4h2w" },3933 React.createElement(3934 "div",3935 { className: "_4lge _4h2x" },3936 React.createElement(FixedDataTableSortableHeader343, null)3937 )3938 )3939 );3940 }3941 });3942 var FixedDataTableCell345 = React.createClass({3943 displayName: "FixedDataTableCell345",3944 render: function () {3945 return React.createElement(3946 "div",3947 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 70, "left": 2012 } },3948 React.createElement(3949 "div",3950 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },3951 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })3952 ),3953 React.createElement(TransitionCell344, null)3954 );3955 }3956 });3957 var AdsPETableHeader346 = React.createClass({3958 displayName: "AdsPETableHeader346",3959 render: function () {3960 return React.createElement(3961 "div",3962 { className: "_1cig _25fg" },3963 null,3964 React.createElement(3965 "span",3966 { className: "_1cid" },3967 "Related Page"3968 )3969 );3970 }3971 });3972 var FixedDataTableAbstractSortableHeader347 = React.createClass({3973 displayName: "FixedDataTableAbstractSortableHeader347",3974 render: function () {3975 return React.createElement(3976 "div",3977 { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },3978 React.createElement(3979 "div",3980 { className: "_2eq6" },3981 null,3982 React.createElement(AdsPETableHeader346, null)3983 )3984 );3985 }3986 });3987 var FixedDataTableSortableHeader348 = React.createClass({3988 displayName: "FixedDataTableSortableHeader348",3989 render: function () {3990 return React.createElement(FixedDataTableAbstractSortableHeader347, null);3991 }3992 });3993 var TransitionCell349 = React.createClass({3994 displayName: "TransitionCell349",3995 render: function () {3996 return React.createElement(3997 "div",3998 { isHeaderCell: true, label: "Related Page", width: 92, dataKey: "page", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "page", height: 25, style: { "height": 25, "width": 92 } },3999 React.createElement(4000 "div",4001 { className: "_4lgd _4h2w" },4002 React.createElement(4003 "div",4004 { className: "_4lge _4h2x" },4005 React.createElement(FixedDataTableSortableHeader348, null)4006 )4007 )4008 );4009 }4010 });4011 var FixedDataTableCell350 = React.createClass({4012 displayName: "FixedDataTableCell350",4013 render: function () {4014 return React.createElement(4015 "div",4016 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 92, "left": 2082 } },4017 React.createElement(4018 "div",4019 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },4020 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })4021 ),4022 React.createElement(TransitionCell349, null)4023 );4024 }4025 });4026 var AdsPETableHeader351 = React.createClass({4027 displayName: "AdsPETableHeader351",4028 render: function () {4029 return React.createElement(4030 "div",4031 { className: "_1cig _25fg _4h2r" },4032 null,4033 React.createElement(4034 "span",4035 { className: "_1cid" },4036 "Preview Link"4037 )4038 );4039 }4040 });4041 var TransitionCell352 = React.createClass({4042 displayName: "TransitionCell352",4043 render: function () {4044 return React.createElement(4045 "div",4046 { isHeaderCell: true, label: "Preview Link", width: 100, dataKey: "ad.demolink_hash", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.demolink_hash", height: 25, style: { "height": 25, "width": 100 } },4047 React.createElement(4048 "div",4049 { className: "_4lgd _4h2w" },4050 React.createElement(4051 "div",4052 { className: "_4lge _4h2x" },4053 React.createElement(AdsPETableHeader351, null)4054 )4055 )4056 );4057 }4058 });4059 var FixedDataTableCell353 = React.createClass({4060 displayName: "FixedDataTableCell353",4061 render: function () {4062 return React.createElement(4063 "div",4064 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 100, "left": 2174 } },4065 React.createElement(4066 "div",4067 { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },4068 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })4069 ),4070 React.createElement(TransitionCell352, null)4071 );4072 }4073 });4074 var AdsPETableHeader354 = React.createClass({4075 displayName: "AdsPETableHeader354",4076 render: function () {4077 return React.createElement("div", { className: "_1cig _25fg _4h2r" });4078 }4079 });4080 var TransitionCell355 = React.createClass({4081 displayName: "TransitionCell355",4082 render: function () {4083 return React.createElement(4084 "div",4085 { isHeaderCell: true, label: "", width: 25, dataKey: "scrollbar_spacer", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "scrollbar_spacer", height: 25, style: { "height": 25, "width": 25 } },4086 React.createElement(4087 "div",4088 { className: "_4lgd _4h2w" },4089 React.createElement(4090 "div",4091 { className: "_4lge _4h2x" },4092 React.createElement(AdsPETableHeader354, null)4093 )4094 )4095 );4096 }4097 });4098 var FixedDataTableCell356 = React.createClass({4099 displayName: "FixedDataTableCell356",4100 render: function () {4101 return React.createElement(4102 "div",4103 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 25, "left": 2274 } },4104 undefined,4105 React.createElement(TransitionCell355, null)4106 );4107 }4108 });4109 var FixedDataTableCellGroupImpl357 = React.createClass({4110 displayName: "FixedDataTableCellGroupImpl357",4111 render: function () {4112 return React.createElement(4113 "div",4114 { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 2299, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },4115 React.createElement(FixedDataTableCell244, { key: "cell_0" }),4116 React.createElement(FixedDataTableCell249, { key: "cell_1" }),4117 React.createElement(FixedDataTableCell254, { key: "cell_2" }),4118 React.createElement(FixedDataTableCell259, { key: "cell_3" }),4119 React.createElement(FixedDataTableCell262, { key: "cell_4" }),4120 React.createElement(FixedDataTableCell265, { key: "cell_5" }),4121 React.createElement(FixedDataTableCell270, { key: "cell_6" }),4122 React.createElement(FixedDataTableCell275, { key: "cell_7" }),4123 React.createElement(FixedDataTableCell280, { key: "cell_8" }),4124 React.createElement(FixedDataTableCell285, { key: "cell_9" }),4125 React.createElement(FixedDataTableCell290, { key: "cell_10" }),4126 React.createElement(FixedDataTableCell295, { key: "cell_11" }),4127 React.createElement(FixedDataTableCell300, { key: "cell_12" }),4128 React.createElement(FixedDataTableCell305, { key: "cell_13" }),4129 React.createElement(FixedDataTableCell310, { key: "cell_14" }),4130 React.createElement(FixedDataTableCell315, { key: "cell_15" }),4131 React.createElement(FixedDataTableCell320, { key: "cell_16" }),4132 React.createElement(FixedDataTableCell325, { key: "cell_17" }),4133 React.createElement(FixedDataTableCell330, { key: "cell_18" }),4134 React.createElement(FixedDataTableCell335, { key: "cell_19" }),4135 React.createElement(FixedDataTableCell340, { key: "cell_20" }),4136 React.createElement(FixedDataTableCell345, { key: "cell_21" }),4137 React.createElement(FixedDataTableCell350, { key: "cell_22" }),4138 React.createElement(FixedDataTableCell353, { key: "cell_23" }),4139 React.createElement(FixedDataTableCell356, { key: "cell_24" })4140 );4141 }4142 });4143 var FixedDataTableCellGroup358 = React.createClass({4144 displayName: "FixedDataTableCellGroup358",4145 render: function () {4146 return React.createElement(4147 "div",4148 { style: { "height": 25, "left": 521 }, className: "_3pzk" },4149 React.createElement(FixedDataTableCellGroupImpl357, null)4150 );4151 }4152 });4153 var FixedDataTableRowImpl359 = React.createClass({4154 displayName: "FixedDataTableRowImpl359",4155 render: function () {4156 return React.createElement(4157 "div",4158 { className: "_1gd4 _4li _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1083, "height": 25 } },4159 React.createElement(4160 "div",4161 { className: "_1gd5" },4162 React.createElement(FixedDataTableCellGroup239, { key: "fixed_cells" }),4163 React.createElement(FixedDataTableCellGroup358, { key: "scrollable_cells" }),4164 React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 521, "height": 25 } })4165 )4166 );4167 }4168 });4169 var FixedDataTableRow360 = React.createClass({4170 displayName: "FixedDataTableRow360",4171 render: function () {4172 return React.createElement(4173 "div",4174 { style: { "width": 1083, "height": 25, "zIndex": 1, "transform": "translate3d(0px,40px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },4175 React.createElement(FixedDataTableRowImpl359, null)4176 );4177 }4178 });4179 var AbstractCheckboxInput361 = React.createClass({4180 displayName: "AbstractCheckboxInput361",4181 render: function () {4182 return React.createElement(4183 "label",4184 { className: "_5hhv _55sg _kv1" },4185 React.createElement("input", { className: null, disabled: false, inline: true, checked: true, value: undefined, onChange: function () {}, type: "checkbox" }),4186 React.createElement("span", { "data-hover": null, "aria-label": undefined })4187 );4188 }4189 });4190 var XUICheckboxInput362 = React.createClass({4191 displayName: "XUICheckboxInput362",4192 render: function () {4193 return React.createElement(AbstractCheckboxInput361, null);4194 }4195 });4196 var TransitionCell363 = React.createClass({4197 displayName: "TransitionCell363",4198 render: function () {4199 return React.createElement(4200 "div",4201 { dataKey: "common.id", className: "_4lgc _4h2u", rowGetter: function () {}, width: 42, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "common.id", height: 32, rowIndex: 0, style: { "height": 32, "width": 42 } },4202 React.createElement(4203 "div",4204 { className: "_4lgd _4h2w" },4205 React.createElement(4206 "div",4207 { className: "_4lge _4h2x" },4208 React.createElement(4209 "span",4210 { className: "_5hhu _4h2r", onMouseDown: function () {} },4211 React.createElement(XUICheckboxInput362, null)4212 )4213 )4214 )4215 );4216 }4217 });4218 var FixedDataTableCell364 = React.createClass({4219 displayName: "FixedDataTableCell364",4220 render: function () {4221 return React.createElement(4222 "div",4223 { className: "_4lg0 _4lg6 _4h2m", style: { "height": 32, "width": 42, "left": 0 } },4224 undefined,4225 React.createElement(TransitionCell363, null)4226 );4227 }4228 });4229 var AdsEditableTextCellDisplay365 = React.createClass({4230 displayName: "AdsEditableTextCellDisplay365",4231 render: function () {4232 return React.createElement(4233 "div",4234 { className: "_vew", onDoubleClick: function () {}, onMouseEnter: function () {}, onMouseLeave: function () {} },4235 React.createElement(4236 "div",4237 { className: "_vex _5w6k" },4238 React.createElement(4239 "div",4240 { className: "_vey" },4241 "Test Ad"4242 ),4243 React.createElement("div", { className: "_5w6_" })4244 )4245 );4246 }4247 });4248 var AdsEditableCell366 = React.createClass({4249 displayName: "AdsEditableCell366",4250 render: function () {4251 return React.createElement(4252 "div",4253 { className: "_2d6h _2-ev _4h2r _5abb" },4254 React.createElement(AdsEditableTextCellDisplay365, null)4255 );4256 }4257 });4258 var TransitionCell367 = React.createClass({4259 displayName: "TransitionCell367",4260 render: function () {4261 return React.createElement(4262 "div",4263 { dataKey: "ad.name", className: "_4lgc _4h2u", rowGetter: function () {}, width: 200, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.name", height: 32, rowIndex: 0, style: { "height": 32, "width": 200 } },4264 React.createElement(4265 "div",4266 { className: "_4lgd _4h2w" },4267 React.createElement(4268 "div",4269 { className: "_4lge _4h2x" },4270 React.createElement(AdsEditableCell366, null)4271 )4272 )4273 );4274 }4275 });4276 var FixedDataTableCell368 = React.createClass({4277 displayName: "FixedDataTableCell368",4278 render: function () {4279 return React.createElement(4280 "div",4281 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 200, "left": 42 } },4282 undefined,4283 React.createElement(TransitionCell367, null)4284 );4285 }4286 });4287 var FixedDataTableCellDefault369 = React.createClass({4288 displayName: "FixedDataTableCellDefault369",4289 render: function () {4290 return React.createElement(4291 "div",4292 { dataKey: "edit_status", className: "_4lgc _4h2u", rowGetter: function () {}, width: 33, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "edit_status", height: 32, rowIndex: 0, style: { "height": 32, "width": 33 } },4293 React.createElement(4294 "div",4295 { className: "_4lgd _4h2w" },4296 React.createElement(4297 "div",4298 { className: "_4lge _4h2x" },4299 React.createElement(4300 "div",4301 { className: "_4h2r" },4302 ""4303 )4304 )4305 )4306 );4307 }4308 });4309 var TransitionCell370 = React.createClass({4310 displayName: "TransitionCell370",4311 render: function () {4312 return React.createElement(FixedDataTableCellDefault369, null);4313 }4314 });4315 var FixedDataTableCell371 = React.createClass({4316 displayName: "FixedDataTableCell371",4317 render: function () {4318 return React.createElement(4319 "div",4320 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 33, "left": 242 } },4321 undefined,4322 React.createElement(TransitionCell370, null)4323 );4324 }4325 });4326 var FixedDataTableCellDefault372 = React.createClass({4327 displayName: "FixedDataTableCellDefault372",4328 render: function () {4329 return React.createElement(4330 "div",4331 { dataKey: "errors", className: "_4lgc _4h2u", rowGetter: function () {}, width: 36, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "errors", height: 32, rowIndex: 0, style: { "height": 32, "width": 36 } },4332 React.createElement(4333 "div",4334 { className: "_4lgd _4h2w" },4335 React.createElement(4336 "div",4337 { className: "_4lge _4h2x" },4338 React.createElement("div", { className: "_4h2r" })4339 )4340 )4341 );4342 }4343 });4344 var TransitionCell373 = React.createClass({4345 displayName: "TransitionCell373",4346 render: function () {4347 return React.createElement(FixedDataTableCellDefault372, null);4348 }4349 });4350 var FixedDataTableCell374 = React.createClass({4351 displayName: "FixedDataTableCell374",4352 render: function () {4353 return React.createElement(4354 "div",4355 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 36, "left": 275 } },4356 undefined,4357 React.createElement(TransitionCell373, null)4358 );4359 }4360 });4361 var BUISwitch375 = React.createClass({4362 displayName: "BUISwitch375",4363 render: function () {4364 return React.createElement(4365 "div",4366 { value: true, disabled: true, onToggle: function () {}, "data-hover": "tooltip", "data-tooltip-position": "below", "aria-label": "Currently active and you can not deactivate it.", animate: true, className: "_128j _128k _128m _128n", role: "checkbox", "aria-checked": "true" },4367 React.createElement(4368 "div",4369 { className: "_128o", onClick: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, tabIndex: "-1" },4370 React.createElement("div", { className: "_128p" })4371 ),4372 null4373 );4374 }4375 });4376 var AdsStatusSwitchInternal376 = React.createClass({4377 displayName: "AdsStatusSwitchInternal376",4378 render: function () {4379 return React.createElement(BUISwitch375, null);4380 }4381 });4382 var AdsStatusSwitch377 = React.createClass({4383 displayName: "AdsStatusSwitch377",4384 render: function () {4385 return React.createElement(AdsStatusSwitchInternal376, null);4386 }4387 });4388 var TransitionCell378 = React.createClass({4389 displayName: "TransitionCell378",4390 render: function () {4391 return React.createElement(4392 "div",4393 { dataKey: "ad.adgroup_status", className: "_4lgc _4h2u", rowGetter: function () {}, width: 60, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.adgroup_status", height: 32, rowIndex: 0, style: { "height": 32, "width": 60 } },4394 React.createElement(4395 "div",4396 { className: "_4lgd _4h2w" },4397 React.createElement(4398 "div",4399 { className: "_4lge _4h2x" },4400 React.createElement(4401 "div",4402 { className: "_15si _4h2r" },4403 React.createElement(AdsStatusSwitch377, null)4404 )4405 )4406 )4407 );4408 }4409 });4410 var FixedDataTableCell379 = React.createClass({4411 displayName: "FixedDataTableCell379",4412 render: function () {4413 return React.createElement(4414 "div",4415 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 60, "left": 311 } },4416 undefined,4417 React.createElement(TransitionCell378, null)4418 );4419 }4420 });4421 var ReactImage380 = React.createClass({4422 displayName: "ReactImage380",4423 render: function () {4424 return React.createElement("i", { "aria-label": "Pending Review", "data-hover": "tooltip", className: "_4ms8 img sp_UuU9HmrQ397 sx_ced63f", src: null, width: "7", height: "7" });4425 }4426 });4427 var AdsPEActivityStatusIndicator381 = React.createClass({4428 displayName: "AdsPEActivityStatusIndicator381",4429 render: function () {4430 return React.createElement(4431 "div",4432 { className: "_k4-" },4433 React.createElement(ReactImage380, null),4434 "Pending Review",4435 undefined4436 );4437 }4438 });4439 var TransitionCell382 = React.createClass({4440 displayName: "TransitionCell382",4441 render: function () {4442 return React.createElement(4443 "div",4444 { dataKey: "ukiAdData.computed_activity_status", className: "_4lgc _4h2u", rowGetter: function () {}, width: 150, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ukiAdData.computed_activity_status", height: 32, rowIndex: 0, style: { "height": 32, "width": 150 } },4445 React.createElement(4446 "div",4447 { className: "_4lgd _4h2w" },4448 React.createElement(4449 "div",4450 { className: "_4lge _4h2x" },4451 React.createElement(4452 "div",4453 { className: "_2d6h _4h2r" },4454 React.createElement(AdsPEActivityStatusIndicator381, null)4455 )4456 )4457 )4458 );4459 }4460 });4461 var FixedDataTableCell383 = React.createClass({4462 displayName: "FixedDataTableCell383",4463 render: function () {4464 return React.createElement(4465 "div",4466 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 150, "left": 371 } },4467 undefined,4468 React.createElement(TransitionCell382, null)4469 );4470 }4471 });4472 var FixedDataTableCellGroupImpl384 = React.createClass({4473 displayName: "FixedDataTableCellGroupImpl384",4474 render: function () {4475 return React.createElement(4476 "div",4477 { className: "_3pzj", style: { "height": 32, "position": "absolute", "width": 521, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },4478 React.createElement(FixedDataTableCell364, { key: "cell_0" }),4479 React.createElement(FixedDataTableCell368, { key: "cell_1" }),4480 React.createElement(FixedDataTableCell371, { key: "cell_2" }),4481 React.createElement(FixedDataTableCell374, { key: "cell_3" }),4482 React.createElement(FixedDataTableCell379, { key: "cell_4" }),4483 React.createElement(FixedDataTableCell383, { key: "cell_5" })4484 );4485 }4486 });4487 var FixedDataTableCellGroup385 = React.createClass({4488 displayName: "FixedDataTableCellGroup385",4489 render: function () {4490 return React.createElement(4491 "div",4492 { style: { "height": 32, "left": 0 }, className: "_3pzk" },4493 React.createElement(FixedDataTableCellGroupImpl384, null)4494 );4495 }4496 });4497 var TransitionCell386 = React.createClass({4498 displayName: "TransitionCell386",4499 render: function () {4500 return React.createElement(4501 "div",4502 { dataKey: "stats.unique_impressions", className: "_4lgc _4h2u", rowGetter: function () {}, width: 60, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.unique_impressions", height: 32, rowIndex: 0, style: { "height": 32, "width": 60 } },4503 React.createElement(4504 "div",4505 { className: "_4lgd _4h2w" },4506 React.createElement(4507 "div",4508 { className: "_4lge _4h2x" },4509 React.createElement(4510 "div",4511 { className: "_2d6h _2g7x _4h2r" },4512 " — "4513 )4514 )4515 )4516 );4517 }4518 });4519 var FixedDataTableCell387 = React.createClass({4520 displayName: "FixedDataTableCell387",4521 render: function () {4522 return React.createElement(4523 "div",4524 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 60, "left": 0 } },4525 undefined,4526 React.createElement(TransitionCell386, null)4527 );4528 }4529 });4530 var TransitionCell388 = React.createClass({4531 displayName: "TransitionCell388",4532 render: function () {4533 return React.createElement(4534 "div",4535 { dataKey: "stats.impressions", className: "_4lgc _4h2u", rowGetter: function () {}, width: 80, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.impressions", height: 32, rowIndex: 0, style: { "height": 32, "width": 80 } },4536 React.createElement(4537 "div",4538 { className: "_4lgd _4h2w" },4539 React.createElement(4540 "div",4541 { className: "_4lge _4h2x" },4542 React.createElement(4543 "div",4544 { className: "_2d6h _2g7x _4h2r" },4545 " — "4546 )4547 )4548 )4549 );4550 }4551 });4552 var FixedDataTableCell389 = React.createClass({4553 displayName: "FixedDataTableCell389",4554 render: function () {4555 return React.createElement(4556 "div",4557 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 80, "left": 60 } },4558 undefined,4559 React.createElement(TransitionCell388, null)4560 );4561 }4562 });4563 var TransitionCell390 = React.createClass({4564 displayName: "TransitionCell390",4565 render: function () {4566 return React.createElement(4567 "div",4568 { dataKey: "stats.avg_cpm", className: "_4lgc _4h2u", rowGetter: function () {}, width: 80, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.avg_cpm", height: 32, rowIndex: 0, style: { "height": 32, "width": 80 } },4569 React.createElement(4570 "div",4571 { className: "_4lgd _4h2w" },4572 React.createElement(4573 "div",4574 { className: "_4lge _4h2x" },4575 React.createElement(4576 "div",4577 { className: "_2d6h _2g7x _4h2r" },4578 " — "4579 )4580 )4581 )4582 );4583 }4584 });4585 var FixedDataTableCell391 = React.createClass({4586 displayName: "FixedDataTableCell391",4587 render: function () {4588 return React.createElement(4589 "div",4590 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 80, "left": 140 } },4591 undefined,4592 React.createElement(TransitionCell390, null)4593 );4594 }4595 });4596 var TransitionCell392 = React.createClass({4597 displayName: "TransitionCell392",4598 render: function () {4599 return React.createElement(4600 "div",4601 { dataKey: "stats.avg_cpc", className: "_4lgc _4h2u", rowGetter: function () {}, width: 78, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.avg_cpc", height: 32, rowIndex: 0, style: { "height": 32, "width": 78 } },4602 React.createElement(4603 "div",4604 { className: "_4lgd _4h2w" },4605 React.createElement(4606 "div",4607 { className: "_4lge _4h2x" },4608 React.createElement(4609 "div",4610 { className: "_2d6h _2g7x _4h2r" },4611 " — "4612 )4613 )4614 )4615 );4616 }4617 });4618 var FixedDataTableCell393 = React.createClass({4619 displayName: "FixedDataTableCell393",4620 render: function () {4621 return React.createElement(4622 "div",4623 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 78, "left": 220 } },4624 undefined,4625 React.createElement(TransitionCell392, null)4626 );4627 }4628 });4629 var TransitionCell394 = React.createClass({4630 displayName: "TransitionCell394",4631 render: function () {4632 return React.createElement(4633 "div",4634 { dataKey: "stats.actions", className: "_4lgc _4h2u", rowGetter: function () {}, width: 140, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.actions", height: 32, rowIndex: 0, style: { "height": 32, "width": 140 } },4635 React.createElement(4636 "div",4637 { className: "_4lgd _4h2w" },4638 React.createElement(4639 "div",4640 { className: "_4lge _4h2x" },4641 React.createElement(4642 "div",4643 { className: "_2d6h _2g7x _4h2r" },4644 " — "4645 )4646 )4647 )4648 );4649 }4650 });4651 var FixedDataTableCell395 = React.createClass({4652 displayName: "FixedDataTableCell395",4653 render: function () {4654 return React.createElement(4655 "div",4656 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 140, "left": 298 } },4657 undefined,4658 React.createElement(TransitionCell394, null)4659 );4660 }4661 });4662 var TransitionCell396 = React.createClass({4663 displayName: "TransitionCell396",4664 render: function () {4665 return React.createElement(4666 "div",4667 { dataKey: "stats.cpa", className: "_4lgc _4h2u", rowGetter: function () {}, width: 140, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.cpa", height: 32, rowIndex: 0, style: { "height": 32, "width": 140 } },4668 React.createElement(4669 "div",4670 { className: "_4lgd _4h2w" },4671 React.createElement(4672 "div",4673 { className: "_4lge _4h2x" },4674 React.createElement(4675 "div",4676 { className: "_2d6h _2g7x _4h2r" },4677 " — "4678 )4679 )4680 )4681 );4682 }4683 });4684 var FixedDataTableCell397 = React.createClass({4685 displayName: "FixedDataTableCell397",4686 render: function () {4687 return React.createElement(4688 "div",4689 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 140, "left": 438 } },4690 undefined,4691 React.createElement(TransitionCell396, null)4692 );4693 }4694 });4695 var TransitionCell398 = React.createClass({4696 displayName: "TransitionCell398",4697 render: function () {4698 return React.createElement(4699 "div",4700 { dataKey: "stats.clicks", className: "_4lgc _4h2u", rowGetter: function () {}, width: 60, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.clicks", height: 32, rowIndex: 0, style: { "height": 32, "width": 60 } },4701 React.createElement(4702 "div",4703 { className: "_4lgd _4h2w" },4704 React.createElement(4705 "div",4706 { className: "_4lge _4h2x" },4707 React.createElement(4708 "div",4709 { className: "_2d6h _2g7x _4h2r" },4710 " — "4711 )4712 )4713 )4714 );4715 }4716 });4717 var FixedDataTableCell399 = React.createClass({4718 displayName: "FixedDataTableCell399",4719 render: function () {4720 return React.createElement(4721 "div",4722 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 60, "left": 578 } },4723 undefined,4724 React.createElement(TransitionCell398, null)4725 );4726 }4727 });4728 var TransitionCell400 = React.createClass({4729 displayName: "TransitionCell400",4730 render: function () {4731 return React.createElement(4732 "div",4733 { dataKey: "stats.ctr", className: "_4lgc _4h2u", rowGetter: function () {}, width: 70, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.ctr", height: 32, rowIndex: 0, style: { "height": 32, "width": 70 } },4734 React.createElement(4735 "div",4736 { className: "_4lgd _4h2w" },4737 React.createElement(4738 "div",4739 { className: "_4lge _4h2x" },4740 React.createElement(4741 "div",4742 { className: "_2d6h _2g7x _4h2r" },4743 " — "4744 )4745 )4746 )4747 );4748 }4749 });4750 var FixedDataTableCell401 = React.createClass({4751 displayName: "FixedDataTableCell401",4752 render: function () {4753 return React.createElement(4754 "div",4755 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 70, "left": 638 } },4756 undefined,4757 React.createElement(TransitionCell400, null)4758 );4759 }4760 });4761 var TransitionCell402 = React.createClass({4762 displayName: "TransitionCell402",4763 render: function () {4764 return React.createElement(4765 "div",4766 { dataKey: "stats.social_percent", className: "_4lgc _4h2u", rowGetter: function () {}, width: 80, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.social_percent", height: 32, rowIndex: 0, style: { "height": 32, "width": 80 } },4767 React.createElement(4768 "div",4769 { className: "_4lgd _4h2w" },4770 React.createElement(4771 "div",4772 { className: "_4lge _4h2x" },4773 React.createElement(4774 "div",4775 { className: "_2d6h _2g7x _4h2r" },4776 " — "4777 )4778 )4779 )4780 );4781 }4782 });4783 var FixedDataTableCell403 = React.createClass({4784 displayName: "FixedDataTableCell403",4785 render: function () {4786 return React.createElement(4787 "div",4788 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 80, "left": 708 } },4789 undefined,4790 React.createElement(TransitionCell402, null)4791 );4792 }4793 });4794 var FixedDataTableCellDefault404 = React.createClass({4795 displayName: "FixedDataTableCellDefault404",4796 render: function () {4797 return React.createElement(4798 "div",4799 { dataKey: "campaign.name", className: "_4lgc _4h2u", rowGetter: function () {}, width: 100, columnData: {}, cellDataGetter: function () {}, cellRenderer: undefined, columnKey: "campaign.name", height: 32, rowIndex: 0, style: { "height": 32, "width": 100 } },4800 React.createElement(4801 "div",4802 { className: "_4lgd _4h2w" },4803 React.createElement(4804 "div",4805 { className: "_4lge _4h2x" },4806 React.createElement(4807 "div",4808 { className: "_4h2r" },4809 "Test Ad Set"4810 )4811 )4812 )4813 );4814 }4815 });4816 var TransitionCell405 = React.createClass({4817 displayName: "TransitionCell405",4818 render: function () {4819 return React.createElement(FixedDataTableCellDefault404, null);4820 }4821 });4822 var FixedDataTableCell406 = React.createClass({4823 displayName: "FixedDataTableCell406",4824 render: function () {4825 return React.createElement(4826 "div",4827 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 100, "left": 788 } },4828 undefined,4829 React.createElement(TransitionCell405, null)4830 );4831 }4832 });4833 var FixedDataTableCellDefault407 = React.createClass({4834 displayName: "FixedDataTableCellDefault407",4835 render: function () {4836 return React.createElement(4837 "div",4838 { dataKey: "campaignGroup.name", className: "_4lgc _4h2u", rowGetter: function () {}, width: 150, columnData: {}, cellDataGetter: function () {}, cellRenderer: undefined, columnKey: "campaignGroup.name", height: 32, rowIndex: 0, style: { "height": 32, "width": 150 } },4839 React.createElement(4840 "div",4841 { className: "_4lgd _4h2w" },4842 React.createElement(4843 "div",4844 { className: "_4lge _4h2x" },4845 React.createElement(4846 "div",4847 { className: "_4h2r" },4848 "Test Campaign"4849 )4850 )4851 )4852 );4853 }4854 });4855 var TransitionCell408 = React.createClass({4856 displayName: "TransitionCell408",4857 render: function () {4858 return React.createElement(FixedDataTableCellDefault407, null);4859 }4860 });4861 var FixedDataTableCell409 = React.createClass({4862 displayName: "FixedDataTableCell409",4863 render: function () {4864 return React.createElement(4865 "div",4866 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 150, "left": 888 } },4867 undefined,4868 React.createElement(TransitionCell408, null)4869 );4870 }4871 });4872 var TransitionCell410 = React.createClass({4873 displayName: "TransitionCell410",4874 render: function () {4875 return React.createElement(4876 "div",4877 { dataKey: "ad.id", className: "_4lgc _4h2u", rowGetter: function () {}, width: 120, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.id", height: 32, rowIndex: 0, style: { "height": 32, "width": 120 } },4878 React.createElement(4879 "div",4880 { className: "_4lgd _4h2w" },4881 React.createElement(4882 "div",4883 { className: "_4lge _4h2x" },4884 React.createElement(4885 "div",4886 { className: "_2d6h _4h2r" },4887 "98010048849345"4888 )4889 )4890 )4891 );4892 }4893 });4894 var FixedDataTableCell411 = React.createClass({4895 displayName: "FixedDataTableCell411",4896 render: function () {4897 return React.createElement(4898 "div",4899 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 120, "left": 1038 } },4900 undefined,4901 React.createElement(TransitionCell410, null)4902 );4903 }4904 });4905 var TransitionCell412 = React.createClass({4906 displayName: "TransitionCell412",4907 render: function () {4908 return React.createElement(4909 "div",4910 { dataKey: "campaignGroup.objective", className: "_4lgc _4h2u", rowGetter: function () {}, width: 80, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "campaignGroup.objective", height: 32, rowIndex: 0, style: { "height": 32, "width": 80 } },4911 React.createElement(4912 "div",4913 { className: "_4lgd _4h2w" },4914 React.createElement(4915 "div",4916 { className: "_4lge _4h2x" },4917 React.createElement(4918 "div",4919 { className: "_2d6h _4h2r" },4920 "Clicks to Website"4921 )4922 )4923 )4924 );4925 }4926 });4927 var FixedDataTableCell413 = React.createClass({4928 displayName: "FixedDataTableCell413",4929 render: function () {4930 return React.createElement(4931 "div",4932 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 80, "left": 1158 } },4933 undefined,4934 React.createElement(TransitionCell412, null)4935 );4936 }4937 });4938 var TransitionCell414 = React.createClass({4939 displayName: "TransitionCell414",4940 render: function () {4941 return React.createElement(4942 "div",4943 { dataKey: "stats.spent_100", className: "_4lgc _4h2u", rowGetter: function () {}, width: 70, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "stats.spent_100", height: 32, rowIndex: 0, style: { "height": 32, "width": 70 } },4944 React.createElement(4945 "div",4946 { className: "_4lgd _4h2w" },4947 React.createElement(4948 "div",4949 { className: "_4lge _4h2x" },4950 React.createElement(4951 "div",4952 { className: "_2d6h _2g7x _4h2r" },4953 " — "4954 )4955 )4956 )4957 );4958 }4959 });4960 var FixedDataTableCell415 = React.createClass({4961 displayName: "FixedDataTableCell415",4962 render: function () {4963 return React.createElement(4964 "div",4965 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 32, "width": 70, "left": 1238 } },4966 undefined,4967 React.createElement(TransitionCell414, null)4968 );4969 }4970 });4971 var ReactDate416 = React.createClass({4972 displayName: "ReactDate416",4973 render: function () {4974 return React.createElement(4975 "span",4976 null,4977 "10/24/2015"4978 );4979 }4980 });4981 var TransitionCell417 = React.createClass({4982 displayName: "TransitionCell417",4983 render: function () {4984 return React.createElement(4985 "div",4986 { dataKey: "derivedCampaign.startDate", className: "_4lgc _4h2u", rowGetter: function () {}, width: 113, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "derivedCampaign.startDate", height: 32, rowIndex: 0, style: { "height": 32, "width": 113 } },4987 React.createElement(4988 "div",4989 { className: "_4lgd _4h2w" },4990 React.createElement(4991 "div",4992 { className: "_4lge _4h2x" },4993 React.createElement(4994 "div",4995 { className: "_2d6h _4h2r" },4996 React.createElement(ReactDate416, null)4997 )4998 )4999 )5000 );5001 }5002 });5003 var FixedDataTableCell418 = React.createClass({5004 displayName: "FixedDataTableCell418",5005 render: function () {5006 return React.createElement(5007 "div",5008 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 113, "left": 1308 } },5009 undefined,5010 React.createElement(TransitionCell417, null)5011 );5012 }5013 });5014 var TransitionCell419 = React.createClass({5015 displayName: "TransitionCell419",5016 render: function () {5017 return React.createElement(5018 "div",5019 { dataKey: "derivedCampaign.endDate", className: "_4lgc _4h2u", rowGetter: function () {}, width: 113, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "derivedCampaign.endDate", height: 32, rowIndex: 0, style: { "height": 32, "width": 113 } },5020 React.createElement(5021 "div",5022 { className: "_4lgd _4h2w" },5023 React.createElement(5024 "div",5025 { className: "_4lge _4h2x" },5026 React.createElement(5027 "div",5028 { className: "_2d6h _4h2r" },5029 "Ongoing"5030 )5031 )5032 )5033 );5034 }5035 });5036 var FixedDataTableCell420 = React.createClass({5037 displayName: "FixedDataTableCell420",5038 render: function () {5039 return React.createElement(5040 "div",5041 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 113, "left": 1421 } },5042 undefined,5043 React.createElement(TransitionCell419, null)5044 );5045 }5046 });5047 var ReactDate421 = React.createClass({5048 displayName: "ReactDate421",5049 render: function () {5050 return React.createElement(5051 "span",5052 null,5053 "10/24/2015"5054 );5055 }5056 });5057 var TransitionCell422 = React.createClass({5058 displayName: "TransitionCell422",5059 render: function () {5060 return React.createElement(5061 "div",5062 { dataKey: "ad.created_time", className: "_4lgc _4h2u", rowGetter: function () {}, width: 113, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.created_time", height: 32, rowIndex: 0, style: { "height": 32, "width": 113 } },5063 React.createElement(5064 "div",5065 { className: "_4lgd _4h2w" },5066 React.createElement(5067 "div",5068 { className: "_4lge _4h2x" },5069 React.createElement(5070 "div",5071 { className: "_2d6h _4h2r" },5072 React.createElement(ReactDate421, null)5073 )5074 )5075 )5076 );5077 }5078 });5079 var FixedDataTableCell423 = React.createClass({5080 displayName: "FixedDataTableCell423",5081 render: function () {5082 return React.createElement(5083 "div",5084 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 113, "left": 1534 } },5085 undefined,5086 React.createElement(TransitionCell422, null)5087 );5088 }5089 });5090 var ReactDate424 = React.createClass({5091 displayName: "ReactDate424",5092 render: function () {5093 return React.createElement(5094 "span",5095 null,5096 "10/24/2015"5097 );5098 }5099 });5100 var TransitionCell425 = React.createClass({5101 displayName: "TransitionCell425",5102 render: function () {5103 return React.createElement(5104 "div",5105 { dataKey: "ad.updated_time", className: "_4lgc _4h2u", rowGetter: function () {}, width: 113, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.updated_time", height: 32, rowIndex: 0, style: { "height": 32, "width": 113 } },5106 React.createElement(5107 "div",5108 { className: "_4lgd _4h2w" },5109 React.createElement(5110 "div",5111 { className: "_4lge _4h2x" },5112 React.createElement(5113 "div",5114 { className: "_2d6h _4h2r" },5115 React.createElement(ReactDate424, null)5116 )5117 )5118 )5119 );5120 }5121 });5122 var FixedDataTableCell426 = React.createClass({5123 displayName: "FixedDataTableCell426",5124 render: function () {5125 return React.createElement(5126 "div",5127 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 113, "left": 1647 } },5128 undefined,5129 React.createElement(TransitionCell425, null)5130 );5131 }5132 });5133 var TransitionCell427 = React.createClass({5134 displayName: "TransitionCell427",5135 render: function () {5136 return React.createElement(5137 "div",5138 { dataKey: "ad.title", className: "_4lgc _4h2u", rowGetter: function () {}, width: 80, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.title", height: 32, rowIndex: 0, style: { "height": 32, "width": 80 } },5139 React.createElement(5140 "div",5141 { className: "_4lgd _4h2w" },5142 React.createElement(5143 "div",5144 { className: "_4lge _4h2x" },5145 React.createElement(5146 "div",5147 { className: "_2d6h _4h2r" },5148 "Example"5149 )5150 )5151 )5152 );5153 }5154 });5155 var FixedDataTableCell428 = React.createClass({5156 displayName: "FixedDataTableCell428",5157 render: function () {5158 return React.createElement(5159 "div",5160 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 80, "left": 1760 } },5161 undefined,5162 React.createElement(TransitionCell427, null)5163 );5164 }5165 });5166 var TransitionCell429 = React.createClass({5167 displayName: "TransitionCell429",5168 render: function () {5169 return React.createElement(5170 "div",5171 { dataKey: "ad.creative.body", className: "_4lgc _4h2u", rowGetter: function () {}, width: 80, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.creative.body", height: 32, rowIndex: 0, style: { "height": 32, "width": 80 } },5172 React.createElement(5173 "div",5174 { className: "_4lgd _4h2w" },5175 React.createElement(5176 "div",5177 { className: "_4lge _4h2x" },5178 React.createElement(5179 "div",5180 { className: "_2d6h _4h2r" },5181 "It's an example."5182 )5183 )5184 )5185 );5186 }5187 });5188 var FixedDataTableCell430 = React.createClass({5189 displayName: "FixedDataTableCell430",5190 render: function () {5191 return React.createElement(5192 "div",5193 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 80, "left": 1840 } },5194 undefined,5195 React.createElement(TransitionCell429, null)5196 );5197 }5198 });5199 var TransitionCell431 = React.createClass({5200 displayName: "TransitionCell431",5201 render: function () {5202 return React.createElement(5203 "div",5204 { dataKey: "destination", className: "_4lgc _4h2u", rowGetter: function () {}, width: 92, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "destination", height: 32, rowIndex: 0, style: { "height": 32, "width": 92 } },5205 React.createElement(5206 "div",5207 { className: "_4lgd _4h2w" },5208 React.createElement(5209 "div",5210 { className: "_4lge _4h2x" },5211 React.createElement("div", { className: "_2d6h _4h2r" })5212 )5213 )5214 );5215 }5216 });5217 var FixedDataTableCell432 = React.createClass({5218 displayName: "FixedDataTableCell432",5219 render: function () {5220 return React.createElement(5221 "div",5222 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 92, "left": 1920 } },5223 undefined,5224 React.createElement(TransitionCell431, null)5225 );5226 }5227 });5228 var TransitionCell433 = React.createClass({5229 displayName: "TransitionCell433",5230 render: function () {5231 return React.createElement(5232 "div",5233 { dataKey: "ad.creative.link_url", className: "_4lgc _4h2u", rowGetter: function () {}, width: 70, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.creative.link_url", height: 32, rowIndex: 0, style: { "height": 32, "width": 70 } },5234 React.createElement(5235 "div",5236 { className: "_4lgd _4h2w" },5237 React.createElement(5238 "div",5239 { className: "_4lge _4h2x" },5240 React.createElement(5241 "div",5242 { className: "_2d6h _4h2r" },5243 "http://www.example.com/"5244 )5245 )5246 )5247 );5248 }5249 });5250 var FixedDataTableCell434 = React.createClass({5251 displayName: "FixedDataTableCell434",5252 render: function () {5253 return React.createElement(5254 "div",5255 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 70, "left": 2012 } },5256 undefined,5257 React.createElement(TransitionCell433, null)5258 );5259 }5260 });5261 var FixedDataTableCellDefault435 = React.createClass({5262 displayName: "FixedDataTableCellDefault435",5263 render: function () {5264 return React.createElement(5265 "div",5266 { dataKey: "page", className: "_4lgc _4h2u", rowGetter: function () {}, width: 92, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "page", height: 32, rowIndex: 0, style: { "height": 32, "width": 92 } },5267 React.createElement(5268 "div",5269 { className: "_4lgd _4h2w" },5270 React.createElement(5271 "div",5272 { className: "_4lge _4h2x" },5273 React.createElement("div", { className: "_4h2r" })5274 )5275 )5276 );5277 }5278 });5279 var TransitionCell436 = React.createClass({5280 displayName: "TransitionCell436",5281 render: function () {5282 return React.createElement(FixedDataTableCellDefault435, null);5283 }5284 });5285 var FixedDataTableCell437 = React.createClass({5286 displayName: "FixedDataTableCell437",5287 render: function () {5288 return React.createElement(5289 "div",5290 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 92, "left": 2082 } },5291 undefined,5292 React.createElement(TransitionCell436, null)5293 );5294 }5295 });5296 var Link438 = React.createClass({5297 displayName: "Link438",5298 render: function () {5299 return React.createElement(5300 "a",5301 { href: "https://www.facebook.com/?demo_ad=98010048849345&h=AQA24w3temAtB-5f#pagelet_ego_pane", target: "_blank", rel: undefined, onClick: function () {} },5302 "Preview Ad"5303 );5304 }5305 });5306 var ReactImage439 = React.createClass({5307 displayName: "ReactImage439",5308 render: function () {5309 return React.createElement("i", { src: null, className: "_541d img sp_R48dKBxiJkP sx_dc2cdb" });5310 }5311 });5312 var AdsPopoverLink440 = React.createClass({5313 displayName: "AdsPopoverLink440",5314 render: function () {5315 return React.createElement(5316 "span",5317 { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {} },5318 React.createElement("span", { className: "_3o_j" }),5319 React.createElement(ReactImage439, null)5320 );5321 }5322 });5323 var AdsHelpLink441 = React.createClass({5324 displayName: "AdsHelpLink441",5325 render: function () {5326 return React.createElement(AdsPopoverLink440, null);5327 }5328 });5329 var TransitionCell442 = React.createClass({5330 displayName: "TransitionCell442",5331 render: function () {5332 return React.createElement(5333 "div",5334 { dataKey: "ad.demolink_hash", className: "_4lgc _4h2u", rowGetter: function () {}, width: 100, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.demolink_hash", height: 32, rowIndex: 0, style: { "height": 32, "width": 100 } },5335 React.createElement(5336 "div",5337 { className: "_4lgd _4h2w" },5338 React.createElement(5339 "div",5340 { className: "_4lge _4h2x" },5341 React.createElement(5342 "div",5343 { className: "_4h2r" },5344 React.createElement(Link438, null),5345 React.createElement(AdsHelpLink441, null)5346 )5347 )5348 )5349 );5350 }5351 });5352 var FixedDataTableCell443 = React.createClass({5353 displayName: "FixedDataTableCell443",5354 render: function () {5355 return React.createElement(5356 "div",5357 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 100, "left": 2174 } },5358 undefined,5359 React.createElement(TransitionCell442, null)5360 );5361 }5362 });5363 var TransitionCell444 = React.createClass({5364 displayName: "TransitionCell444",5365 render: function () {5366 return React.createElement(5367 "div",5368 { dataKey: "scrollbar_spacer", className: "_4lgc _4h2u", rowGetter: function () {}, width: 25, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "scrollbar_spacer", height: 32, rowIndex: 0, style: { "height": 32, "width": 25 } },5369 React.createElement(5370 "div",5371 { className: "_4lgd _4h2w" },5372 React.createElement(5373 "div",5374 { className: "_4lge _4h2x" },5375 React.createElement("div", { className: "_2d6h _4h2r" })5376 )5377 )5378 );5379 }5380 });5381 var FixedDataTableCell445 = React.createClass({5382 displayName: "FixedDataTableCell445",5383 render: function () {5384 return React.createElement(5385 "div",5386 { className: "_4lg0 _4h2m", style: { "height": 32, "width": 25, "left": 2274 } },5387 undefined,5388 React.createElement(TransitionCell444, null)5389 );5390 }5391 });5392 var FixedDataTableCellGroupImpl446 = React.createClass({5393 displayName: "FixedDataTableCellGroupImpl446",5394 render: function () {5395 return React.createElement(5396 "div",5397 { className: "_3pzj", style: { "height": 32, "position": "absolute", "width": 2299, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },5398 React.createElement(FixedDataTableCell387, { key: "cell_0" }),5399 React.createElement(FixedDataTableCell389, { key: "cell_1" }),5400 React.createElement(FixedDataTableCell391, { key: "cell_2" }),5401 React.createElement(FixedDataTableCell393, { key: "cell_3" }),5402 React.createElement(FixedDataTableCell395, { key: "cell_4" }),5403 React.createElement(FixedDataTableCell397, { key: "cell_5" }),5404 React.createElement(FixedDataTableCell399, { key: "cell_6" }),5405 React.createElement(FixedDataTableCell401, { key: "cell_7" }),5406 React.createElement(FixedDataTableCell403, { key: "cell_8" }),5407 React.createElement(FixedDataTableCell406, { key: "cell_9" }),5408 React.createElement(FixedDataTableCell409, { key: "cell_10" }),5409 React.createElement(FixedDataTableCell411, { key: "cell_11" }),5410 React.createElement(FixedDataTableCell413, { key: "cell_12" }),5411 React.createElement(FixedDataTableCell415, { key: "cell_13" }),5412 React.createElement(FixedDataTableCell418, { key: "cell_14" }),5413 React.createElement(FixedDataTableCell420, { key: "cell_15" }),5414 React.createElement(FixedDataTableCell423, { key: "cell_16" }),5415 React.createElement(FixedDataTableCell426, { key: "cell_17" }),5416 React.createElement(FixedDataTableCell428, { key: "cell_18" }),5417 React.createElement(FixedDataTableCell430, { key: "cell_19" }),5418 React.createElement(FixedDataTableCell432, { key: "cell_20" }),5419 React.createElement(FixedDataTableCell434, { key: "cell_21" }),5420 React.createElement(FixedDataTableCell437, { key: "cell_22" }),5421 React.createElement(FixedDataTableCell443, { key: "cell_23" }),5422 React.createElement(FixedDataTableCell445, { key: "cell_24" })5423 );5424 }5425 });5426 var FixedDataTableCellGroup447 = React.createClass({5427 displayName: "FixedDataTableCellGroup447",5428 render: function () {5429 return React.createElement(5430 "div",5431 { style: { "height": 32, "left": 521 }, className: "_3pzk" },5432 React.createElement(FixedDataTableCellGroupImpl446, null)5433 );5434 }5435 });5436 var FixedDataTableRowImpl448 = React.createClass({5437 displayName: "FixedDataTableRowImpl448",5438 render: function () {5439 return React.createElement(5440 "div",5441 { className: "_1gd4 _4li _52no _35m0 _35m1 _3c7k _4efq _4efs", onClick: null, onDoubleClick: null, onMouseDown: function () {}, onMouseEnter: null, onMouseLeave: null, style: { "width": 1083, "height": 32 } },5442 React.createElement(5443 "div",5444 { className: "_1gd5" },5445 React.createElement(FixedDataTableCellGroup385, { key: "fixed_cells" }),5446 React.createElement(FixedDataTableCellGroup447, { key: "scrollable_cells" }),5447 React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 521, "height": 32 } })5448 )5449 );5450 }5451 });5452 var FixedDataTableRow449 = React.createClass({5453 displayName: "FixedDataTableRow449",5454 render: function () {5455 return React.createElement(5456 "div",5457 { style: { "width": 1083, "height": 32, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },5458 React.createElement(FixedDataTableRowImpl448, null)5459 );5460 }5461 });5462 var FixedDataTableBufferedRows450 = React.createClass({5463 displayName: "FixedDataTableBufferedRows450",5464 render: function () {5465 return React.createElement(5466 "div",5467 { style: { "position": "absolute", "pointerEvents": "auto", "transform": "translate3d(0px,65px,0)", "backfaceVisibility": "hidden" } },5468 React.createElement(FixedDataTableRow449, { key: "0" })5469 );5470 }5471 });5472 var Scrollbar451 = React.createClass({5473 displayName: "Scrollbar451",5474 render: function () {5475 return React.createElement(5476 "div",5477 { onFocus: function () {}, onBlur: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, onWheel: function () {}, className: "_1t0r _1t0t _4jdr _1t0u", style: { "width": 1083, "zIndex": 99 }, tabIndex: 0 },5478 React.createElement("div", { ref: "face", className: "_1t0w _1t0y _1t0_", style: { "width": 407.918085106383, "transform": "translate3d(4px,0px,0)", "backfaceVisibility": "hidden" } })5479 );5480 }5481 });5482 var HorizontalScrollbar452 = React.createClass({5483 displayName: "HorizontalScrollbar452",5484 render: function () {5485 return React.createElement(5486 "div",5487 { className: "_3h1k _3h1m", style: { "height": 15, "width": 1083 } },5488 React.createElement(5489 "div",5490 { style: { "height": 15, "position": "absolute", "overflow": "hidden", "width": 1083, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },5491 React.createElement(Scrollbar451, null)5492 )5493 );5494 }5495 });5496 var FixedDataTable453 = React.createClass({5497 displayName: "FixedDataTable453",5498 render: function () {5499 return React.createElement(5500 "div",5501 { className: "_3h1i _1mie", onWheel: function () {}, style: { "height": 532, "width": 1083 } },5502 React.createElement(5503 "div",5504 { className: "_3h1j", style: { "height": 515, "width": 1083 } },5505 React.createElement(FixedDataTableColumnResizeHandle178, null),5506 React.createElement(FixedDataTableRow206, { key: "group_header" }),5507 React.createElement(FixedDataTableRow360, { key: "header" }),5508 React.createElement(FixedDataTableBufferedRows450, null),5509 null,5510 undefined,5511 undefined5512 ),5513 undefined,5514 React.createElement(HorizontalScrollbar452, null)5515 );5516 }5517 });5518 var TransitionTable454 = React.createClass({5519 displayName: "TransitionTable454",5520 render: function () {5521 return React.createElement(FixedDataTable453, null);5522 }5523 });5524 var AdsSelectableFixedDataTable455 = React.createClass({5525 displayName: "AdsSelectableFixedDataTable455",5526 render: function () {5527 return React.createElement(5528 "div",5529 { className: "_5hht" },5530 React.createElement(TransitionTable454, null)5531 );5532 }5533 });5534 var AdsDataTableKeyboardSupportDecorator456 = React.createClass({5535 displayName: "AdsDataTableKeyboardSupportDecorator456",5536 render: function () {5537 return React.createElement(5538 "div",5539 { ref: "tableContainer", className: "_5d6f", tabIndex: "0", onKeyDown: function () {} },5540 React.createElement(AdsSelectableFixedDataTable455, null)5541 );5542 }5543 });5544 var AdsEditableDataTableDecorator457 = React.createClass({5545 displayName: "AdsEditableDataTableDecorator457",5546 render: function () {5547 return React.createElement(5548 "div",5549 { onCopy: function () {} },5550 React.createElement(AdsDataTableKeyboardSupportDecorator456, { ref: "decoratedTable" })5551 );5552 }5553 });5554 var AdsPEDataTableContainer458 = React.createClass({5555 displayName: "AdsPEDataTableContainer458",5556 render: function () {5557 return React.createElement(5558 "div",5559 { className: "_35l_" },5560 null,5561 null,5562 React.createElement(AdsEditableDataTableDecorator457, null)5563 );5564 }5565 });5566 var ResponsiveBlock459 = React.createClass({5567 displayName: "ResponsiveBlock459",5568 render: function () {5569 return React.createElement(5570 "div",5571 { onResize: function () {}, className: "_4u-c" },5572 React.createElement(AdsPEDataTableContainer458, null),5573 React.createElement(5574 "div",5575 { key: "sensor", className: "_4u-f" },5576 React.createElement("iframe", { ref: "sensorNode", "aria-hidden": "true", className: "_4u-g", tabIndex: "-1" })5577 )5578 );5579 }5580 });5581 var AdsPEAdTableContainer460 = React.createClass({5582 displayName: "AdsPEAdTableContainer460",5583 render: function () {5584 return React.createElement(ResponsiveBlock459, null);5585 }5586 });5587 var AdsPEManageAdsPaneContainer461 = React.createClass({5588 displayName: "AdsPEManageAdsPaneContainer461",5589 render: function () {5590 return React.createElement(5591 "div",5592 { className: "_2utw" },5593 null,5594 React.createElement(5595 "div",5596 { className: "_2utx _41tt" },5597 React.createElement(AdsPEFilterContainer104, null),5598 React.createElement(AdsPECampaignTimeLimitNoticeContainer106, null),5599 null5600 ),5601 React.createElement(5602 "div",5603 { className: " _41ts" },5604 React.createElement(AdsPEAdgroupToolbarContainer169, null)5605 ),5606 React.createElement(5607 "div",5608 { className: "_2utz" },5609 React.createElement(5610 "div",5611 { className: "_2ut-" },5612 React.createElement(AdsPEOrganizerContainer177, null)5613 ),5614 React.createElement(5615 "div",5616 { className: "_2ut_" },5617 React.createElement(AdsPEAdTableContainer460, null)5618 )5619 )5620 );5621 }5622 });5623 var AdsPEContentContainer462 = React.createClass({5624 displayName: "AdsPEContentContainer462",5625 render: function () {5626 return React.createElement(AdsPEManageAdsPaneContainer461, null);5627 }5628 });5629 var FluxContainer_r_463 = React.createClass({5630 displayName: "FluxContainer_r_463",5631 render: function () {5632 return React.createElement(5633 "div",5634 { className: "mainWrapper", style: { "width": 1192 } },5635 React.createElement(FluxContainer_r_69, null),5636 React.createElement(AdsPEContentContainer462, null),5637 null5638 );5639 }5640 });5641 var FluxContainer_q_464 = React.createClass({5642 displayName: "FluxContainer_q_464",5643 render: function () {5644 return null;5645 }5646 });5647 var AdsPEUploadDialog465 = React.createClass({5648 displayName: "AdsPEUploadDialog465",5649 render: function () {5650 return null;5651 }5652 });5653 var FluxContainer_y_466 = React.createClass({5654 displayName: "FluxContainer_y_466",5655 render: function () {5656 return React.createElement(AdsPEUploadDialog465, null);5657 }5658 });5659 var ReactImage467 = React.createClass({5660 displayName: "ReactImage467",5661 render: function () {5662 return React.createElement("i", { className: "_1-lx img sp_UuU9HmrQ397 sx_990b54", src: null });5663 }5664 });5665 var AdsPESideTrayTabButton468 = React.createClass({5666 displayName: "AdsPESideTrayTabButton468",5667 render: function () {5668 return React.createElement(5669 "div",5670 { onClick: function () {}, className: "_1-ly _59j9 _d9a" },5671 React.createElement(ReactImage467, null),5672 React.createElement("div", { className: "_vf7" }),5673 React.createElement("div", { className: "_vf8" })5674 );5675 }5676 });5677 var AdsPEEditorTrayTabButton469 = React.createClass({5678 displayName: "AdsPEEditorTrayTabButton469",5679 render: function () {5680 return React.createElement(AdsPESideTrayTabButton468, null);5681 }5682 });5683 var ReactImage470 = React.createClass({5684 displayName: "ReactImage470",5685 render: function () {5686 return React.createElement("i", { className: "_1-lx img sp_UuU9HmrQ397 sx_94017f", src: null });5687 }5688 });5689 var AdsPESideTrayTabButton471 = React.createClass({5690 displayName: "AdsPESideTrayTabButton471",5691 render: function () {5692 return React.createElement(5693 "div",5694 { onClick: function () {}, className: " _1-lz _d9a" },5695 React.createElement(ReactImage470, null),5696 React.createElement("div", { className: "_vf7" }),5697 React.createElement("div", { className: "_vf8" })5698 );5699 }5700 });5701 var AdsPEInsightsTrayTabButton472 = React.createClass({5702 displayName: "AdsPEInsightsTrayTabButton472",5703 render: function () {5704 return React.createElement(AdsPESideTrayTabButton471, null);5705 }5706 });5707 var AdsPESideTrayTabButton473 = React.createClass({5708 displayName: "AdsPESideTrayTabButton473",5709 render: function () {5710 return null;5711 }5712 });5713 var AdsPENekoDebuggerTrayTabButton474 = React.createClass({5714 displayName: "AdsPENekoDebuggerTrayTabButton474",5715 render: function () {5716 return React.createElement(AdsPESideTrayTabButton473, null);5717 }5718 });5719 var FBDragHandle475 = React.createClass({5720 displayName: "FBDragHandle475",5721 render: function () {5722 return React.createElement("div", { style: { "height": 550 }, className: "_4a2j _2ciy _2ciz", horizontal: true, onStart: function () {}, onEnd: function () {}, onChange: function () {}, initialData: function () {}, vertical: false, throttle: 25, delay: 0, threshold: 0, onMouseDown: function () {}, onMouseUp: function () {}, onMouseLeave: function () {} });5723 }5724 });5725 var XUIText476 = React.createClass({5726 displayName: "XUIText476",5727 render: function () {5728 return React.createElement(5729 "span",5730 { size: "large", weight: "bold", className: "_2x9f _50f5 _50f7", display: "inline" },5731 "Editing Ad"5732 );5733 }5734 });5735 var XUIText477 = React.createClass({5736 displayName: "XUIText477",5737 render: function () {5738 return React.createElement(5739 "span",5740 { size: "large", weight: "bold", display: "inline", className: " _50f5 _50f7" },5741 "Test Ad"5742 );5743 }5744 });5745 var AdsPEEditorChildLink478 = React.createClass({5746 displayName: "AdsPEEditorChildLink478",5747 render: function () {5748 return null;5749 }5750 });5751 var AdsPEEditorChildLinkContainer479 = React.createClass({5752 displayName: "AdsPEEditorChildLinkContainer479",5753 render: function () {5754 return React.createElement(AdsPEEditorChildLink478, null);5755 }5756 });5757 var AdsPEHeaderSection480 = React.createClass({5758 displayName: "AdsPEHeaderSection480",5759 render: function () {5760 return React.createElement(5761 "div",5762 { className: "_yke" },5763 React.createElement("div", { className: "_2x9d _pry" }),5764 React.createElement(XUIText476, null),5765 React.createElement(5766 "div",5767 { className: "_3a-a" },5768 React.createElement(5769 "div",5770 { className: "_3a-b" },5771 React.createElement(XUIText477, null)5772 )5773 ),5774 null,5775 React.createElement(AdsPEEditorChildLinkContainer479, null)5776 );5777 }5778 });5779 var AdsPEAdgroupHeaderSectionContainer481 = React.createClass({5780 displayName: "AdsPEAdgroupHeaderSectionContainer481",5781 render: function () {5782 return React.createElement(AdsPEHeaderSection480, null);5783 }5784 });5785 var AdsPEAdgroupDisapprovalMessage482 = React.createClass({5786 displayName: "AdsPEAdgroupDisapprovalMessage482",5787 render: function () {5788 return null;5789 }5790 });5791 var FluxContainer_r_483 = React.createClass({5792 displayName: "FluxContainer_r_483",5793 render: function () {5794 return React.createElement(AdsPEAdgroupDisapprovalMessage482, null);5795 }5796 });5797 var AdsPEAdgroupAutoNamingConfirmationContainer484 = React.createClass({5798 displayName: "AdsPEAdgroupAutoNamingConfirmationContainer484",5799 render: function () {5800 return null;5801 }5802 });5803 var AdsLabeledField485 = React.createClass({5804 displayName: "AdsLabeledField485",5805 render: function () {5806 return React.createElement(5807 "div",5808 { className: "_5ir9 _3bvz", label: "Ad Name", labelSize: "small" },5809 React.createElement(5810 "label",5811 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },5812 "Ad Name",5813 " ",5814 undefined5815 ),5816 null,5817 React.createElement("div", { className: "_3bv-" })5818 );5819 }5820 });5821 var ReactXUIError486 = React.createClass({5822 displayName: "ReactXUIError486",5823 render: function () {5824 return React.createElement(5825 "div",5826 { className: "_5ira _2vl4 _1h18" },5827 null,5828 null,5829 React.createElement(5830 "div",5831 { className: "_2vl9 _1h1f", style: { "backgroundColor": "#fff" } },5832 React.createElement(5833 "div",5834 { className: "_2vla _1h1g" },5835 React.createElement(5836 "div",5837 null,5838 null,5839 React.createElement("textarea", { ref: "input", id: undefined, disabled: undefined, onKeyDown: function () {}, onFocus: function () {}, onBlur: function () {}, onChange: function () {}, dir: "auto", maxLength: null, className: "_2vli _2vlj _1h26 _1h27", value: "Test Ad" }),5840 null5841 ),5842 React.createElement("div", { ref: "shadowText", "aria-hidden": "true", className: "_2vlk" })5843 )5844 ),5845 null5846 );5847 }5848 });5849 var AdsTextInput487 = React.createClass({5850 displayName: "AdsTextInput487",5851 render: function () {5852 return React.createElement(ReactXUIError486, null);5853 }5854 });5855 var Link488 = React.createClass({5856 displayName: "Link488",5857 render: function () {5858 return React.createElement(5859 "a",5860 { className: "_5ir9", label: "Rename using available fields", onMouseDown: function () {}, href: "#", rel: undefined, onClick: function () {} },5861 "Rename using available fields"5862 );5863 }5864 });5865 var AdsAutoNamingTemplateDialog489 = React.createClass({5866 displayName: "AdsAutoNamingTemplateDialog489",5867 render: function () {5868 return React.createElement(Link488, { ref: "link" });5869 }5870 });5871 var AdsPEAmbientNUXMegaphone490 = React.createClass({5872 displayName: "AdsPEAmbientNUXMegaphone490",5873 render: function () {5874 return React.createElement(5875 "span",5876 { ref: "mainChild" },5877 React.createElement(AdsAutoNamingTemplateDialog489, null)5878 );5879 }5880 });5881 var AdsLabeledField491 = React.createClass({5882 displayName: "AdsLabeledField491",5883 render: function () {5884 return React.createElement(5885 "div",5886 { className: "_5ir9 _3bvz", label: "Status", labelSize: "small" },5887 React.createElement(5888 "label",5889 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },5890 "Status",5891 " ",5892 undefined5893 ),5894 null,5895 React.createElement("div", { className: "_3bv-" })5896 );5897 }5898 });5899 var BUISwitch492 = React.createClass({5900 displayName: "BUISwitch492",5901 render: function () {5902 return React.createElement(5903 "div",5904 { value: true, disabled: true, onToggle: function () {}, "data-hover": "tooltip", "data-tooltip-position": "below", "aria-label": "Currently active and you can not deactivate it.", animate: true, className: "_128j _128k _128m _128n", role: "checkbox", "aria-checked": "true" },5905 React.createElement(5906 "div",5907 { className: "_128o", onClick: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, tabIndex: "-1" },5908 React.createElement("div", { className: "_128p" })5909 ),5910 null5911 );5912 }5913 });5914 var AdsStatusSwitchInternal493 = React.createClass({5915 displayName: "AdsStatusSwitchInternal493",5916 render: function () {5917 return React.createElement(BUISwitch492, null);5918 }5919 });5920 var AdsStatusSwitch494 = React.createClass({5921 displayName: "AdsStatusSwitch494",5922 render: function () {5923 return React.createElement(AdsStatusSwitchInternal493, null);5924 }5925 });5926 var LeftRight495 = React.createClass({5927 displayName: "LeftRight495",5928 render: function () {5929 return React.createElement(5930 "div",5931 { className: "clearfix" },5932 React.createElement(5933 "div",5934 { key: "left", className: "_ohe lfloat" },5935 React.createElement(5936 "div",5937 null,5938 React.createElement(AdsLabeledField485, null),5939 React.createElement(5940 "span",5941 { className: "_5irl" },5942 React.createElement(AdsTextInput487, { key: "nameEditor98010048849345", ref: "nameTextInput" }),5943 React.createElement(AdsPEAmbientNUXMegaphone490, null)5944 )5945 )5946 ),5947 React.createElement(5948 "div",5949 { key: "right", className: "_ohf rfloat" },5950 React.createElement(5951 "div",5952 null,5953 React.createElement(AdsLabeledField491, null),5954 React.createElement(5955 "div",5956 { className: "_5irp" },5957 React.createElement(AdsStatusSwitch494, null)5958 )5959 )5960 )5961 );5962 }5963 });5964 var XUICard496 = React.createClass({5965 displayName: "XUICard496",5966 render: function () {5967 return React.createElement(5968 "div",5969 { className: "_5ir8 _12k2 _4-u2 _4-u8", xuiErrorPosition: "above", background: "white" },5970 React.createElement(LeftRight495, null)5971 );5972 }5973 });5974 var ReactXUIError497 = React.createClass({5975 displayName: "ReactXUIError497",5976 render: function () {5977 return React.createElement(XUICard496, null);5978 }5979 });5980 var AdsCard498 = React.createClass({5981 displayName: "AdsCard498",5982 render: function () {5983 return React.createElement(ReactXUIError497, null);5984 }5985 });5986 var AdsPENameSection499 = React.createClass({5987 displayName: "AdsPENameSection499",5988 render: function () {5989 return React.createElement(AdsCard498, null);5990 }5991 });5992 var AdsPEAdgroupNameSectionContainer500 = React.createClass({5993 displayName: "AdsPEAdgroupNameSectionContainer500",5994 render: function () {5995 return React.createElement(AdsPENameSection499, null);5996 }5997 });5998 var XUICardHeaderTitle501 = React.createClass({5999 displayName: "XUICardHeaderTitle501",6000 render: function () {6001 return React.createElement(6002 "span",6003 { itemComponent: "span", className: "_38my" },6004 "Ad Links",6005 null,6006 React.createElement("span", { className: "_c1c" })6007 );6008 }6009 });6010 var XUICardSection502 = React.createClass({6011 displayName: "XUICardSection502",6012 render: function () {6013 return React.createElement(6014 "div",6015 { className: "_5dw9 _5dwa _4-u3", background: "transparent" },6016 [React.createElement(XUICardHeaderTitle501, { key: "/.0" })],6017 undefined,6018 undefined,6019 React.createElement("div", { className: "_3s3-" })6020 );6021 }6022 });6023 var XUICardHeader503 = React.createClass({6024 displayName: "XUICardHeader503",6025 render: function () {6026 return React.createElement(XUICardSection502, null);6027 }6028 });6029 var AdsCardHeader504 = React.createClass({6030 displayName: "AdsCardHeader504",6031 render: function () {6032 return React.createElement(XUICardHeader503, null);6033 }6034 });6035 var XUIText505 = React.createClass({6036 displayName: "XUIText505",6037 render: function () {6038 return React.createElement(6039 "div",6040 { className: "_502s", display: "block", size: "inherit", weight: "inherit" },6041 "Ad ID 98010048849345"6042 );6043 }6044 });6045 var Link506 = React.createClass({6046 displayName: "Link506",6047 render: function () {6048 return React.createElement(6049 "a",6050 { target: "_blank", href: "/ads/manager/ad/?ids=98010048849345", onClick: function () {}, rel: undefined },6051 "Open in Ads Manager"6052 );6053 }6054 });6055 var Link507 = React.createClass({6056 displayName: "Link507",6057 render: function () {6058 return React.createElement(6059 "a",6060 { target: "_blank", href: "#", onClick: function () {}, rel: undefined },6061 "Open in Ads Reporting"6062 );6063 }6064 });6065 var Link508 = React.createClass({6066 displayName: "Link508",6067 render: function () {6068 return React.createElement(6069 "a",6070 { target: "_blank", href: "https://www.facebook.com/?demo_ad=98010048849345&h=AQA24w3temAtB-5f#pagelet_ego_pane", onClick: function () {}, rel: undefined },6071 "View on Desktop Right Column"6072 );6073 }6074 });6075 var Link509 = React.createClass({6076 displayName: "Link509",6077 render: function () {6078 return React.createElement(6079 "a",6080 { target: "_blank", href: "/ads/manage/powereditor/?act=10149999073643408&adgroup=98010048849345", onClick: function () {}, rel: undefined },6081 "Open Power Editor with this ad selected"6082 );6083 }6084 });6085 var List510 = React.createClass({6086 displayName: "List510",6087 render: function () {6088 return React.createElement(6089 "ul",6090 { spacing: "small", border: "none", direction: "vertical", valign: "top", className: "uiList _4kg _6-i _6-h _704" },6091 null,6092 React.createElement(6093 "li",6094 { key: "/ads/manager/ad/?ids=98010048849345" },6095 React.createElement(Link506, null)6096 ),6097 React.createElement(6098 "li",6099 { key: "#" },6100 React.createElement(Link507, null)6101 ),6102 null,6103 React.createElement(6104 "li",6105 { key: "https://www.facebook.com/?demo_ad=98010048849345&h=AQA24w3temAtB-5f#pagelet_ego_pane" },6106 React.createElement(Link508, null)6107 ),6108 null,6109 null,6110 null,6111 React.createElement(6112 "li",6113 { key: "/ads/manage/powereditor/?act=10149999073643408&adgroup=98010048849345" },6114 React.createElement(Link509, null)6115 ),6116 null6117 );6118 }6119 });6120 var XUICardSection511 = React.createClass({6121 displayName: "XUICardSection511",6122 render: function () {6123 return React.createElement(6124 "div",6125 { className: "_12jy _4-u3", background: "transparent" },6126 React.createElement(6127 "div",6128 { className: "_3-8j" },6129 React.createElement(XUIText505, null),6130 React.createElement(List510, null)6131 )6132 );6133 }6134 });6135 var AdsCardSection512 = React.createClass({6136 displayName: "AdsCardSection512",6137 render: function () {6138 return React.createElement(XUICardSection511, null);6139 }6140 });6141 var XUICard513 = React.createClass({6142 displayName: "XUICard513",6143 render: function () {6144 return React.createElement(6145 "div",6146 { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },6147 React.createElement(AdsCardHeader504, null),6148 React.createElement(AdsCardSection512, null)6149 );6150 }6151 });6152 var ReactXUIError514 = React.createClass({6153 displayName: "ReactXUIError514",6154 render: function () {6155 return React.createElement(XUICard513, null);6156 }6157 });6158 var AdsCard515 = React.createClass({6159 displayName: "AdsCard515",6160 render: function () {6161 return React.createElement(ReactXUIError514, null);6162 }6163 });6164 var AdsPELinkList516 = React.createClass({6165 displayName: "AdsPELinkList516",6166 render: function () {6167 return React.createElement(AdsCard515, null);6168 }6169 });6170 var AdsPEAdgroupLinksSection517 = React.createClass({6171 displayName: "AdsPEAdgroupLinksSection517",6172 render: function () {6173 return React.createElement(AdsPELinkList516, null);6174 }6175 });6176 var AdsPEAdgroupLinksSectionContainer518 = React.createClass({6177 displayName: "AdsPEAdgroupLinksSectionContainer518",6178 render: function () {6179 return React.createElement(6180 "div",6181 null,6182 React.createElement(AdsPEAdgroupLinksSection517, null),6183 null6184 );6185 }6186 });6187 var XUICardHeaderTitle519 = React.createClass({6188 displayName: "XUICardHeaderTitle519",6189 render: function () {6190 return React.createElement(6191 "span",6192 { itemComponent: "span", className: "_38my" },6193 "Preview",6194 null,6195 React.createElement("span", { className: "_c1c" })6196 );6197 }6198 });6199 var XUICardSection520 = React.createClass({6200 displayName: "XUICardSection520",6201 render: function () {6202 return React.createElement(6203 "div",6204 { className: "_5dw9 _5dwa _4-u3", background: "transparent" },6205 [React.createElement(XUICardHeaderTitle519, { key: "/.0" })],6206 undefined,6207 undefined,6208 React.createElement("div", { className: "_3s3-" })6209 );6210 }6211 });6212 var XUICardHeader521 = React.createClass({6213 displayName: "XUICardHeader521",6214 render: function () {6215 return React.createElement(XUICardSection520, null);6216 }6217 });6218 var AdsCardHeader522 = React.createClass({6219 displayName: "AdsCardHeader522",6220 render: function () {6221 return React.createElement(XUICardHeader521, null);6222 }6223 });6224 var PillButton523 = React.createClass({6225 displayName: "PillButton523",6226 render: function () {6227 return React.createElement(6228 "a",6229 { label: null, selected: true, onClick: function () {}, href: "#", className: "uiPillButton uiPillButtonSelected" },6230 "Desktop Right Column"6231 );6232 }6233 });6234 var List524 = React.createClass({6235 displayName: "List524",6236 render: function () {6237 return React.createElement(6238 "ul",6239 { className: "uiList _4ki _509- _6-i _6-h _704", border: "none", direction: "horizontal", spacing: "small", valign: "top" },6240 React.createElement(6241 "li",6242 { key: "0/.$RIGHT_COLUMN_STANDARD" },6243 React.createElement(PillButton523, { key: "RIGHT_COLUMN_STANDARD" })6244 )6245 );6246 }6247 });6248 var PillList525 = React.createClass({6249 displayName: "PillList525",6250 render: function () {6251 return React.createElement(List524, null);6252 }6253 });6254 var XUICardSection526 = React.createClass({6255 displayName: "XUICardSection526",6256 render: function () {6257 return React.createElement(6258 "div",6259 { background: "light-wash", className: "_14p9 _12jy _4-u3 _57d8" },6260 React.createElement(6261 "div",6262 { className: "_3-8j" },6263 React.createElement(PillList525, null)6264 )6265 );6266 }6267 });6268 var AdsCardSection527 = React.createClass({6269 displayName: "AdsCardSection527",6270 render: function () {6271 return React.createElement(XUICardSection526, null);6272 }6273 });6274 var AdsPEPreviewPillList528 = React.createClass({6275 displayName: "AdsPEPreviewPillList528",6276 render: function () {6277 return React.createElement(AdsCardSection527, null);6278 }6279 });6280 var XUISpinner529 = React.createClass({6281 displayName: "XUISpinner529",6282 render: function () {6283 return React.createElement("span", { size: "large", className: "hidden_elem img _55ym _55yq _55yo", showOnAsync: false, background: "light", "aria-label": "Loading...", "aria-busy": true });6284 }6285 });6286 var ReactImage530 = React.createClass({6287 displayName: "ReactImage530",6288 render: function () {6289 return React.createElement(6290 "i",6291 { alt: "Warning", className: "_585p img sp_R48dKBxiJkP sx_aed870", src: null },6292 React.createElement(6293 "u",6294 null,6295 "Warning"6296 )6297 );6298 }6299 });6300 var XUINotice531 = React.createClass({6301 displayName: "XUINotice531",6302 render: function () {6303 return React.createElement(6304 "div",6305 { size: "medium", className: "_585n _585o" },6306 React.createElement(ReactImage530, null),6307 null,6308 React.createElement(6309 "div",6310 { className: "_585r _50f4" },6311 "Unable to display a preview for this ad."6312 )6313 );6314 }6315 });6316 var AdPreview532 = React.createClass({6317 displayName: "AdPreview532",6318 render: function () {6319 return React.createElement(6320 "div",6321 { className: "_2hm6" },6322 React.createElement(6323 "div",6324 { className: undefined },6325 React.createElement(6326 "div",6327 { className: "_3akw" },6328 React.createElement(XUISpinner529, null)6329 ),6330 React.createElement(6331 "div",6332 { className: "hidden_elem" },6333 React.createElement(XUINotice531, null)6334 ),6335 React.createElement("div", { ref: "pageletContainer", className: "" })6336 )6337 );6338 }6339 });6340 var XUICardSection533 = React.createClass({6341 displayName: "XUICardSection533",6342 render: function () {6343 return React.createElement(6344 "div",6345 { className: "_3m4g _12jy _4-u3", style: { "maxHeight": "425px" }, background: "transparent" },6346 React.createElement(6347 "div",6348 { className: "_3-8j" },6349 React.createElement(6350 "div",6351 { className: "_14p7" },6352 React.createElement(6353 "div",6354 { className: "_14p8" },6355 React.createElement(AdPreview532, null)6356 )6357 )6358 )6359 );6360 }6361 });6362 var AdsCardSection534 = React.createClass({6363 displayName: "AdsCardSection534",6364 render: function () {6365 return React.createElement(XUICardSection533, null);6366 }6367 });6368 var AdsPEPreview535 = React.createClass({6369 displayName: "AdsPEPreview535",6370 render: function () {6371 return React.createElement(6372 "div",6373 null,6374 React.createElement(AdsPEPreviewPillList528, { ref: "pillList" }),6375 undefined,6376 React.createElement(AdsCardSection534, null)6377 );6378 }6379 });6380 var AdsPEStandardPreview536 = React.createClass({6381 displayName: "AdsPEStandardPreview536",6382 render: function () {6383 return React.createElement(AdsPEPreview535, null);6384 }6385 });6386 var AdsPEStandardPreviewContainer537 = React.createClass({6387 displayName: "AdsPEStandardPreviewContainer537",6388 render: function () {6389 return React.createElement(AdsPEStandardPreview536, null);6390 }6391 });6392 var XUICard538 = React.createClass({6393 displayName: "XUICard538",6394 render: function () {6395 return React.createElement(6396 "div",6397 { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },6398 React.createElement(AdsCardHeader522, null),6399 null,6400 React.createElement(AdsPEStandardPreviewContainer537, null)6401 );6402 }6403 });6404 var ReactXUIError539 = React.createClass({6405 displayName: "ReactXUIError539",6406 render: function () {6407 return React.createElement(XUICard538, null);6408 }6409 });6410 var AdsCard540 = React.createClass({6411 displayName: "AdsCard540",6412 render: function () {6413 return React.createElement(ReactXUIError539, null);6414 }6415 });6416 var AdsPEAdgroupPreviewSection541 = React.createClass({6417 displayName: "AdsPEAdgroupPreviewSection541",6418 render: function () {6419 return React.createElement(AdsCard540, null);6420 }6421 });6422 var AdsPEAdgroupPreviewSectionContainer542 = React.createClass({6423 displayName: "AdsPEAdgroupPreviewSectionContainer542",6424 render: function () {6425 return React.createElement(AdsPEAdgroupPreviewSection541, null);6426 }6427 });6428 var AdsPEStickyArea543 = React.createClass({6429 displayName: "AdsPEStickyArea543",6430 render: function () {6431 return React.createElement(6432 "div",6433 null,6434 null,6435 React.createElement(6436 "div",6437 { ref: "sticky" },6438 React.createElement(AdsPEAdgroupPreviewSectionContainer542, null)6439 )6440 );6441 }6442 });6443 var XUICardHeaderTitle544 = React.createClass({6444 displayName: "XUICardHeaderTitle544",6445 render: function () {6446 return React.createElement(6447 "span",6448 { itemComponent: "span", className: "_38my" },6449 "Facebook Page",6450 null,6451 React.createElement("span", { className: "_c1c" })6452 );6453 }6454 });6455 var XUICardSection545 = React.createClass({6456 displayName: "XUICardSection545",6457 render: function () {6458 return React.createElement(6459 "div",6460 { className: "_5dw9 _5dwa _4-u3", background: "transparent" },6461 [React.createElement(XUICardHeaderTitle544, { key: "/.0" })],6462 undefined,6463 undefined,6464 React.createElement("div", { className: "_3s3-" })6465 );6466 }6467 });6468 var XUICardHeader546 = React.createClass({6469 displayName: "XUICardHeader546",6470 render: function () {6471 return React.createElement(XUICardSection545, null);6472 }6473 });6474 var AdsCardHeader547 = React.createClass({6475 displayName: "AdsCardHeader547",6476 render: function () {6477 return React.createElement(XUICardHeader546, null);6478 }6479 });6480 var Link548 = React.createClass({6481 displayName: "Link548",6482 render: function () {6483 return React.createElement(6484 "a",6485 { className: "fwb", onClick: function () {}, href: "#", rel: undefined },6486 "Connect a Facebook Page"6487 );6488 }6489 });6490 var AdsPEWebsiteNoPageDestinationSection549 = React.createClass({6491 displayName: "AdsPEWebsiteNoPageDestinationSection549",6492 render: function () {6493 return React.createElement(6494 "div",6495 null,6496 React.createElement(6497 "div",6498 { className: "_3-95" },6499 "This ad is not connected to a Facebook Page. It will not show in News Feed."6500 ),6501 React.createElement(Link548, null)6502 );6503 }6504 });6505 var AdsPEWebsiteNoPageDestinationSectionContainer550 = React.createClass({6506 displayName: "AdsPEWebsiteNoPageDestinationSectionContainer550",6507 render: function () {6508 return React.createElement(AdsPEWebsiteNoPageDestinationSection549, null);6509 }6510 });6511 var XUICardSection551 = React.createClass({6512 displayName: "XUICardSection551",6513 render: function () {6514 return React.createElement(6515 "div",6516 { className: "_12jy _4-u3", background: "transparent" },6517 React.createElement(6518 "div",6519 { className: "_3-8j" },6520 React.createElement(AdsPEWebsiteNoPageDestinationSectionContainer550, null)6521 )6522 );6523 }6524 });6525 var AdsCardSection552 = React.createClass({6526 displayName: "AdsCardSection552",6527 render: function () {6528 return React.createElement(XUICardSection551, null);6529 }6530 });6531 var XUICard553 = React.createClass({6532 displayName: "XUICard553",6533 render: function () {6534 return React.createElement(6535 "div",6536 { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },6537 React.createElement(AdsCardHeader547, null),6538 React.createElement(AdsCardSection552, null)6539 );6540 }6541 });6542 var ReactXUIError554 = React.createClass({6543 displayName: "ReactXUIError554",6544 render: function () {6545 return React.createElement(XUICard553, null);6546 }6547 });6548 var AdsCard555 = React.createClass({6549 displayName: "AdsCard555",6550 render: function () {6551 return React.createElement(ReactXUIError554, null);6552 }6553 });6554 var AdsPEAdgroupDestinationSection556 = React.createClass({6555 displayName: "AdsPEAdgroupDestinationSection556",6556 render: function () {6557 return React.createElement(AdsCard555, null);6558 }6559 });6560 var AdsPEAdgroupDestinationSectionContainer557 = React.createClass({6561 displayName: "AdsPEAdgroupDestinationSectionContainer557",6562 render: function () {6563 return React.createElement(AdsPEAdgroupDestinationSection556, null);6564 }6565 });6566 var XUICardHeaderTitle558 = React.createClass({6567 displayName: "XUICardHeaderTitle558",6568 render: function () {6569 return React.createElement(6570 "span",6571 { itemComponent: "span", className: "_38my" },6572 "Creative",6573 null,6574 React.createElement("span", { className: "_c1c" })6575 );6576 }6577 });6578 var XUICardSection559 = React.createClass({6579 displayName: "XUICardSection559",6580 render: function () {6581 return React.createElement(6582 "div",6583 { className: "_5dw9 _5dwa _4-u3", background: "transparent" },6584 [React.createElement(XUICardHeaderTitle558, { key: "/.0" })],6585 undefined,6586 undefined,6587 React.createElement("div", { className: "_3s3-" })6588 );6589 }6590 });6591 var XUICardHeader560 = React.createClass({6592 displayName: "XUICardHeader560",6593 render: function () {6594 return React.createElement(XUICardSection559, null);6595 }6596 });6597 var AdsCardHeader561 = React.createClass({6598 displayName: "AdsCardHeader561",6599 render: function () {6600 return React.createElement(XUICardHeader560, null);6601 }6602 });6603 var ReactImage562 = React.createClass({6604 displayName: "ReactImage562",6605 render: function () {6606 return React.createElement("i", { src: null, className: "_541d img sp_R48dKBxiJkP sx_dc2cdb" });6607 }6608 });6609 var AdsPopoverLink563 = React.createClass({6610 displayName: "AdsPopoverLink563",6611 render: function () {6612 return React.createElement(6613 "span",6614 { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {} },6615 React.createElement("span", { className: "_3o_j" }),6616 React.createElement(ReactImage562, null)6617 );6618 }6619 });6620 var AdsHelpLink564 = React.createClass({6621 displayName: "AdsHelpLink564",6622 render: function () {6623 return React.createElement(AdsPopoverLink563, null);6624 }6625 });6626 var AdsLabeledField565 = React.createClass({6627 displayName: "AdsLabeledField565",6628 render: function () {6629 return React.createElement(6630 "div",6631 { htmlFor: undefined, label: "Website URL", helpText: "Enter the website URL you want to promote. Ex: http://www.example.com/page", helpLinger: undefined, optional: undefined, labelSize: "small", className: "_3bvz" },6632 React.createElement(6633 "label",6634 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },6635 "Website URL",6636 " ",6637 undefined6638 ),6639 React.createElement(AdsHelpLink564, null),6640 React.createElement("div", { className: "_3bv-" })6641 );6642 }6643 });6644 var ReactXUIError566 = React.createClass({6645 displayName: "ReactXUIError566",6646 render: function () {6647 return React.createElement(6648 "div",6649 { className: "_gon _2vl4 _1h18" },6650 React.createElement(6651 "div",6652 { className: "_2vln" },6653 10016654 ),6655 React.createElement(AdsLabeledField565, null),6656 React.createElement(6657 "div",6658 { className: "_2vl9 _1h1f", style: { "backgroundColor": "#fff" } },6659 React.createElement(6660 "div",6661 { className: "_2vla _1h1g" },6662 React.createElement(6663 "div",6664 null,6665 null,6666 React.createElement("textarea", { ref: "input", id: undefined, disabled: undefined, onKeyDown: function () {}, onFocus: function () {}, onBlur: function () {}, onChange: function () {}, dir: "auto", maxLength: null, className: "_2vli _2vlj _1h26 _1h27", value: "http://www.example.com/" }),6667 null6668 ),6669 React.createElement("div", { ref: "shadowText", "aria-hidden": "true", className: "_2vlk" })6670 )6671 ),6672 null6673 );6674 }6675 });6676 var AdsTextInput567 = React.createClass({6677 displayName: "AdsTextInput567",6678 render: function () {6679 return React.createElement(ReactXUIError566, null);6680 }6681 });6682 var AdsBulkTextInput568 = React.createClass({6683 displayName: "AdsBulkTextInput568",6684 render: function () {6685 return React.createElement(AdsTextInput567, null);6686 }6687 });6688 var AdsPEWebsiteURLField569 = React.createClass({6689 displayName: "AdsPEWebsiteURLField569",6690 render: function () {6691 return React.createElement(AdsBulkTextInput568, null);6692 }6693 });6694 var ReactImage570 = React.createClass({6695 displayName: "ReactImage570",6696 render: function () {6697 return React.createElement("i", { src: null, className: "_541d img sp_R48dKBxiJkP sx_dc2cdb" });6698 }6699 });6700 var AdsPopoverLink571 = React.createClass({6701 displayName: "AdsPopoverLink571",6702 render: function () {6703 return React.createElement(6704 "span",6705 { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {} },6706 React.createElement("span", { className: "_3o_j" }),6707 React.createElement(ReactImage570, null)6708 );6709 }6710 });6711 var AdsHelpLink572 = React.createClass({6712 displayName: "AdsHelpLink572",6713 render: function () {6714 return React.createElement(AdsPopoverLink571, null);6715 }6716 });6717 var AdsLabeledField573 = React.createClass({6718 displayName: "AdsLabeledField573",6719 render: function () {6720 return React.createElement(6721 "div",6722 { htmlFor: undefined, label: "Headline", helpText: "Your headline text will appear differently depending on the placement of your ad. Check the previews to make sure your headline looks the way you want in the placements it appears in.", helpLinger: undefined, optional: undefined, labelSize: "small", className: "_3bvz" },6723 React.createElement(6724 "label",6725 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },6726 "Headline",6727 " ",6728 undefined6729 ),6730 React.createElement(AdsHelpLink572, null),6731 React.createElement("div", { className: "_3bv-" })6732 );6733 }6734 });6735 var ReactXUIError574 = React.createClass({6736 displayName: "ReactXUIError574",6737 render: function () {6738 return React.createElement(6739 "div",6740 { className: "_gon _2vl4 _1h18" },6741 React.createElement(6742 "div",6743 { className: "_2vln" },6744 186745 ),6746 React.createElement(AdsLabeledField573, null),6747 React.createElement(6748 "div",6749 { className: "_2vl9 _1h1f", style: { "backgroundColor": "#fff" } },6750 React.createElement(6751 "div",6752 { className: "_2vla _1h1g" },6753 React.createElement(6754 "div",6755 null,6756 null,6757 React.createElement("textarea", { ref: "input", id: undefined, disabled: undefined, onKeyDown: function () {}, onFocus: function () {}, onBlur: function () {}, onChange: function () {}, dir: "auto", maxLength: null, className: "_2vli _2vlj _1h26 _1h27", value: "Example" }),6758 null6759 ),6760 React.createElement("div", { ref: "shadowText", "aria-hidden": "true", className: "_2vlk" })6761 )6762 ),6763 null6764 );6765 }6766 });6767 var AdsTextInput575 = React.createClass({6768 displayName: "AdsTextInput575",6769 render: function () {6770 return React.createElement(ReactXUIError574, null);6771 }6772 });6773 var AdsBulkTextInput576 = React.createClass({6774 displayName: "AdsBulkTextInput576",6775 render: function () {6776 return React.createElement(AdsTextInput575, null);6777 }6778 });6779 var AdsPEHeadlineField577 = React.createClass({6780 displayName: "AdsPEHeadlineField577",6781 render: function () {6782 return React.createElement(AdsBulkTextInput576, null);6783 }6784 });6785 var AdsLabeledField578 = React.createClass({6786 displayName: "AdsLabeledField578",6787 render: function () {6788 return React.createElement(6789 "div",6790 { htmlFor: undefined, label: "Text", helpText: undefined, helpLinger: undefined, optional: undefined, labelSize: "small", className: "_3bvz" },6791 React.createElement(6792 "label",6793 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },6794 "Text",6795 " ",6796 undefined6797 ),6798 null,6799 React.createElement("div", { className: "_3bv-" })6800 );6801 }6802 });6803 var ReactXUIError579 = React.createClass({6804 displayName: "ReactXUIError579",6805 render: function () {6806 return React.createElement(6807 "div",6808 { className: "_gon _2vl4 _2vl6 _1h18 _1h1a" },6809 React.createElement(6810 "div",6811 { className: "_2vln" },6812 746813 ),6814 React.createElement(AdsLabeledField578, null),6815 React.createElement(6816 "div",6817 { className: "_2vl9 _1h1f", style: { "backgroundColor": "#fff" } },6818 React.createElement(6819 "div",6820 { className: "_2vla _1h1g" },6821 React.createElement(6822 "div",6823 null,6824 null,6825 React.createElement("textarea", { ref: "input", id: undefined, disabled: undefined, onKeyDown: function () {}, onFocus: function () {}, onBlur: function () {}, onChange: function () {}, dir: "auto", maxLength: null, className: "_2vli _2vlj _1h26 _1h27", value: "It's an example." }),6826 null6827 ),6828 React.createElement("div", { ref: "shadowText", "aria-hidden": "true", className: "_2vlk" })6829 )6830 ),6831 null6832 );6833 }6834 });6835 var AdsTextInput580 = React.createClass({6836 displayName: "AdsTextInput580",6837 render: function () {6838 return React.createElement(ReactXUIError579, null);6839 }6840 });6841 var AdsBulkTextInput581 = React.createClass({6842 displayName: "AdsBulkTextInput581",6843 render: function () {6844 return React.createElement(AdsTextInput580, null);6845 }6846 });6847 var AdsPEMessageField582 = React.createClass({6848 displayName: "AdsPEMessageField582",6849 render: function () {6850 return React.createElement(6851 "div",6852 null,6853 React.createElement(AdsBulkTextInput581, null),6854 null6855 );6856 }6857 });6858 var AbstractButton583 = React.createClass({6859 displayName: "AbstractButton583",6860 render: function () {6861 return React.createElement(6862 "button",6863 { label: null, onClick: function () {}, size: "large", use: "default", borderShade: "light", suppressed: false, className: "_4jy0 _4jy4 _517h _51sy _42ft", type: "submit", value: "1" },6864 undefined,6865 "Change Image",6866 undefined6867 );6868 }6869 });6870 var XUIButton584 = React.createClass({6871 displayName: "XUIButton584",6872 render: function () {6873 return React.createElement(AbstractButton583, null);6874 }6875 });6876 var BackgroundImage585 = React.createClass({6877 displayName: "BackgroundImage585",6878 render: function () {6879 return React.createElement(6880 "div",6881 { src: "https://scontent.xx.fbcdn.net/hads-xap1/t45.1600-4/12124737_98010048849339_1665004369_n.png", width: 114.6, height: 60, backgroundSize: "contain", optimizeResizeSpeed: false, loadingIndicatorStyle: "none", className: "_5f0d", style: { "width": "114.6px", "height": "60px" }, onContextMenu: undefined },6882 React.createElement("img", { alt: "", className: "_5i4g", style: { "width": "90px", "height": "60px", "left": "12px", "top": "0px" }, src: "https://scontent.xx.fbcdn.net/hads-xap1/t45.1600-4/12124737_98010048849339_1665004369_n.png" }),6883 undefined,6884 null6885 );6886 }6887 });6888 var XUIText586 = React.createClass({6889 displayName: "XUIText586",6890 render: function () {6891 return React.createElement(6892 "span",6893 { shade: "light", className: "_50f8", size: "inherit", weight: "inherit", display: "inline" },6894 "1000 × 667"6895 );6896 }6897 });6898 var XUIGrayText587 = React.createClass({6899 displayName: "XUIGrayText587",6900 render: function () {6901 return React.createElement(XUIText586, null);6902 }6903 });6904 var XUIText588 = React.createClass({6905 displayName: "XUIText588",6906 render: function () {6907 return React.createElement(6908 "div",6909 { className: "_3-95 _50f7", display: "block", weight: "bold", size: "inherit" },6910 "untitled – ",6911 React.createElement(XUIGrayText587, null),6912 ""6913 );6914 }6915 });6916 var CenteredContainer589 = React.createClass({6917 displayName: "CenteredContainer589",6918 render: function () {6919 return React.createElement(6920 "div",6921 { className: "_50vi", horizontal: false, vertical: true, fullHeight: false },6922 React.createElement(6923 "div",6924 { className: "_3bwv" },6925 React.createElement(6926 "div",6927 { className: "_3bwy" },6928 React.createElement(6929 "div",6930 { key: "/.0", className: "_3bwx" },6931 React.createElement(XUIText588, null)6932 ),6933 React.createElement("div", { key: "/.1", className: "_3bwx" })6934 )6935 )6936 );6937 }6938 });6939 var Link590 = React.createClass({6940 displayName: "Link590",6941 render: function () {6942 return React.createElement(6943 "a",6944 { href: "/business/ads-guide/", target: "_blank", rel: undefined, onClick: function () {} },6945 "Facebook Ad Guidelines"6946 );6947 }6948 });6949 var XUIText591 = React.createClass({6950 displayName: "XUIText591",6951 render: function () {6952 return React.createElement(6953 "div",6954 { className: "_3-96", display: "block", size: "inherit", weight: "inherit" },6955 "For questions and more information, see the ",6956 React.createElement(Link590, null),6957 "."6958 );6959 }6960 });6961 var AdsImageInput592 = React.createClass({6962 displayName: "AdsImageInput592",6963 render: function () {6964 return React.createElement(6965 "div",6966 null,6967 React.createElement(6968 "div",6969 null,6970 React.createElement(XUIButton584, null),6971 undefined6972 ),6973 null,6974 React.createElement(6975 "div",6976 { className: "_50vh _3-8n _2ph_" },6977 React.createElement(6978 "div",6979 { className: "_37xq" },6980 React.createElement(6981 "div",6982 { className: "_3-90" },6983 React.createElement(6984 "div",6985 { className: " _1yi2", onContextMenu: undefined },6986 React.createElement(BackgroundImage585, null)6987 )6988 ),6989 React.createElement(CenteredContainer589, null)6990 ),6991 null6992 ),6993 React.createElement(XUIText591, null),6994 null6995 );6996 }6997 });6998 var AdsBulkImageInput593 = React.createClass({6999 displayName: "AdsBulkImageInput593",7000 render: function () {7001 return React.createElement(AdsImageInput592, null);7002 }7003 });7004 var AdsLabeledField594 = React.createClass({7005 displayName: "AdsLabeledField594",7006 render: function () {7007 return React.createElement(7008 "div",7009 { className: "_3-96 _3bvz", label: "Image", labelSize: "small" },7010 React.createElement(7011 "label",7012 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },7013 "Image",7014 " ",7015 undefined7016 ),7017 null,7018 React.createElement(7019 "div",7020 { className: "_3bv-" },7021 React.createElement(AdsBulkImageInput593, null)7022 )7023 );7024 }7025 });7026 var AdsPEImageSelector595 = React.createClass({7027 displayName: "AdsPEImageSelector595",7028 render: function () {7029 return React.createElement(AdsLabeledField594, null);7030 }7031 });7032 var AdsPEImageSelectorContainer596 = React.createClass({7033 displayName: "AdsPEImageSelectorContainer596",7034 render: function () {7035 return React.createElement(AdsPEImageSelector595, null);7036 }7037 });7038 var AdsPEWebsiteNoPageCreative597 = React.createClass({7039 displayName: "AdsPEWebsiteNoPageCreative597",7040 render: function () {7041 return React.createElement(7042 "div",7043 null,7044 React.createElement(AdsPEWebsiteURLField569, null),7045 React.createElement(AdsPEHeadlineField577, null),7046 React.createElement(AdsPEMessageField582, null),7047 React.createElement(AdsPEImageSelectorContainer596, null)7048 );7049 }7050 });7051 var AdsPEWebsiteNoPageCreativeContainer598 = React.createClass({7052 displayName: "AdsPEWebsiteNoPageCreativeContainer598",7053 render: function () {7054 return React.createElement(AdsPEWebsiteNoPageCreative597, null);7055 }7056 });7057 var XUICardSection599 = React.createClass({7058 displayName: "XUICardSection599",7059 render: function () {7060 return React.createElement(7061 "div",7062 { className: "_12jy _4-u3", background: "transparent" },7063 React.createElement(7064 "div",7065 { className: "_3-8j" },7066 React.createElement("div", null),7067 React.createElement(AdsPEWebsiteNoPageCreativeContainer598, null)7068 )7069 );7070 }7071 });7072 var AdsCardSection600 = React.createClass({7073 displayName: "AdsCardSection600",7074 render: function () {7075 return React.createElement(XUICardSection599, null);7076 }7077 });7078 var XUICard601 = React.createClass({7079 displayName: "XUICard601",7080 render: function () {7081 return React.createElement(7082 "div",7083 { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },7084 React.createElement(AdsCardHeader561, null),7085 React.createElement(AdsCardSection600, null)7086 );7087 }7088 });7089 var ReactXUIError602 = React.createClass({7090 displayName: "ReactXUIError602",7091 render: function () {7092 return React.createElement(XUICard601, null);7093 }7094 });7095 var AdsCard603 = React.createClass({7096 displayName: "AdsCard603",7097 render: function () {7098 return React.createElement(ReactXUIError602, null);7099 }7100 });7101 var AdsPEAdgroupCreativeSection604 = React.createClass({7102 displayName: "AdsPEAdgroupCreativeSection604",7103 render: function () {7104 return React.createElement(AdsCard603, null);7105 }7106 });7107 var AdsPEAdgroupCreativeSectionContainer605 = React.createClass({7108 displayName: "AdsPEAdgroupCreativeSectionContainer605",7109 render: function () {7110 return React.createElement(AdsPEAdgroupCreativeSection604, null);7111 }7112 });7113 var AdsPELeadGenFormSection606 = React.createClass({7114 displayName: "AdsPELeadGenFormSection606",7115 render: function () {7116 return null;7117 }7118 });7119 var AdsPELeadGenFormContainer607 = React.createClass({7120 displayName: "AdsPELeadGenFormContainer607",7121 render: function () {7122 return React.createElement(AdsPELeadGenFormSection606, null);7123 }7124 });7125 var XUICardHeaderTitle608 = React.createClass({7126 displayName: "XUICardHeaderTitle608",7127 render: function () {7128 return React.createElement(7129 "span",7130 { itemComponent: "span", className: "_38my" },7131 "Tracking",7132 null,7133 React.createElement("span", { className: "_c1c" })7134 );7135 }7136 });7137 var XUICardSection609 = React.createClass({7138 displayName: "XUICardSection609",7139 render: function () {7140 return React.createElement(7141 "div",7142 { className: "_5dw9 _5dwa _4-u3", background: "transparent" },7143 [React.createElement(XUICardHeaderTitle608, { key: "/.0" })],7144 undefined,7145 undefined,7146 React.createElement("div", { className: "_3s3-" })7147 );7148 }7149 });7150 var XUICardHeader610 = React.createClass({7151 displayName: "XUICardHeader610",7152 render: function () {7153 return React.createElement(XUICardSection609, null);7154 }7155 });7156 var AdsCardHeader611 = React.createClass({7157 displayName: "AdsCardHeader611",7158 render: function () {7159 return React.createElement(XUICardHeader610, null);7160 }7161 });7162 var XUIText612 = React.createClass({7163 displayName: "XUIText612",7164 render: function () {7165 return React.createElement(7166 "span",7167 { weight: "bold", className: "_3ga- _50f7", size: "inherit", display: "inline" },7168 "Conversion Tracking"7169 );7170 }7171 });7172 var ReactImage613 = React.createClass({7173 displayName: "ReactImage613",7174 render: function () {7175 return React.createElement("i", { src: null, className: "_5s_w _541d img sp_R48dKBxiJkP sx_dc2cdb" });7176 }7177 });7178 var AdsPopoverLink614 = React.createClass({7179 displayName: "AdsPopoverLink614",7180 render: function () {7181 return React.createElement(7182 "span",7183 { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {} },7184 React.createElement("span", { className: "_3o_j" }),7185 React.createElement(ReactImage613, null)7186 );7187 }7188 });7189 var AdsHelpLink615 = React.createClass({7190 displayName: "AdsHelpLink615",7191 render: function () {7192 return React.createElement(AdsPopoverLink614, null);7193 }7194 });7195 var AdsCFHelpLink616 = React.createClass({7196 displayName: "AdsCFHelpLink616",7197 render: function () {7198 return React.createElement(AdsHelpLink615, null);7199 }7200 });7201 var AdsPixelTrackingLabel617 = React.createClass({7202 displayName: "AdsPixelTrackingLabel617",7203 render: function () {7204 return React.createElement(7205 "div",7206 { className: "_3gay" },7207 React.createElement(XUIText612, null),7208 React.createElement(AdsCFHelpLink616, null)7209 );7210 }7211 });7212 var ReactImage618 = React.createClass({7213 displayName: "ReactImage618",7214 render: function () {7215 return React.createElement("i", { src: null, className: "img _8o _8r img sp_UuU9HmrQ397 sx_ad67ef" });7216 }7217 });7218 var XUIText619 = React.createClass({7219 displayName: "XUIText619",7220 render: function () {7221 return React.createElement(7222 "div",7223 { size: "medium", weight: "bold", shade: "medium", display: "block", className: "_3-8m _c24 _50f4 _50f7" },7224 "Facebook Pixel"7225 );7226 }7227 });7228 var XUIGrayText620 = React.createClass({7229 displayName: "XUIGrayText620",7230 render: function () {7231 return React.createElement(XUIText619, null);7232 }7233 });7234 var XUIText621 = React.createClass({7235 displayName: "XUIText621",7236 render: function () {7237 return React.createElement(7238 "span",7239 { size: "medium", weight: "inherit", display: "inline", className: " _50f4" },7240 "Learn More"7241 );7242 }7243 });7244 var Link622 = React.createClass({7245 displayName: "Link622",7246 render: function () {7247 return React.createElement(7248 "a",7249 { href: "/help/336923339852238", target: "_blank", rel: undefined, onClick: function () {} },7250 React.createElement(XUIText621, null)7251 );7252 }7253 });7254 var XUIText623 = React.createClass({7255 displayName: "XUIText623",7256 render: function () {7257 return React.createElement(7258 "span",7259 { shade: "medium", size: "medium", className: " _c24 _50f4", weight: "inherit", display: "inline" },7260 "You can now create one pixel for tracking, optimization and remarketing.",7261 React.createElement(7262 "span",7263 { className: "_3-99" },7264 React.createElement(Link622, null)7265 )7266 );7267 }7268 });7269 var XUIGrayText624 = React.createClass({7270 displayName: "XUIGrayText624",7271 render: function () {7272 return React.createElement(XUIText623, null);7273 }7274 });7275 var AbstractButton625 = React.createClass({7276 displayName: "AbstractButton625",7277 render: function () {7278 return React.createElement(7279 "button",7280 { className: "_23ng _4jy0 _4jy4 _4jy1 _51sy selected _42ft", label: null, onClick: function () {}, size: "large", use: "confirm", borderShade: "light", suppressed: false, type: "submit", value: "1" },7281 undefined,7282 "Create a Pixel",7283 undefined7284 );7285 }7286 });7287 var XUIButton626 = React.createClass({7288 displayName: "XUIButton626",7289 render: function () {7290 return React.createElement(AbstractButton625, null);7291 }7292 });7293 var AdsPixelCreateButton627 = React.createClass({7294 displayName: "AdsPixelCreateButton627",7295 render: function () {7296 return React.createElement(XUIButton626, null);7297 }7298 });7299 var LeftRight628 = React.createClass({7300 displayName: "LeftRight628",7301 render: function () {7302 return React.createElement(7303 "div",7304 { className: "_23nf clearfix", direction: "left" },7305 React.createElement(7306 "div",7307 { key: "left", className: "_ohe lfloat" },7308 React.createElement(ReactImage618, null)7309 ),7310 React.createElement(7311 "div",7312 { key: "right", className: "" },7313 React.createElement(7314 "div",7315 { className: "_42ef _8u" },7316 React.createElement(7317 "div",7318 null,7319 React.createElement(XUIGrayText620, null),7320 React.createElement(XUIGrayText624, null),7321 React.createElement(7322 "div",7323 { className: "_3-8x" },7324 React.createElement(AdsPixelCreateButton627, null)7325 )7326 )7327 )7328 )7329 );7330 }7331 });7332 var ImageBlock629 = React.createClass({7333 displayName: "ImageBlock629",7334 render: function () {7335 return React.createElement(LeftRight628, null);7336 }7337 });7338 var AdsPixelCreationCard630 = React.createClass({7339 displayName: "AdsPixelCreationCard630",7340 render: function () {7341 return React.createElement(7342 "div",7343 { className: "_2pie", horizontal: true },7344 React.createElement(7345 "div",7346 { className: "_23ne _4fsl" },7347 React.createElement(ImageBlock629, null)7348 )7349 );7350 }7351 });7352 var AdsPixelTrackingSelector631 = React.createClass({7353 displayName: "AdsPixelTrackingSelector631",7354 render: function () {7355 return React.createElement(7356 "div",7357 { className: "_3-8x _4fsk" },7358 React.createElement(AdsPixelCreationCard630, { key: "FacebookPixelNUX" })7359 );7360 }7361 });7362 var AdsPixelTracking632 = React.createClass({7363 displayName: "AdsPixelTracking632",7364 render: function () {7365 return React.createElement(7366 "div",7367 { className: undefined },7368 React.createElement(AdsPixelTrackingLabel617, null),7369 React.createElement(7370 "div",7371 { className: "_3-8x" },7372 React.createElement("div", null)7373 ),7374 React.createElement(AdsPixelTrackingSelector631, null)7375 );7376 }7377 });7378 var AdsPEPixelTracking633 = React.createClass({7379 displayName: "AdsPEPixelTracking633",7380 render: function () {7381 return React.createElement(AdsPixelTracking632, { key: "tracking" });7382 }7383 });7384 var AdsPEPixelTrackingContainer634 = React.createClass({7385 displayName: "AdsPEPixelTrackingContainer634",7386 render: function () {7387 return React.createElement(AdsPEPixelTracking633, null);7388 }7389 });7390 var AdsPEAdgroupAppTrackingSelectorContainer635 = React.createClass({7391 displayName: "AdsPEAdgroupAppTrackingSelectorContainer635",7392 render: function () {7393 return null;7394 }7395 });7396 var AdsPEStandardTrackingSection636 = React.createClass({7397 displayName: "AdsPEStandardTrackingSection636",7398 render: function () {7399 return React.createElement(7400 "div",7401 null,7402 null,7403 React.createElement(7404 "div",7405 { className: "_3-96" },7406 React.createElement(AdsPEPixelTrackingContainer634, null)7407 ),7408 React.createElement(7409 "div",7410 { className: "_3-96" },7411 React.createElement(AdsPEAdgroupAppTrackingSelectorContainer635, null)7412 ),7413 null7414 );7415 }7416 });7417 var AdsPEStandardTrackingContainer637 = React.createClass({7418 displayName: "AdsPEStandardTrackingContainer637",7419 render: function () {7420 return React.createElement(AdsPEStandardTrackingSection636, null);7421 }7422 });7423 var XUICardSection638 = React.createClass({7424 displayName: "XUICardSection638",7425 render: function () {7426 return React.createElement(7427 "div",7428 { className: "_12jy _4-u3", background: "transparent" },7429 React.createElement(7430 "div",7431 { className: "_3-8j" },7432 React.createElement(AdsPEStandardTrackingContainer637, null)7433 )7434 );7435 }7436 });7437 var AdsCardSection639 = React.createClass({7438 displayName: "AdsCardSection639",7439 render: function () {7440 return React.createElement(XUICardSection638, null);7441 }7442 });7443 var XUICard640 = React.createClass({7444 displayName: "XUICard640",7445 render: function () {7446 return React.createElement(7447 "div",7448 { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },7449 React.createElement(AdsCardHeader611, null),7450 React.createElement(AdsCardSection639, null)7451 );7452 }7453 });7454 var ReactXUIError641 = React.createClass({7455 displayName: "ReactXUIError641",7456 render: function () {7457 return React.createElement(XUICard640, null);7458 }7459 });7460 var AdsCard642 = React.createClass({7461 displayName: "AdsCard642",7462 render: function () {7463 return React.createElement(ReactXUIError641, null);7464 }7465 });7466 var AdsPEAdgroupTrackingSection643 = React.createClass({7467 displayName: "AdsPEAdgroupTrackingSection643",7468 render: function () {7469 return React.createElement(AdsCard642, null);7470 }7471 });7472 var AdsPEAdgroupTrackingSectionContainer644 = React.createClass({7473 displayName: "AdsPEAdgroupTrackingSectionContainer644",7474 render: function () {7475 return React.createElement(AdsPEAdgroupTrackingSection643, null);7476 }7477 });7478 var AdsPEAdgroupIOSection645 = React.createClass({7479 displayName: "AdsPEAdgroupIOSection645",7480 render: function () {7481 return null;7482 }7483 });7484 var AdsPEAdgroupIOSectionContainer646 = React.createClass({7485 displayName: "AdsPEAdgroupIOSectionContainer646",7486 render: function () {7487 return React.createElement(AdsPEAdgroupIOSection645, null);7488 }7489 });7490 var LeftRight647 = React.createClass({7491 displayName: "LeftRight647",7492 render: function () {7493 return React.createElement(7494 "div",7495 { flex: "left", direction: "right", className: "clearfix" },7496 React.createElement(7497 "div",7498 { key: "right", className: "_ohf rfloat" },7499 React.createElement(7500 "div",7501 { className: "_20ro _20rp" },7502 React.createElement(7503 "div",7504 null,7505 null,7506 React.createElement(AdsPEAdgroupLinksSectionContainer518, null),7507 React.createElement(AdsPEStickyArea543, null)7508 )7509 )7510 ),7511 React.createElement(7512 "div",7513 { key: "left", className: "" },7514 React.createElement(7515 "div",7516 { className: "_42ef" },7517 React.createElement(7518 "div",7519 null,7520 React.createElement(AdsPEAdgroupDestinationSectionContainer557, null),7521 React.createElement(AdsPEAdgroupCreativeSectionContainer605, null),7522 React.createElement(AdsPELeadGenFormContainer607, null),7523 React.createElement(AdsPEAdgroupTrackingSectionContainer644, null),7524 React.createElement(AdsPEAdgroupIOSectionContainer646, null)7525 )7526 )7527 )7528 );7529 }7530 });7531 var FlexibleBlock648 = React.createClass({7532 displayName: "FlexibleBlock648",7533 render: function () {7534 return React.createElement(LeftRight647, null);7535 }7536 });7537 var AdsPEMultiColumnEditor649 = React.createClass({7538 displayName: "AdsPEMultiColumnEditor649",7539 render: function () {7540 return React.createElement(7541 "div",7542 { className: "_2j_c _ykd" },7543 React.createElement(7544 "div",7545 null,7546 React.createElement(FluxContainer_r_483, null),7547 null,7548 React.createElement(AdsPEAdgroupAutoNamingConfirmationContainer484, null),7549 React.createElement(AdsPEAdgroupNameSectionContainer500, null)7550 ),7551 React.createElement(FlexibleBlock648, null)7552 );7553 }7554 });7555 var AdsPEAdgroupEditor650 = React.createClass({7556 displayName: "AdsPEAdgroupEditor650",7557 render: function () {7558 return React.createElement(7559 "div",7560 null,7561 React.createElement(AdsPEAdgroupHeaderSectionContainer481, null),7562 React.createElement(AdsPEMultiColumnEditor649, null)7563 );7564 }7565 });7566 var AdsPEAdgroupEditorContainer651 = React.createClass({7567 displayName: "AdsPEAdgroupEditorContainer651",7568 render: function () {7569 return React.createElement(AdsPEAdgroupEditor650, { key: "98010048849345" });7570 }7571 });7572 var AdsPESideTrayTabContent652 = React.createClass({7573 displayName: "AdsPESideTrayTabContent652",7574 render: function () {7575 return React.createElement(7576 "div",7577 { className: "_1o_8 _44ra _5cyn" },7578 React.createElement(AdsPEAdgroupEditorContainer651, null)7579 );7580 }7581 });7582 var AdsPEEditorTrayTabContent653 = React.createClass({7583 displayName: "AdsPEEditorTrayTabContent653",7584 render: function () {7585 return React.createElement(AdsPESideTrayTabContent652, null);7586 }7587 });7588 var AdsPEMultiTabDrawer654 = React.createClass({7589 displayName: "AdsPEMultiTabDrawer654",7590 render: function () {7591 return React.createElement(7592 "div",7593 { style: { "height": 550, "width": 1027 }, tabButtons: {}, tabContentPanes: {}, enableAnimation: true, showButton: true, className: "_2kev _2kew _2kex" },7594 React.createElement(7595 "div",7596 { className: "_2kf0" },7597 React.createElement(AdsPEEditorTrayTabButton469, { key: "editor_tray_button" }),7598 React.createElement(AdsPEInsightsTrayTabButton472, { key: "insights_tray_button" }),7599 React.createElement(AdsPENekoDebuggerTrayTabButton474, { key: "neko_debugger_tray_button" })7600 ),7601 React.createElement(7602 "div",7603 { className: "_2kf1" },7604 React.createElement(FBDragHandle475, null),7605 React.createElement(AdsPEEditorTrayTabContent653, { key: "EDITOR_DRAWER" }),7606 null7607 )7608 );7609 }7610 });7611 var FluxContainer_x_655 = React.createClass({7612 displayName: "FluxContainer_x_655",7613 render: function () {7614 return React.createElement(AdsPEMultiTabDrawer654, null);7615 }7616 });7617 var AdsBugReportContainer656 = React.createClass({7618 displayName: "AdsBugReportContainer656",7619 render: function () {7620 return null;7621 }7622 });7623 var AdsPEAudienceSplittingDialog657 = React.createClass({7624 displayName: "AdsPEAudienceSplittingDialog657",7625 render: function () {7626 return null;7627 }7628 });7629 var AdsPEAudienceSplittingDialogContainer658 = React.createClass({7630 displayName: "AdsPEAudienceSplittingDialogContainer658",7631 render: function () {7632 return React.createElement(7633 "div",7634 null,7635 React.createElement(AdsPEAudienceSplittingDialog657, null)7636 );7637 }7638 });7639 var FluxContainer_p_659 = React.createClass({7640 displayName: "FluxContainer_p_659",7641 render: function () {7642 return null;7643 }7644 });7645 var AdsPECreateDialogContainer660 = React.createClass({7646 displayName: "AdsPECreateDialogContainer660",7647 render: function () {7648 return null;7649 }7650 });7651 var AdsPEContainer661 = React.createClass({7652 displayName: "AdsPEContainer661",7653 render: function () {7654 return React.createElement(7655 "div",7656 { id: "ads_pe_container" },7657 null,7658 React.createElement(FluxContainer_ja_26, null),7659 React.createElement(FluxContainer_w_56, null),7660 React.createElement(FluxContainer_r_463, null),7661 React.createElement(FluxContainer_q_464, null),7662 React.createElement(FluxContainer_y_466, null),7663 null,7664 React.createElement(FluxContainer_x_655, null),7665 React.createElement(AdsBugReportContainer656, null),7666 null,7667 React.createElement(AdsPEAudienceSplittingDialogContainer658, null),7668 null,7669 null,7670 null,7671 React.createElement(FluxContainer_p_659, null),7672 React.createElement(AdsPECreateDialogContainer660, null)7673 );7674 }7675 });7676 var Benchmark = React.createClass({7677 displayName: "Benchmark",7678 render: function () {7679 return React.createElement(AdsPEContainer661, null);7680 }7681 });7682 this.Benchmark = Benchmark;...

bench-pe.js

Source:bench-pe.js

1(function() {2var Link0 = React.createClass({3 render: function() {4 return <a href={"/"} className={"_5ljn"} rel={undefined} onClick={function() {}}></a>;5 },6});7var ReactImage1 = React.createClass({8 render: function() {9 return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_7e56e9"} src={null}></i>;10 },11});12var Link2 = React.createClass({13 render: function() {14 return (15 <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={"_387r _55pi _2agf _387r _55pi _4jy0 _4jy3 _517h _51sy _42ft"} href={"#"} haschevron={true} onClick={function() {}} onToggle={function() {}} size={"medium"} use={"default"} borderShade={"light"} suppressed={false} disabled={null} rel={undefined}>16 {null}17 <span className={"_55pe"} style={{"maxWidth":"186px"}}>18 {null}19 {"Dick Madanson (10149999073643408)"}20 </span>21 <ReactImage1 />22 </a>23 );24 },25});26var AbstractButton3 = React.createClass({27 render: function() {28 return <Link2 />;29 },30});31var XUIButton4 = React.createClass({32 render: function() {33 return <AbstractButton3 />;34 },35});36var AbstractPopoverButton5 = React.createClass({37 render: function() {38 return <XUIButton4 />;39 },40});41var ReactXUIPopoverButton6 = React.createClass({42 render: function() {43 return <AbstractPopoverButton5 />;44 },45});46var AdsPEAccountSelector7 = React.createClass({47 render: function() {48 return <ReactXUIPopoverButton6 ref={"button"} />;49 },50});51var AdsPEAccountSelectorContainer8 = React.createClass({52 render: function() {53 return <AdsPEAccountSelector7 />;54 },55});56var AbstractButton9 = React.createClass({57 render: function() {58 return (59 <button id={"downloadButton"} className={"_5lk0 _4jy0 _4jy3 _517h _51sy _42ft"} label={null} onClick={function() {}} use={"default"} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>60 {undefined}61 {"Download to Power Editor"}62 {undefined}63 </button>64 );65 },66});67var XUIButton10 = React.createClass({68 render: function() {69 return <AbstractButton9 />;70 },71});72var DownloadUploadTimestamp11 = React.createClass({73 render: function() {74 return (75 <div>76 {"Last downloaded"}77 {" "}78 <abbr className={"livetimestamp"} data-utime={1446062352} data-shorten={false}>{"a few seconds ago"}</abbr>79 </div>80 );81 },82});83var ReactImage12 = React.createClass({84 render: function() {85 return <i alt={""} className={"_3-8_ img sp_UuU9HmrQ397 sx_dbc06a"} src={null}></i>;86 },87});88var AbstractButton13 = React.createClass({89 render: function() {90 return (91 <button id={"uploadButton"} className={"_5lk0 _4jy0 _4jy3 _517h _51sy _42ft"} image={{}} use={"default"} label={null} onClick={function() {}} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>92 <ReactImage12 />93 {"Upload Changes"}94 {undefined}95 </button>96 );97 },98});99var XUIButton14 = React.createClass({100 render: function() {101 return <AbstractButton13 />;102 },103});104var DownloadUploadTimestamp15 = React.createClass({105 render: function() {106 return <div></div>;107 },108});109var AbstractButton16 = React.createClass({110 render: function() {111 return (112 <button className={"_5ljz _4jy0 _4jy3 _517h _51sy _42ft"} label={null} onClick={function() {}} use={"default"} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>113 {undefined}114 {"Help"}115 {undefined}116 </button>117 );118 },119});120var XUIButton17 = React.createClass({121 render: function() {122 return <AbstractButton16 />;123 },124});125var ReactImage18 = React.createClass({126 render: function() {127 return <i src={null} className={"img sp_UuU9HmrQ397 sx_d5a685"}></i>;128 },129});130var AbstractButton19 = React.createClass({131 render: function() {132 return (133 <button className={"_5ljw _p _4jy0 _4jy3 _517h _51sy _42ft"} image={{}} use={"default"} size={"medium"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>134 <ReactImage18 />135 {undefined}136 {undefined}137 </button>138 );139 },140});141var XUIButton20 = React.createClass({142 render: function() {143 return <AbstractButton19 />;144 },145});146var InlineBlock21 = React.createClass({147 render: function() {148 return (149 <div className={"_5ljz uiPopover _6a _6b"} alignh={"right"} menu={{}} alignv={"middle"} disabled={null} fullWidth={false}>150 <XUIButton20 key={"/.0"} />151 </div>152 );153 },154});155var ReactPopoverMenu22 = React.createClass({156 render: function() {157 return <InlineBlock21 ref={"root"} />;158 },159});160var XUIButtonGroup23 = React.createClass({161 render: function() {162 return (163 <div className={"_13xj _51xa"} id={"helpButton"}>164 <XUIButton17 />165 <ReactPopoverMenu22 />166 </div>167 );168 },169});170var AdsPEResetDialog24 = React.createClass({171 render: function() {172 return <span></span>;173 },174});175var AdsPETopNav25 = React.createClass({176 render: function() {177 return (178 <div className={"_5ljl"} id={"ads_pe_top_nav"}>179 <div ref={"logo"} className={"_5ljm"}>180 <Link0 />181 <div className={"_5rne"}>182 <span className={"_5ljs"} data-testid={"PETopNavLogoText"}>{"Power Editor"}</span>183 </div>184 <span className={"_5ljt _5lju"}>{"Dick Madanson"}</span>185 </div>186 <div ref={"leftButtonGroup"} className={"_5ljy"}>187 <div ref={"accountDropdown"} className={"_5ljz _5mun"}>188 <AdsPEAccountSelectorContainer8 />189 <div className={"_5lj- _5lju"}>{"Account 10149999073643408"}</div>190 </div>191 <div className={"_5ljz"}>192 <div className={"_5lj_"}>193 <XUIButton10 />194 </div>195 <div className={"_5lj- _5lju"}>196 <DownloadUploadTimestamp11 />197 </div>198 </div>199 <div className={"_5ljz"}>200 <div className={"_5lj_"}>201 <XUIButton14 />202 </div>203 <div className={"_5lj- _5lju"}>204 <DownloadUploadTimestamp15 />205 </div>206 </div>207 </div>208 <div ref={"rightButtonGroup"} className={"_5lk3"}>209 <XUIButtonGroup23 />210 </div>211 <AdsPEResetDialog24 />212 </div>213 );214 },215});216var FluxContainer_ja_26 = React.createClass({217 render: function() {218 return <AdsPETopNav25 />;219 },220});221var _wrapper27 = React.createClass({222 render: function() {223 return (224 <li selected={true} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _5vwy _45hc _1hqh"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>225 <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={0} className={""} aria-selected={true} onKeyDown={function() {}}>226 <div className={"_4jq5"}>{"Manage Ads"}</div>227 <span className={"_13xf"}></span>228 </a>229 </li>230 );231 },232});233var TabBarItem28 = React.createClass({234 render: function() {235 return <_wrapper27 />;236 },237});238var XUIPageNavigationItem29 = React.createClass({239 render: function() {240 return <TabBarItem28 />;241 },242});243var TabBarItemWrapper30 = React.createClass({244 render: function() {245 return <XUIPageNavigationItem29 key={"MANAGE_ADS"} />;246 },247});248var _wrapper31 = React.createClass({249 render: function() {250 return (251 <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>252 <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>253 <div className={"_4jq5"}>{"Audiences"}</div>254 <span className={"_13xf"}></span>255 </a>256 </li>257 );258 },259});260var TabBarItem32 = React.createClass({261 render: function() {262 return <_wrapper31 />;263 },264});265var XUIPageNavigationItem33 = React.createClass({266 render: function() {267 return <TabBarItem32 />;268 },269});270var TabBarItemWrapper34 = React.createClass({271 render: function() {272 return <XUIPageNavigationItem33 key={"AUDIENCES"} />;273 },274});275var _wrapper35 = React.createClass({276 render: function() {277 return (278 <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>279 <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>280 <div className={"_4jq5"}>{"Image Library"}</div>281 <span className={"_13xf"}></span>282 </a>283 </li>284 );285 },286});287var TabBarItem36 = React.createClass({288 render: function() {289 return <_wrapper35 />;290 },291});292var XUIPageNavigationItem37 = React.createClass({293 render: function() {294 return <TabBarItem36 />;295 },296});297var TabBarItemWrapper38 = React.createClass({298 render: function() {299 return <XUIPageNavigationItem37 key={"IMAGES"} />;300 },301});302var _wrapper39 = React.createClass({303 render: function() {304 return (305 <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>306 <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>307 <div className={"_4jq5"}>308 {"Reporting"}309 {null}310 </div>311 <span className={"_13xf"}></span>312 </a>313 </li>314 );315 },316});317var TabBarItem40 = React.createClass({318 render: function() {319 return <_wrapper39 />;320 },321});322var XUIPageNavigationItem41 = React.createClass({323 render: function() {324 return <TabBarItem40 />;325 },326});327var TabBarItemWrapper42 = React.createClass({328 render: function() {329 return <XUIPageNavigationItem41 key={"REPORTING"} />;330 },331});332var _wrapper43 = React.createClass({333 render: function() {334 return (335 <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>336 <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>337 <div className={"_4jq5"}>{"Page Posts"}</div>338 <span className={"_13xf"}></span>339 </a>340 </li>341 );342 },343});344var TabBarItem44 = React.createClass({345 render: function() {346 return <_wrapper43 />;347 },348});349var XUIPageNavigationItem45 = React.createClass({350 render: function() {351 return <TabBarItem44 />;352 },353});354var TabBarItemWrapper46 = React.createClass({355 render: function() {356 return <XUIPageNavigationItem45 key={"PAGES"} />;357 },358});359var TabBarItem47 = React.createClass({360 render: function() {361 return (362 <a ref={"tab"} menuClassName={undefined} selected={false} focused={false} hideFocusRing={true} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} label={"Tools"} tabComponent={function() {}} shouldWrapTab={false} className={"_45hd _45hc _p _45hc"} tabIndex={-1} mockSpacebarClick={false} wrapper={function() {}} href={"#"} role={"tab"} aria-selected={false}>363 <span className={"_1b0"}>364 {"Tools"}365 <span className={"accessible_elem"}>{"additional tabs menu"}</span>366 </span>367 </a>368 );369 },370});371var InlineBlock48 = React.createClass({372 render: function() {373 return (374 <div menu={{}} layerBehaviors={{}} alignv={"middle"} className={"uiPopover _6a _6b"} disabled={null} fullWidth={false}>375 <TabBarItem47 key={"/.0"} />376 </div>377 );378 },379});380var ReactPopoverMenu49 = React.createClass({381 render: function() {382 return <InlineBlock48 ref={"root"} />;383 },384});385var TabBarDropdownItem50 = React.createClass({386 render: function() {387 return (388 <li className={" _45hd"} role={"tab"}>389 <ReactPopoverMenu49 />390 </li>391 );392 },393});394var TabBar51 = React.createClass({395 render: function() {396 return (397 <ul onTabClick={function() {}} activeTabKey={"MANAGE_ADS"} onWidthCalculated={function() {}} width={null} maxTabsVisible={5} moreLabel={"Tools"} alwaysShowActive={true} dropdownTabComponent={function() {}} shouldCalculateVisibleTabs={true} className={"_43o4"} role={"tablist"} onKeyDown={function() {}} onKeyUp={function() {}}>398 <TabBarItemWrapper30 key={"MANAGE_ADS"} />399 <TabBarItemWrapper34 key={"AUDIENCES"} />400 <TabBarItemWrapper38 key={"IMAGES"} />401 <TabBarItemWrapper42 key={"REPORTING"} />402 <TabBarItemWrapper46 key={"PAGES"} />403 <TabBarDropdownItem50 key={"_dropdown"} ref={"more"} />404 </ul>405 );406 },407});408var XUIPageNavigationGroup52 = React.createClass({409 render: function() {410 return <TabBar51 ref={"bar"} />;411 },412});413var LeftRight53 = React.createClass({414 render: function() {415 return (416 <div className={"_5vx7 clearfix"}>417 <div key={"left"} className={"_ohe lfloat"}>418 <XUIPageNavigationGroup52 key={"0"} ref={"left"} />419 </div>420 {null}421 </div>422 );423 },424});425var XUIPageNavigation54 = React.createClass({426 render: function() {427 return (428 <div className={"_5vx2 _5vx4 _5vx6 _5kkt"}>429 <LeftRight53 />430 </div>431 );432 },433});434var AdsPENavigationBar55 = React.createClass({435 render: function() {436 return (437 <div className={"_5_a"} id={"ads_pe_navigation_bar"}>438 <XUIPageNavigation54 />439 </div>440 );441 },442});443var FluxContainer_w_56 = React.createClass({444 render: function() {445 return <AdsPENavigationBar55 />;446 },447});448var ReactImage57 = React.createClass({449 render: function() {450 return (451 <i alt={"Warning"} className={"_585p img sp_R48dKBxiJkP sx_aed870"} src={null}>452 <u>{"Warning"}</u>453 </i>454 );455 },456});457var Link58 = React.createClass({458 render: function() {459 return (460 <a className={"_585q _50zy _50-0 _50z- _5upp _42ft"} href={"#"} onClick={function() {}} size={"medium"} shade={"dark"} type={null} label={null} title={"Remove"} aria-label={undefined} data-hover={undefined} data-tooltip-alignh={undefined} disabled={null} rel={undefined}>461 {undefined}462 {"Remove"}463 {undefined}464 </a>465 );466 },467});468var AbstractButton59 = React.createClass({469 render: function() {470 return <Link58 />;471 },472});473var XUIAbstractGlyphButton60 = React.createClass({474 render: function() {475 return <AbstractButton59 />;476 },477});478var XUICloseButton61 = React.createClass({479 render: function() {480 return <XUIAbstractGlyphButton60 />;481 },482});483var XUIText62 = React.createClass({484 render: function() {485 return <span weight={"bold"} size={"inherit"} display={"inline"} className={" _50f7"}>{"Ads Manager"}</span>;486 },487});488var Link63 = React.createClass({489 render: function() {490 return (491 <a href={"/ads/manage/billing.php?act=10149999073643408"} target={"_blank"} rel={undefined} onClick={function() {}}>492 <XUIText62 />493 </a>494 );495 },496});497var XUINotice64 = React.createClass({498 render: function() {499 return (500 <div size={"medium"} className={"_585n _585o _2wdd"}>501 <ReactImage57 />502 <XUICloseButton61 />503 <div className={"_585r _2i-a _50f4"}>504 {"Please go to "}505 <Link63 />506 {" to set up a payment method for this ad account."}507 </div>508 </div>509 );510 },511});512var ReactCSSTransitionGroupChild65 = React.createClass({513 render: function() {514 return <XUINotice64 />;515 },516});517var ReactTransitionGroup66 = React.createClass({518 render: function() {519 return (520 <span transitionEnterTimeout={500} transitionLeaveTimeout={500} transitionName={{}} transitionAppear={false} transitionEnter={true} transitionLeave={true} childFactory={function() {}} component={"span"}>521 <ReactCSSTransitionGroupChild65 key={".0"} ref={".0"} />522 </span>523 );524 },525});526var ReactCSSTransitionGroup67 = React.createClass({527 render: function() {528 return <ReactTransitionGroup66 />;529 },530});531var AdsPETopError68 = React.createClass({532 render: function() {533 return (534 <div className={"_2wdc"}>535 <ReactCSSTransitionGroup67 />536 </div>537 );538 },539});540var FluxContainer_r_69 = React.createClass({541 render: function() {542 return <AdsPETopError68 />;543 },544});545var ReactImage70 = React.createClass({546 render: function() {547 return <i className={"_3-8_ img sp_UuU9HmrQ397 sx_bae57d"} src={null}></i>;548 },549});550var ReactImage71 = React.createClass({551 render: function() {552 return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_7e56e9"} src={null}></i>;553 },554});555var Link72 = React.createClass({556 render: function() {557 return (558 <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={" _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft"} href={"#"} haschevron={true} onClick={function() {}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} disabled={null} rel={undefined}>559 {null}560 <span className={"_55pe"} style={{"maxWidth":"186px"}}>561 <ReactImage70 />562 {"Search"}563 </span>564 <ReactImage71 />565 </a>566 );567 },568});569var AbstractButton73 = React.createClass({570 render: function() {571 return <Link72 />;572 },573});574var XUIButton74 = React.createClass({575 render: function() {576 return <AbstractButton73 />;577 },578});579var AbstractPopoverButton75 = React.createClass({580 render: function() {581 return <XUIButton74 />;582 },583});584var ReactXUIPopoverButton76 = React.createClass({585 render: function() {586 return <AbstractPopoverButton75 />;587 },588});589var ReactImage77 = React.createClass({590 render: function() {591 return <i className={"_3-8_ img sp_UuU9HmrQ397 sx_81d5f0"} src={null}></i>;592 },593});594var ReactImage78 = React.createClass({595 render: function() {596 return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_7e56e9"} src={null}></i>;597 },598});599var Link79 = React.createClass({600 render: function() {601 return (602 <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={" _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft"} href={"#"} haschevron={true} onClick={function() {}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} disabled={null} rel={undefined}>603 {null}604 <span className={"_55pe"} style={{"maxWidth":"186px"}}>605 <ReactImage77 />606 {"Filters"}607 </span>608 <ReactImage78 />609 </a>610 );611 },612});613var AbstractButton80 = React.createClass({614 render: function() {615 return <Link79 />;616 },617});618var XUIButton81 = React.createClass({619 render: function() {620 return <AbstractButton80 />;621 },622});623var AbstractPopoverButton82 = React.createClass({624 render: function() {625 return <XUIButton81 />;626 },627});628var ReactXUIPopoverButton83 = React.createClass({629 render: function() {630 return <AbstractPopoverButton82 />;631 },632});633var AdsPEFiltersPopover84 = React.createClass({634 render: function() {635 return (636 <span className={"_5b-l _5bbe"}>637 <ReactXUIPopoverButton76 ref={"searchButton"} />638 <ReactXUIPopoverButton83 ref={"filterButton"} />639 </span>640 );641 },642});643var ReactImage85 = React.createClass({644 render: function() {645 return <i className={"_3yz6 _5whs img sp_UuU9HmrQ397 sx_5fe5c2"} src={null}></i>;646 },647});648var AbstractButton86 = React.createClass({649 render: function() {650 return (651 <button className={"_3yz9 _1t-2 _50z_ _50zy _50zz _50z- _5upp _42ft"} size={"small"} onClick={function() {}} shade={"dark"} type={"button"} label={null} title={"Remove"} aria-label={undefined} data-hover={undefined} data-tooltip-alignh={undefined}>652 {undefined}653 {"Remove"}654 {undefined}655 </button>656 );657 },658});659var XUIAbstractGlyphButton87 = React.createClass({660 render: function() {661 return <AbstractButton86 />;662 },663});664var XUICloseButton88 = React.createClass({665 render: function() {666 return <XUIAbstractGlyphButton87 />;667 },668});669var ReactImage89 = React.createClass({670 render: function() {671 return <i className={"_5b5p _4gem img sp_UuU9HmrQ397 sx_5fe5c2"} src={null}></i>;672 },673});674var ReactImage90 = React.createClass({675 render: function() {676 return <i src={null} className={"_541d img sp_R48dKBxiJkP sx_dc2cdb"}></i>;677 },678});679var AdsPopoverLink91 = React.createClass({680 render: function() {681 return (682 <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}}>683 <span className={"_3o_j"}></span>684 <ReactImage90 />685 </span>686 );687 },688});689var AdsHelpLink92 = React.createClass({690 render: function() {691 return <AdsPopoverLink91 />;692 },693});694var AbstractButton93 = React.createClass({695 render: function() {696 return (697 <button className={"_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft"} label={null} use={"default"} onClick={function() {}} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>698 {undefined}699 {"Apply"}700 {undefined}701 </button>702 );703 },704});705var XUIButton94 = React.createClass({706 render: function() {707 return <AbstractButton93 />;708 },709});710var BUIFilterTokenInput95 = React.createClass({711 render: function() {712 return (713 <div className={"_5b5o _3yz3 _4cld"}>714 <div className={"_5b5t _2d2k"}>715 <ReactImage89 />716 <div className={"_5b5r"}>717 {"Ads: (1)"}718 <AdsHelpLink92 />719 </div>720 </div>721 <XUIButton94 />722 </div>723 );724 },725});726var BUIFilterToken96 = React.createClass({727 render: function() {728 return (729 <div className={"_3yz1 _3yz2 _3dad"}>730 <div ref={"filterToken"} className={"_3yz4"} aria-hidden={false}>731 <div onClick={function() {}} className={"_3yz5"}>732 <ReactImage85 />733 <div className={"_3yz7"}>{"Ads:"}</div>734 <div className={"ellipsis _3yz8"} data-hover={"tooltip"} data-tooltip-display={"overflow"}>{"(1)"}</div>735 </div>736 <XUICloseButton88 />737 </div>738 <BUIFilterTokenInput95 ref={"filterTokenInput"} />739 </div>740 );741 },742});743var ReactImage97 = React.createClass({744 render: function() {745 return <i src={null} className={"img sp_UuU9HmrQ397 sx_158e8d"}></i>;746 },747});748var AbstractButton98 = React.createClass({749 render: function() {750 return (751 <button className={"_1wdf _4jy0 _517i _517h _51sy _42ft"} size={"small"} onClick={function() {}} image={{}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>752 <ReactImage97 />753 {undefined}754 {undefined}755 </button>756 );757 },758});759var XUIButton99 = React.createClass({760 render: function() {761 return <AbstractButton98 />;762 },763});764var BUIFilterTokenCreateButton100 = React.createClass({765 render: function() {766 return (767 <div className={"_1tc"}>768 <XUIButton99 />769 </div>770 );771 },772});773var BUIFilterTokenizer101 = React.createClass({774 render: function() {775 return (776 <div className={"_5b-m _3o1v clearfix"}>777 {undefined}778 {[]}779 <BUIFilterToken96 key={"token0"} />780 <BUIFilterTokenCreateButton100 />781 {null}782 <div className={"_49u3"}></div>783 </div>784 );785 },786});787var AdsPEAmbientNUXMegaphone102 = React.createClass({788 render: function() {789 return <span ref={"mainChild"}></span>;790 },791});792var AdsPEFilters103 = React.createClass({793 render: function() {794 return (795 <div className={"_4rw_"}>796 <AdsPEFiltersPopover84 />797 {null}798 <BUIFilterTokenizer101 />799 {""}800 <AdsPEAmbientNUXMegaphone102 />801 </div>802 );803 },804});805var AdsPEFilterContainer104 = React.createClass({806 render: function() {807 return <AdsPEFilters103 />;808 },809});810var AdsPECampaignTimeLimitNotice105 = React.createClass({811 render: function() {812 return <div></div>;813 },814});815var AdsPECampaignTimeLimitNoticeContainer106 = React.createClass({816 render: function() {817 return <AdsPECampaignTimeLimitNotice105 />;818 },819});820var AdsPETablePager107 = React.createClass({821 render: function() {822 return null;823 },824});825var AdsPEAdgroupTablePagerContainer108 = React.createClass({826 render: function() {827 return <AdsPETablePager107 />;828 },829});830var AdsPETablePagerContainer109 = React.createClass({831 render: function() {832 return <AdsPEAdgroupTablePagerContainer108 />;833 },834});835var ReactImage110 = React.createClass({836 render: function() {837 return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_132804"} src={null}></i>;838 },839});840var Link111 = React.createClass({841 render: function() {842 return (843 <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={"_55pi _2agf _55pi _4jy0 _4jy4 _517h _51sy _42ft"} href={"#"} disabled={null} maxwidth={undefined} size={"large"} suppressed={false} chevron={{}} use={"default"} borderShade={"light"} onClick={function() {}} rel={undefined}>844 {null}845 <span className={"_55pe"} style={{"maxWidth":"186px"}}>846 {null}847 {"Lifetime"}848 </span>849 <ReactImage110 />850 </a>851 );852 },853});854var AbstractButton112 = React.createClass({855 render: function() {856 return <Link111 />;857 },858});859var XUIButton113 = React.createClass({860 render: function() {861 return <AbstractButton112 />;862 },863});864var AbstractPopoverButton114 = React.createClass({865 render: function() {866 return <XUIButton113 />;867 },868});869var ReactXUIPopoverButton115 = React.createClass({870 render: function() {871 return <AbstractPopoverButton114 />;872 },873});874var XUISingleSelectorButton116 = React.createClass({875 render: function() {876 return <ReactXUIPopoverButton115 />;877 },878});879var InlineBlock117 = React.createClass({880 render: function() {881 return (882 <div className={"_3c5o _3c5p _6a _6b"} defaultValue={"LIFETIME"} size={"large"} onChange={function() {}} disabled={false} alignv={"middle"} fullWidth={false}>883 <input type={"hidden"} autoComplete={"off"} name={undefined} value={"LIFETIME"}></input>884 <XUISingleSelectorButton116 ref={"button"} />885 </div>886 );887 },888});889var XUISingleSelector118 = React.createClass({890 render: function() {891 return <InlineBlock117 />;892 },893});894var ReactImage119 = React.createClass({895 render: function() {896 return <i src={null} className={"img sp_UuU9HmrQ397 sx_6c732d"}></i>;897 },898});899var AbstractButton120 = React.createClass({900 render: function() {901 return (902 <button aria-label={"List Settings"} className={"_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} image={{}} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>903 <ReactImage119 />904 {undefined}905 {undefined}906 </button>907 );908 },909});910var XUIButton121 = React.createClass({911 render: function() {912 return <AbstractButton120 />;913 },914});915var AdsPEStatRange122 = React.createClass({916 render: function() {917 return (918 <div className={"_3c5k"}>919 <span className={"_3c5j"}>{"Stats:"}</span>920 <span className={"_3c5l"}>921 <XUISingleSelector118 key={"range"} />922 {null}923 <XUIButton121 key={"settings"} />924 </span>925 </div>926 );927 },928});929var AdsPEStatRangeContainer123 = React.createClass({930 render: function() {931 return <AdsPEStatRange122 />;932 },933});934var Column124 = React.createClass({935 render: function() {936 return (937 <div className={"_4bl8 _4bl7"}>938 <div className={"_3c5f"}>939 {null}940 <AdsPETablePagerContainer109 />941 <div className={"_3c5i"}></div>942 <AdsPEStatRangeContainer123 />943 </div>944 </div>945 );946 },947});948var ReactImage125 = React.createClass({949 render: function() {950 return <i alt={""} className={"_3-8_ img sp_UuU9HmrQ397 sx_158e8d"} src={null}></i>;951 },952});953var AbstractButton126 = React.createClass({954 render: function() {955 return (956 <button className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} label={null} size={"large"} onClick={function() {}} image={{}} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>957 <ReactImage125 />958 {"Create Ad"}959 {undefined}960 </button>961 );962 },963});964var XUIButton127 = React.createClass({965 render: function() {966 return <AbstractButton126 />;967 },968});969var ReactImage128 = React.createClass({970 render: function() {971 return <i src={null} className={"img sp_UuU9HmrQ397 sx_d5a685"}></i>;972 },973});974var AbstractButton129 = React.createClass({975 render: function() {976 return (977 <button className={"_u_k _p _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>978 <ReactImage128 />979 {undefined}980 {undefined}981 </button>982 );983 },984});985var XUIButton130 = React.createClass({986 render: function() {987 return <AbstractButton129 />;988 },989});990var InlineBlock131 = React.createClass({991 render: function() {992 return (993 <div menu={{}} alignh={"right"} layerBehaviors={{}} alignv={"middle"} className={"uiPopover _6a _6b"} disabled={null} fullWidth={false}>994 <XUIButton130 key={"/.0"} />995 </div>996 );997 },998});999var ReactPopoverMenu132 = React.createClass({1000 render: function() {1001 return <InlineBlock131 ref={"root"} />;1002 },1003});1004var XUIButtonGroup133 = React.createClass({1005 render: function() {1006 return (1007 <div className={"_5n7z _51xa"}>1008 <XUIButton127 />1009 <ReactPopoverMenu132 />1010 </div>1011 );1012 },1013});1014var ReactImage134 = React.createClass({1015 render: function() {1016 return <i alt={""} className={"_3-8_ img sp_UuU9HmrQ397 sx_990b54"} src={null}></i>;1017 },1018});1019var AbstractButton135 = React.createClass({1020 render: function() {1021 return (1022 <button size={"large"} disabled={false} className={"_d2_ _u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} data-hover={"tooltip"} aria-label={"Edit Ads (Ctrl+U)"} onClick={function() {}} use={"default"} label={null} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>1023 <ReactImage134 />1024 {"Edit"}1025 {undefined}1026 </button>1027 );1028 },1029});1030var XUIButton136 = React.createClass({1031 render: function() {1032 return <AbstractButton135 />;1033 },1034});1035var ReactImage137 = React.createClass({1036 render: function() {1037 return <i src={null} className={"img sp_UuU9HmrQ397 sx_203adb"}></i>;1038 },1039});1040var AbstractButton138 = React.createClass({1041 render: function() {1042 return (1043 <button aria-label={"Duplicate"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} disabled={false} image={{}} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>1044 <ReactImage137 />1045 {undefined}1046 {undefined}1047 </button>1048 );1049 },1050});1051var XUIButton139 = React.createClass({1052 render: function() {1053 return <AbstractButton138 />;1054 },1055});1056var ReactImage140 = React.createClass({1057 render: function() {1058 return <i src={null} className={"img sp_UuU9HmrQ397 sx_0c342e"}></i>;1059 },1060});1061var AbstractButton141 = React.createClass({1062 render: function() {1063 return (1064 <button aria-label={"Revert"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr"} data-hover={"tooltip"} disabled={true} image={{}} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>1065 <ReactImage140 />1066 {undefined}1067 {undefined}1068 </button>1069 );1070 },1071});1072var XUIButton142 = React.createClass({1073 render: function() {1074 return <AbstractButton141 />;1075 },1076});1077var ReactImage143 = React.createClass({1078 render: function() {1079 return <i src={null} className={"img sp_UuU9HmrQ397 sx_0e75f5"}></i>;1080 },1081});1082var AbstractButton144 = React.createClass({1083 render: function() {1084 return (1085 <button aria-label={"Delete"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} data-hover={"tooltip"} disabled={false} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>1086 <ReactImage143 />1087 {undefined}1088 {undefined}1089 </button>1090 );1091 },1092});1093var XUIButton145 = React.createClass({1094 render: function() {1095 return <AbstractButton144 />;1096 },1097});1098var XUIButtonGroup146 = React.createClass({1099 render: function() {1100 return (1101 <div className={"_5n7z _51xa"}>1102 <XUIButton139 key={"duplicate"} />1103 <XUIButton142 key={"revert"} />1104 <XUIButton145 key={"delete"} />1105 </div>1106 );1107 },1108});1109var ReactImage147 = React.createClass({1110 render: function() {1111 return <i src={null} className={"img sp_UuU9HmrQ397 sx_8c19ae"}></i>;1112 },1113});1114var AbstractButton148 = React.createClass({1115 render: function() {1116 return (1117 <button size={"large"} disabled={false} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} data-hover={"tooltip"} aria-label={"Save Audience"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>1118 <ReactImage147 />1119 {undefined}1120 {undefined}1121 </button>1122 );1123 },1124});1125var XUIButton149 = React.createClass({1126 render: function() {1127 return <AbstractButton148 />;1128 },1129});1130var ReactImage150 = React.createClass({1131 render: function() {1132 return <i src={null} className={"img sp_UuU9HmrQ397 sx_d2b33c"}></i>;1133 },1134});1135var AbstractButton151 = React.createClass({1136 render: function() {1137 return (1138 <button size={"large"} className={"_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} image={{}} data-hover={"tooltip"} aria-label={"Export & Import"} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>1139 <ReactImage150 />1140 {undefined}1141 {undefined}1142 </button>1143 );1144 },1145});1146var XUIButton152 = React.createClass({1147 render: function() {1148 return <AbstractButton151 />;1149 },1150});1151var InlineBlock153 = React.createClass({1152 render: function() {1153 return (1154 <div menu={{}} size={"large"} alignv={"middle"} className={"uiPopover _6a _6b"} disabled={null} fullWidth={false}>1155 <XUIButton152 key={"/.0"} />1156 </div>1157 );1158 },1159});1160var ReactPopoverMenu154 = React.createClass({1161 render: function() {1162 return <InlineBlock153 ref={"root"} />;1163 },1164});1165var AdsPEExportImportMenu155 = React.createClass({1166 render: function() {1167 return <ReactPopoverMenu154 key={"export"} />;1168 },1169});1170var FluxContainer_x_156 = React.createClass({1171 render: function() {1172 return null;1173 },1174});1175var AdsPEExportAsTextDialog157 = React.createClass({1176 render: function() {1177 return null;1178 },1179});1180var FluxContainer_q_158 = React.createClass({1181 render: function() {1182 return <AdsPEExportAsTextDialog157 />;1183 },1184});1185var AdsPEExportImportMenuContainer159 = React.createClass({1186 render: function() {1187 return (1188 <span>1189 <AdsPEExportImportMenu155 />1190 <FluxContainer_x_156 />1191 <FluxContainer_q_158 />1192 {null}1193 </span>1194 );1195 },1196});1197var ReactImage160 = React.createClass({1198 render: function() {1199 return <i src={null} className={"img sp_UuU9HmrQ397 sx_872db1"}></i>;1200 },1201});1202var AbstractButton161 = React.createClass({1203 render: function() {1204 return (1205 <button size={"large"} disabled={false} onClick={function() {}} className={"_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} style={{"boxSizing":"border-box","height":"28px","width":"48px"}} data-hover={"tooltip"} aria-label={"Create Report"} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>1206 <ReactImage160 />1207 {undefined}1208 {undefined}1209 </button>1210 );1211 },1212});1213var XUIButton162 = React.createClass({1214 render: function() {1215 return <AbstractButton161 />;1216 },1217});1218var AbstractButton163 = React.createClass({1219 render: function() {1220 return (1221 <button size={"large"} disabled={true} className={"hidden_elem _5n7z _4jy0 _4jy4 _517h _51sy _42ft _42fr"} label={null} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>1222 {undefined}1223 {"Generate Variations"}1224 {undefined}1225 </button>1226 );1227 },1228});1229var XUIButton164 = React.createClass({1230 render: function() {1231 return <AbstractButton163 />;1232 },1233});1234var XUIButtonGroup165 = React.createClass({1235 render: function() {1236 return (1237 <div className={"_5n7z _51xa"}>1238 <XUIButton149 key={"saveAudience"} />1239 <AdsPEExportImportMenuContainer159 />1240 <XUIButton162 key={"createReport"} ref={"ads_create_report_button"} />1241 <XUIButton164 key={"variations"} />1242 </div>1243 );1244 },1245});1246var FillColumn166 = React.createClass({1247 render: function() {1248 return (1249 <div className={"_4bl9"}>1250 <span className={"_3c5e"}>1251 <span>1252 <XUIButtonGroup133 />1253 <XUIButton136 key={"edit"} />1254 <XUIButtonGroup146 />1255 </span>1256 <XUIButtonGroup165 />1257 </span>1258 </div>1259 );1260 },1261});1262var Layout167 = React.createClass({1263 render: function() {1264 return (1265 <div className={"clearfix"}>1266 <Column124 key={"1"} />1267 <FillColumn166 key={"0"} />1268 </div>1269 );1270 },1271});1272var AdsPEMainPaneToolbar168 = React.createClass({1273 render: function() {1274 return (1275 <div className={"_3c5b clearfix"}>1276 <Layout167 />1277 </div>1278 );1279 },1280});1281var AdsPEAdgroupToolbarContainer169 = React.createClass({1282 render: function() {1283 return (1284 <div>1285 <AdsPEMainPaneToolbar168 />1286 {null}1287 </div>1288 );1289 },1290});1291var AbstractButton170 = React.createClass({1292 render: function() {1293 return (1294 <button className={"_tm3 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} label={null} data-tooltip-position={"right"} aria-label={"Campaigns"} data-hover={"tooltip"} onClick={function() {}} size={"xxlarge"} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>1295 {undefined}1296 <div>1297 <div className={"_tma"}></div>1298 <div className={"_tm8"}></div>1299 <div className={"_tm9"}>{1}</div>1300 </div>1301 {undefined}1302 </button>1303 );1304 },1305});1306var XUIButton171 = React.createClass({1307 render: function() {1308 return <AbstractButton170 />;1309 },1310});1311var AbstractButton172 = React.createClass({1312 render: function() {1313 return (1314 <button className={"_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} label={null} data-tooltip-position={"right"} aria-label={"Ad Sets"} data-hover={"tooltip"} onClick={function() {}} size={"xxlarge"} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>1315 {undefined}1316 <div>1317 <div className={"_tma"}></div>1318 <div className={"_tm8"}></div>1319 <div className={"_tm9"}>{1}</div>1320 </div>1321 {undefined}1322 </button>1323 );1324 },1325});1326var XUIButton173 = React.createClass({1327 render: function() {1328 return <AbstractButton172 />;1329 },1330});1331var AbstractButton174 = React.createClass({1332 render: function() {1333 return (1334 <button className={"_tm5 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft"} label={null} data-tooltip-position={"right"} aria-label={"Ads"} data-hover={"tooltip"} onClick={function() {}} size={"xxlarge"} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>1335 {undefined}1336 <div>1337 <div className={"_tma"}></div>1338 <div className={"_tm8"}></div>1339 <div className={"_tm9"}>{1}</div>1340 </div>1341 {undefined}1342 </button>1343 );1344 },1345});1346var XUIButton175 = React.createClass({1347 render: function() {1348 return <AbstractButton174 />;1349 },1350});1351var AdsPESimpleOrganizer176 = React.createClass({1352 render: function() {1353 return (1354 <div className={"_tm2"}>1355 <XUIButton171 />1356 <XUIButton173 />1357 <XUIButton175 />1358 </div>1359 );1360 },1361});1362var AdsPEOrganizerContainer177 = React.createClass({1363 render: function() {1364 return (1365 <div>1366 <AdsPESimpleOrganizer176 />1367 </div>1368 );1369 },1370});1371var FixedDataTableColumnResizeHandle178 = React.createClass({1372 render: function() {1373 return (1374 <div className={"_3487 _3488 _3489"} style={{"width":0,"height":532,"left":0}}>1375 <div className={"_348a"} style={{"height":532}}></div>1376 </div>1377 );1378 },1379});1380var ReactImage179 = React.createClass({1381 render: function() {1382 return <i className={"_1cie _1cif img sp_R48dKBxiJkP sx_dc0ad2"} src={null}></i>;1383 },1384});1385var AdsPETableHeader180 = React.createClass({1386 render: function() {1387 return (1388 <div className={"_1cig _1ksv _1vd7 _4h2r"}>1389 <ReactImage179 />1390 <span className={"_1cid"}>{"Ads"}</span>1391 </div>1392 );1393 },1394});1395var TransitionCell181 = React.createClass({1396 render: function() {1397 return (1398 <div isHeaderCell={true} label={"Ads"} dataKey={0} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={521} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":521}}>1399 <div className={"_4lgd _4h2w"}>1400 <div className={"_4lge _4h2x"}>1401 <AdsPETableHeader180 />1402 </div>1403 </div>1404 </div>1405 );1406 },1407});1408var FixedDataTableCell182 = React.createClass({1409 render: function() {1410 return (1411 <div className={"_4lg0 _4h2m"} style={{"height":40,"width":521,"left":0}}>1412 {undefined}1413 <TransitionCell181 />1414 </div>1415 );1416 },1417});1418var FixedDataTableCellGroupImpl183 = React.createClass({1419 render: function() {1420 return (1421 <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":521,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>1422 <FixedDataTableCell182 key={"cell_0"} />1423 </div>1424 );1425 },1426});1427var FixedDataTableCellGroup184 = React.createClass({1428 render: function() {1429 return (1430 <div style={{"height":40,"left":0}} className={"_3pzk"}>1431 <FixedDataTableCellGroupImpl183 />1432 </div>1433 );1434 },1435});1436var AdsPETableHeader185 = React.createClass({1437 render: function() {1438 return (1439 <div className={"_1cig _1vd7 _4h2r"}>1440 {null}1441 <span className={"_1cid"}>{"Delivery"}</span>1442 </div>1443 );1444 },1445});1446var TransitionCell186 = React.createClass({1447 render: function() {1448 return (1449 <div isHeaderCell={true} label={"Delivery"} dataKey={1} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={298} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":298}}>1450 <div className={"_4lgd _4h2w"}>1451 <div className={"_4lge _4h2x"}>1452 <AdsPETableHeader185 />1453 </div>1454 </div>1455 </div>1456 );1457 },1458});1459var FixedDataTableCell187 = React.createClass({1460 render: function() {1461 return (1462 <div className={"_4lg0 _4h2m"} style={{"height":40,"width":298,"left":0}}>1463 {undefined}1464 <TransitionCell186 />1465 </div>1466 );1467 },1468});1469var AdsPETableHeader188 = React.createClass({1470 render: function() {1471 return (1472 <div className={"_1cig _1vd7 _4h2r"}>1473 {null}1474 <span className={"_1cid"}>{"Performance"}</span>1475 </div>1476 );1477 },1478});1479var TransitionCell189 = React.createClass({1480 render: function() {1481 return (1482 <div isHeaderCell={true} label={"Performance"} dataKey={2} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={490} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":490}}>1483 <div className={"_4lgd _4h2w"}>1484 <div className={"_4lge _4h2x"}>1485 <AdsPETableHeader188 />1486 </div>1487 </div>1488 </div>1489 );1490 },1491});1492var FixedDataTableCell190 = React.createClass({1493 render: function() {1494 return (1495 <div className={"_4lg0 _4h2m"} style={{"height":40,"width":490,"left":298}}>1496 {undefined}1497 <TransitionCell189 />1498 </div>1499 );1500 },1501});1502var AdsPETableHeader191 = React.createClass({1503 render: function() {1504 return (1505 <div className={"_1cig _1vd7 _4h2r"}>1506 {null}1507 <span className={"_1cid"}>{"Overview"}</span>1508 </div>1509 );1510 },1511});1512var TransitionCell192 = React.createClass({1513 render: function() {1514 return (1515 <div isHeaderCell={true} label={"Overview"} dataKey={3} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={972} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":972}}>1516 <div className={"_4lgd _4h2w"}>1517 <div className={"_4lge _4h2x"}>1518 <AdsPETableHeader191 />1519 </div>1520 </div>1521 </div>1522 );1523 },1524});1525var FixedDataTableCell193 = React.createClass({1526 render: function() {1527 return (1528 <div className={"_4lg0 _4h2m"} style={{"height":40,"width":972,"left":788}}>1529 {undefined}1530 <TransitionCell192 />1531 </div>1532 );1533 },1534});1535var AdsPETableHeader194 = React.createClass({1536 render: function() {1537 return (1538 <div className={"_1cig _1vd7 _4h2r"}>1539 {null}1540 <span className={"_1cid"}>{"Creative Assets"}</span>1541 </div>1542 );1543 },1544});1545var TransitionCell195 = React.createClass({1546 render: function() {1547 return (1548 <div isHeaderCell={true} label={"Creative Assets"} dataKey={4} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={514} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":514}}>1549 <div className={"_4lgd _4h2w"}>1550 <div className={"_4lge _4h2x"}>1551 <AdsPETableHeader194 />1552 </div>1553 </div>1554 </div>1555 );1556 },1557});1558var FixedDataTableCell196 = React.createClass({1559 render: function() {1560 return (1561 <div className={"_4lg0 _4h2m"} style={{"height":40,"width":514,"left":1760}}>1562 {undefined}1563 <TransitionCell195 />1564 </div>1565 );1566 },1567});1568var AdsPETableHeader197 = React.createClass({1569 render: function() {1570 return (1571 <div className={"_1cig _1vd7 _4h2r"}>1572 {null}1573 <span className={"_1cid"}>{"Toplines"}</span>1574 </div>1575 );1576 },1577});1578var TransitionCell198 = React.createClass({1579 render: function() {1580 return (1581 <div isHeaderCell={true} label={"Toplines"} dataKey={5} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={0} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":0}}>1582 <div className={"_4lgd _4h2w"}>1583 <div className={"_4lge _4h2x"}>1584 <AdsPETableHeader197 />1585 </div>1586 </div>1587 </div>1588 );1589 },1590});1591var FixedDataTableCell199 = React.createClass({1592 render: function() {1593 return (1594 <div className={"_4lg0 _4h2m"} style={{"height":40,"width":0,"left":2274}}>1595 {undefined}1596 <TransitionCell198 />1597 </div>1598 );1599 },1600});1601var AdsPETableHeader200 = React.createClass({1602 render: function() {1603 return <div className={"_1cig _1vd7 _4h2r"}></div>;1604 },1605});1606var TransitionCell201 = React.createClass({1607 render: function() {1608 return (1609 <div isHeaderCell={true} label={""} dataKey={6} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={25} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":25}}>1610 <div className={"_4lgd _4h2w"}>1611 <div className={"_4lge _4h2x"}>1612 <AdsPETableHeader200 />1613 </div>1614 </div>1615 </div>1616 );1617 },1618});1619var FixedDataTableCell202 = React.createClass({1620 render: function() {1621 return (1622 <div className={"_4lg0 _4h2m"} style={{"height":40,"width":25,"left":2274}}>1623 {undefined}1624 <TransitionCell201 />1625 </div>1626 );1627 },1628});1629var FixedDataTableCellGroupImpl203 = React.createClass({1630 render: function() {1631 return (1632 <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":2299,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>1633 <FixedDataTableCell187 key={"cell_0"} />1634 <FixedDataTableCell190 key={"cell_1"} />1635 <FixedDataTableCell193 key={"cell_2"} />1636 <FixedDataTableCell196 key={"cell_3"} />1637 <FixedDataTableCell199 key={"cell_4"} />1638 <FixedDataTableCell202 key={"cell_5"} />1639 </div>1640 );1641 },1642});1643var FixedDataTableCellGroup204 = React.createClass({1644 render: function() {1645 return (1646 <div style={{"height":40,"left":521}} className={"_3pzk"}>1647 <FixedDataTableCellGroupImpl203 />1648 </div>1649 );1650 },1651});1652var FixedDataTableRowImpl205 = React.createClass({1653 render: function() {1654 return (1655 <div className={"_1gd4 _4li _52no _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1083,"height":40}}>1656 <div className={"_1gd5"}>1657 <FixedDataTableCellGroup184 key={"fixed_cells"} />1658 <FixedDataTableCellGroup204 key={"scrollable_cells"} />1659 <div className={"_1gd6 _1gd8"} style={{"left":521,"height":40}}></div>1660 </div>1661 </div>1662 );1663 },1664});1665var FixedDataTableRow206 = React.createClass({1666 render: function() {1667 return (1668 <div style={{"width":1083,"height":40,"zIndex":1,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>1669 <FixedDataTableRowImpl205 />1670 </div>1671 );1672 },1673});1674var AbstractCheckboxInput207 = React.createClass({1675 render: function() {1676 return (1677 <label className={"_4h2r _55sg _kv1"}>1678 <input checked={undefined} onChange={function() {}} className={null} type={"checkbox"}></input>1679 <span data-hover={null} aria-label={undefined}></span>1680 </label>1681 );1682 },1683});1684var XUICheckboxInput208 = React.createClass({1685 render: function() {1686 return <AbstractCheckboxInput207 />;1687 },1688});1689var TransitionCell209 = React.createClass({1690 render: function() {1691 return (1692 <div isHeaderCell={true} label={undefined} width={42} dataKey={"common.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"common.id"} height={25} style={{"height":25,"width":42}}>1693 <div className={"_4lgd _4h2w"}>1694 <div className={"_4lge _4h2x"}>1695 <XUICheckboxInput208 />1696 </div>1697 </div>1698 </div>1699 );1700 },1701});1702var FixedDataTableCell210 = React.createClass({1703 render: function() {1704 return (1705 <div className={"_4lg0 _4lg6 _4h2m"} style={{"height":25,"width":42,"left":0}}>1706 {undefined}1707 <TransitionCell209 />1708 </div>1709 );1710 },1711});1712var AdsPETableHeader211 = React.createClass({1713 render: function() {1714 return (1715 <div className={"_1cig _25fg"}>1716 {null}1717 <span className={"_1cid"}>{"Ad Name"}</span>1718 </div>1719 );1720 },1721});1722var FixedDataTableAbstractSortableHeader212 = React.createClass({1723 render: function() {1724 return (1725 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>1726 <div className={"_2eq6"}>1727 {null}1728 <AdsPETableHeader211 />1729 </div>1730 </div>1731 );1732 },1733});1734var FixedDataTableSortableHeader213 = React.createClass({1735 render: function() {1736 return <FixedDataTableAbstractSortableHeader212 />;1737 },1738});1739var TransitionCell214 = React.createClass({1740 render: function() {1741 return (1742 <div isHeaderCell={true} label={"Ad Name"} width={200} dataKey={"ad.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.name"} height={25} style={{"height":25,"width":200}}>1743 <div className={"_4lgd _4h2w"}>1744 <div className={"_4lge _4h2x"}>1745 <FixedDataTableSortableHeader213 />1746 </div>1747 </div>1748 </div>1749 );1750 },1751});1752var FixedDataTableCell215 = React.createClass({1753 render: function() {1754 return (1755 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":200,"left":42}}>1756 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>1757 <div className={"_4lga _4lgb"} style={{"height":25}}></div>1758 </div>1759 <TransitionCell214 />1760 </div>1761 );1762 },1763});1764var ReactImage216 = React.createClass({1765 render: function() {1766 return <i className={"_1cie img sp_UuU9HmrQ397 sx_844e7d"} src={null}></i>;1767 },1768});1769var AdsPETableHeader217 = React.createClass({1770 render: function() {1771 return (1772 <div className={"_1cig _25fg"}>1773 <ReactImage216 />1774 {null}1775 </div>1776 );1777 },1778});1779var FixedDataTableAbstractSortableHeader218 = React.createClass({1780 render: function() {1781 return (1782 <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>1783 <div className={"_2eq6"}>1784 {null}1785 <AdsPETableHeader217 />1786 </div>1787 </div>1788 );1789 },1790});1791var FixedDataTableSortableHeader219 = React.createClass({1792 render: function() {1793 return <FixedDataTableAbstractSortableHeader218 />;1794 },1795});1796var TransitionCell220 = React.createClass({1797 render: function() {1798 return (1799 <div isHeaderCell={true} label={undefined} width={33} dataKey={"edit_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"edit_status"} height={25} style={{"height":25,"width":33}}>1800 <div className={"_4lgd _4h2w"}>1801 <div className={"_4lge _4h2x"}>1802 <FixedDataTableSortableHeader219 />1803 </div>1804 </div>1805 </div>1806 );1807 },1808});1809var FixedDataTableCell221 = React.createClass({1810 render: function() {1811 return (1812 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":33,"left":242}}>1813 {undefined}1814 <TransitionCell220 />1815 </div>1816 );1817 },1818});1819var ReactImage222 = React.createClass({1820 render: function() {1821 return <i className={"_1cie img sp_UuU9HmrQ397 sx_36dc45"} src={null}></i>;1822 },1823});1824var AdsPETableHeader223 = React.createClass({1825 render: function() {1826 return (1827 <div className={"_1cig _25fg"}>1828 <ReactImage222 />1829 {null}1830 </div>1831 );1832 },1833});1834var FixedDataTableAbstractSortableHeader224 = React.createClass({1835 render: function() {1836 return (1837 <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>1838 <div className={"_2eq6"}>1839 {null}1840 <AdsPETableHeader223 />1841 </div>1842 </div>1843 );1844 },1845});1846var FixedDataTableSortableHeader225 = React.createClass({1847 render: function() {1848 return <FixedDataTableAbstractSortableHeader224 />;1849 },1850});1851var TransitionCell226 = React.createClass({1852 render: function() {1853 return (1854 <div isHeaderCell={true} label={undefined} width={36} dataKey={"errors"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"errors"} height={25} style={{"height":25,"width":36}}>1855 <div className={"_4lgd _4h2w"}>1856 <div className={"_4lge _4h2x"}>1857 <FixedDataTableSortableHeader225 />1858 </div>1859 </div>1860 </div>1861 );1862 },1863});1864var FixedDataTableCell227 = React.createClass({1865 render: function() {1866 return (1867 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":36,"left":275}}>1868 {undefined}1869 <TransitionCell226 />1870 </div>1871 );1872 },1873});1874var AdsPETableHeader228 = React.createClass({1875 render: function() {1876 return (1877 <div className={"_1cig _25fg"}>1878 {null}1879 <span className={"_1cid"}>{"Status"}</span>1880 </div>1881 );1882 },1883});1884var FixedDataTableAbstractSortableHeader229 = React.createClass({1885 render: function() {1886 return (1887 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>1888 <div className={"_2eq6"}>1889 {null}1890 <AdsPETableHeader228 />1891 </div>1892 </div>1893 );1894 },1895});1896var FixedDataTableSortableHeader230 = React.createClass({1897 render: function() {1898 return <FixedDataTableAbstractSortableHeader229 />;1899 },1900});1901var TransitionCell231 = React.createClass({1902 render: function() {1903 return (1904 <div isHeaderCell={true} label={"Status"} width={60} dataKey={"ad.adgroup_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.adgroup_status"} height={25} style={{"height":25,"width":60}}>1905 <div className={"_4lgd _4h2w"}>1906 <div className={"_4lge _4h2x"}>1907 <FixedDataTableSortableHeader230 />1908 </div>1909 </div>1910 </div>1911 );1912 },1913});1914var FixedDataTableCell232 = React.createClass({1915 render: function() {1916 return (1917 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":60,"left":311}}>1918 {undefined}1919 <TransitionCell231 />1920 </div>1921 );1922 },1923});1924var AdsPETableHeader233 = React.createClass({1925 render: function() {1926 return (1927 <div className={"_1cig _25fg"}>1928 {null}1929 <span className={"_1cid"}>{"Delivery"}</span>1930 </div>1931 );1932 },1933});1934var FixedDataTableAbstractSortableHeader234 = React.createClass({1935 render: function() {1936 return (1937 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>1938 <div className={"_2eq6"}>1939 {null}1940 <AdsPETableHeader233 />1941 </div>1942 </div>1943 );1944 },1945});1946var FixedDataTableSortableHeader235 = React.createClass({1947 render: function() {1948 return <FixedDataTableAbstractSortableHeader234 />;1949 },1950});1951var TransitionCell236 = React.createClass({1952 render: function() {1953 return (1954 <div isHeaderCell={true} label={"Delivery"} width={150} dataKey={"ukiAdData.computed_activity_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ukiAdData.computed_activity_status"} height={25} style={{"height":25,"width":150}}>1955 <div className={"_4lgd _4h2w"}>1956 <div className={"_4lge _4h2x"}>1957 <FixedDataTableSortableHeader235 />1958 </div>1959 </div>1960 </div>1961 );1962 },1963});1964var FixedDataTableCell237 = React.createClass({1965 render: function() {1966 return (1967 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":371}}>1968 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>1969 <div className={"_4lga _4lgb"} style={{"height":25}}></div>1970 </div>1971 <TransitionCell236 />1972 </div>1973 );1974 },1975});1976var FixedDataTableCellGroupImpl238 = React.createClass({1977 render: function() {1978 return (1979 <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":521,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>1980 <FixedDataTableCell210 key={"cell_0"} />1981 <FixedDataTableCell215 key={"cell_1"} />1982 <FixedDataTableCell221 key={"cell_2"} />1983 <FixedDataTableCell227 key={"cell_3"} />1984 <FixedDataTableCell232 key={"cell_4"} />1985 <FixedDataTableCell237 key={"cell_5"} />1986 </div>1987 );1988 },1989});1990var FixedDataTableCellGroup239 = React.createClass({1991 render: function() {1992 return (1993 <div style={{"height":25,"left":0}} className={"_3pzk"}>1994 <FixedDataTableCellGroupImpl238 />1995 </div>1996 );1997 },1998});1999var AdsPETableHeader240 = React.createClass({2000 render: function() {2001 return (2002 <div className={"_1cig _25fg"}>2003 {null}2004 <span className={"_1cid"}>{"Reach"}</span>2005 </div>2006 );2007 },2008});2009var FixedDataTableAbstractSortableHeader241 = React.createClass({2010 render: function() {2011 return (2012 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2013 <div className={"_2eq6"}>2014 {null}2015 <AdsPETableHeader240 />2016 </div>2017 </div>2018 );2019 },2020});2021var FixedDataTableSortableHeader242 = React.createClass({2022 render: function() {2023 return <FixedDataTableAbstractSortableHeader241 />;2024 },2025});2026var TransitionCell243 = React.createClass({2027 render: function() {2028 return (2029 <div isHeaderCell={true} label={"Reach"} width={60} dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.unique_impressions"} height={25} style={{"height":25,"width":60}}>2030 <div className={"_4lgd _4h2w"}>2031 <div className={"_4lge _4h2x"}>2032 <FixedDataTableSortableHeader242 />2033 </div>2034 </div>2035 </div>2036 );2037 },2038});2039var FixedDataTableCell244 = React.createClass({2040 render: function() {2041 return (2042 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":0}}>2043 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2044 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2045 </div>2046 <TransitionCell243 />2047 </div>2048 );2049 },2050});2051var AdsPETableHeader245 = React.createClass({2052 render: function() {2053 return (2054 <div className={"_1cig _25fg"}>2055 {null}2056 <span className={"_1cid"}>{"Ad Impressions"}</span>2057 </div>2058 );2059 },2060});2061var FixedDataTableAbstractSortableHeader246 = React.createClass({2062 render: function() {2063 return (2064 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2065 <div className={"_2eq6"}>2066 {null}2067 <AdsPETableHeader245 />2068 </div>2069 </div>2070 );2071 },2072});2073var FixedDataTableSortableHeader247 = React.createClass({2074 render: function() {2075 return <FixedDataTableAbstractSortableHeader246 />;2076 },2077});2078var TransitionCell248 = React.createClass({2079 render: function() {2080 return (2081 <div isHeaderCell={true} label={"Ad Impressions"} width={80} dataKey={"stats.impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.impressions"} height={25} style={{"height":25,"width":80}}>2082 <div className={"_4lgd _4h2w"}>2083 <div className={"_4lge _4h2x"}>2084 <FixedDataTableSortableHeader247 />2085 </div>2086 </div>2087 </div>2088 );2089 },2090});2091var FixedDataTableCell249 = React.createClass({2092 render: function() {2093 return (2094 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":60}}>2095 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2096 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2097 </div>2098 <TransitionCell248 />2099 </div>2100 );2101 },2102});2103var AdsPETableHeader250 = React.createClass({2104 render: function() {2105 return (2106 <div className={"_1cig _25fg"}>2107 {null}2108 <span className={"_1cid"}>{"Avg. CPM"}</span>2109 </div>2110 );2111 },2112});2113var FixedDataTableAbstractSortableHeader251 = React.createClass({2114 render: function() {2115 return (2116 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2117 <div className={"_2eq6"}>2118 {null}2119 <AdsPETableHeader250 />2120 </div>2121 </div>2122 );2123 },2124});2125var FixedDataTableSortableHeader252 = React.createClass({2126 render: function() {2127 return <FixedDataTableAbstractSortableHeader251 />;2128 },2129});2130var TransitionCell253 = React.createClass({2131 render: function() {2132 return (2133 <div isHeaderCell={true} label={"Avg. CPM"} width={80} dataKey={"stats.avg_cpm"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpm"} height={25} style={{"height":25,"width":80}}>2134 <div className={"_4lgd _4h2w"}>2135 <div className={"_4lge _4h2x"}>2136 <FixedDataTableSortableHeader252 />2137 </div>2138 </div>2139 </div>2140 );2141 },2142});2143var FixedDataTableCell254 = React.createClass({2144 render: function() {2145 return (2146 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":140}}>2147 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2148 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2149 </div>2150 <TransitionCell253 />2151 </div>2152 );2153 },2154});2155var AdsPETableHeader255 = React.createClass({2156 render: function() {2157 return (2158 <div className={"_1cig _25fg"}>2159 {null}2160 <span className={"_1cid"}>{"Avg. CPC"}</span>2161 </div>2162 );2163 },2164});2165var FixedDataTableAbstractSortableHeader256 = React.createClass({2166 render: function() {2167 return (2168 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2169 <div className={"_2eq6"}>2170 {null}2171 <AdsPETableHeader255 />2172 </div>2173 </div>2174 );2175 },2176});2177var FixedDataTableSortableHeader257 = React.createClass({2178 render: function() {2179 return <FixedDataTableAbstractSortableHeader256 />;2180 },2181});2182var TransitionCell258 = React.createClass({2183 render: function() {2184 return (2185 <div isHeaderCell={true} label={"Avg. CPC"} width={78} dataKey={"stats.avg_cpc"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpc"} height={25} style={{"height":25,"width":78}}>2186 <div className={"_4lgd _4h2w"}>2187 <div className={"_4lge _4h2x"}>2188 <FixedDataTableSortableHeader257 />2189 </div>2190 </div>2191 </div>2192 );2193 },2194});2195var FixedDataTableCell259 = React.createClass({2196 render: function() {2197 return (2198 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":78,"left":220}}>2199 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2200 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2201 </div>2202 <TransitionCell258 />2203 </div>2204 );2205 },2206});2207var AdsPETableHeader260 = React.createClass({2208 render: function() {2209 return (2210 <div className={"_1cig _25fg _4h2r"}>2211 {null}2212 <span className={"_1cid"}>{"Results"}</span>2213 </div>2214 );2215 },2216});2217var TransitionCell261 = React.createClass({2218 render: function() {2219 return (2220 <div isHeaderCell={true} label={"Results"} width={140} dataKey={"stats.actions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.actions"} height={25} style={{"height":25,"width":140}}>2221 <div className={"_4lgd _4h2w"}>2222 <div className={"_4lge _4h2x"}>2223 <AdsPETableHeader260 />2224 </div>2225 </div>2226 </div>2227 );2228 },2229});2230var FixedDataTableCell262 = React.createClass({2231 render: function() {2232 return (2233 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":298}}>2234 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2235 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2236 </div>2237 <TransitionCell261 />2238 </div>2239 );2240 },2241});2242var AdsPETableHeader263 = React.createClass({2243 render: function() {2244 return (2245 <div className={"_1cig _25fg _4h2r"}>2246 {null}2247 <span className={"_1cid"}>{"Cost"}</span>2248 </div>2249 );2250 },2251});2252var TransitionCell264 = React.createClass({2253 render: function() {2254 return (2255 <div isHeaderCell={true} label={"Cost"} width={140} dataKey={"stats.cpa"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.cpa"} height={25} style={{"height":25,"width":140}}>2256 <div className={"_4lgd _4h2w"}>2257 <div className={"_4lge _4h2x"}>2258 <AdsPETableHeader263 />2259 </div>2260 </div>2261 </div>2262 );2263 },2264});2265var FixedDataTableCell265 = React.createClass({2266 render: function() {2267 return (2268 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":438}}>2269 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2270 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2271 </div>2272 <TransitionCell264 />2273 </div>2274 );2275 },2276});2277var AdsPETableHeader266 = React.createClass({2278 render: function() {2279 return (2280 <div className={"_1cig _25fg"}>2281 {null}2282 <span className={"_1cid"}>{"Clicks"}</span>2283 </div>2284 );2285 },2286});2287var FixedDataTableAbstractSortableHeader267 = React.createClass({2288 render: function() {2289 return (2290 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2291 <div className={"_2eq6"}>2292 {null}2293 <AdsPETableHeader266 />2294 </div>2295 </div>2296 );2297 },2298});2299var FixedDataTableSortableHeader268 = React.createClass({2300 render: function() {2301 return <FixedDataTableAbstractSortableHeader267 />;2302 },2303});2304var TransitionCell269 = React.createClass({2305 render: function() {2306 return (2307 <div isHeaderCell={true} label={"Clicks"} width={60} dataKey={"stats.clicks"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.clicks"} height={25} style={{"height":25,"width":60}}>2308 <div className={"_4lgd _4h2w"}>2309 <div className={"_4lge _4h2x"}>2310 <FixedDataTableSortableHeader268 />2311 </div>2312 </div>2313 </div>2314 );2315 },2316});2317var FixedDataTableCell270 = React.createClass({2318 render: function() {2319 return (2320 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":578}}>2321 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2322 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2323 </div>2324 <TransitionCell269 />2325 </div>2326 );2327 },2328});2329var AdsPETableHeader271 = React.createClass({2330 render: function() {2331 return (2332 <div className={"_1cig _25fg"}>2333 {null}2334 <span className={"_1cid"}>{"CTR %"}</span>2335 </div>2336 );2337 },2338});2339var FixedDataTableAbstractSortableHeader272 = React.createClass({2340 render: function() {2341 return (2342 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2343 <div className={"_2eq6"}>2344 {null}2345 <AdsPETableHeader271 />2346 </div>2347 </div>2348 );2349 },2350});2351var FixedDataTableSortableHeader273 = React.createClass({2352 render: function() {2353 return <FixedDataTableAbstractSortableHeader272 />;2354 },2355});2356var TransitionCell274 = React.createClass({2357 render: function() {2358 return (2359 <div isHeaderCell={true} label={"CTR %"} width={70} dataKey={"stats.ctr"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.ctr"} height={25} style={{"height":25,"width":70}}>2360 <div className={"_4lgd _4h2w"}>2361 <div className={"_4lge _4h2x"}>2362 <FixedDataTableSortableHeader273 />2363 </div>2364 </div>2365 </div>2366 );2367 },2368});2369var FixedDataTableCell275 = React.createClass({2370 render: function() {2371 return (2372 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":638}}>2373 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2374 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2375 </div>2376 <TransitionCell274 />2377 </div>2378 );2379 },2380});2381var AdsPETableHeader276 = React.createClass({2382 render: function() {2383 return (2384 <div className={"_1cig _25fg"}>2385 {null}2386 <span className={"_1cid"}>{"Social %"}</span>2387 </div>2388 );2389 },2390});2391var FixedDataTableAbstractSortableHeader277 = React.createClass({2392 render: function() {2393 return (2394 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2395 <div className={"_2eq6"}>2396 {null}2397 <AdsPETableHeader276 />2398 </div>2399 </div>2400 );2401 },2402});2403var FixedDataTableSortableHeader278 = React.createClass({2404 render: function() {2405 return <FixedDataTableAbstractSortableHeader277 />;2406 },2407});2408var TransitionCell279 = React.createClass({2409 render: function() {2410 return (2411 <div isHeaderCell={true} label={"Social %"} width={80} dataKey={"stats.social_percent"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.social_percent"} height={25} style={{"height":25,"width":80}}>2412 <div className={"_4lgd _4h2w"}>2413 <div className={"_4lge _4h2x"}>2414 <FixedDataTableSortableHeader278 />2415 </div>2416 </div>2417 </div>2418 );2419 },2420});2421var FixedDataTableCell280 = React.createClass({2422 render: function() {2423 return (2424 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":708}}>2425 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2426 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2427 </div>2428 <TransitionCell279 />2429 </div>2430 );2431 },2432});2433var AdsPETableHeader281 = React.createClass({2434 render: function() {2435 return (2436 <div className={"_1cig _25fg"}>2437 {null}2438 <span className={"_1cid"}>{"Ad Set Name"}</span>2439 </div>2440 );2441 },2442});2443var FixedDataTableAbstractSortableHeader282 = React.createClass({2444 render: function() {2445 return (2446 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2447 <div className={"_2eq6"}>2448 {null}2449 <AdsPETableHeader281 />2450 </div>2451 </div>2452 );2453 },2454});2455var FixedDataTableSortableHeader283 = React.createClass({2456 render: function() {2457 return <FixedDataTableAbstractSortableHeader282 />;2458 },2459});2460var TransitionCell284 = React.createClass({2461 render: function() {2462 return (2463 <div isHeaderCell={true} label={"Ad Set Name"} width={100} dataKey={"campaign.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaign.name"} height={25} style={{"height":25,"width":100}}>2464 <div className={"_4lgd _4h2w"}>2465 <div className={"_4lge _4h2x"}>2466 <FixedDataTableSortableHeader283 />2467 </div>2468 </div>2469 </div>2470 );2471 },2472});2473var FixedDataTableCell285 = React.createClass({2474 render: function() {2475 return (2476 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":788}}>2477 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2478 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2479 </div>2480 <TransitionCell284 />2481 </div>2482 );2483 },2484});2485var AdsPETableHeader286 = React.createClass({2486 render: function() {2487 return (2488 <div className={"_1cig _25fg"}>2489 {null}2490 <span className={"_1cid"}>{"Campaign Name"}</span>2491 </div>2492 );2493 },2494});2495var FixedDataTableAbstractSortableHeader287 = React.createClass({2496 render: function() {2497 return (2498 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2499 <div className={"_2eq6"}>2500 {null}2501 <AdsPETableHeader286 />2502 </div>2503 </div>2504 );2505 },2506});2507var FixedDataTableSortableHeader288 = React.createClass({2508 render: function() {2509 return <FixedDataTableAbstractSortableHeader287 />;2510 },2511});2512var TransitionCell289 = React.createClass({2513 render: function() {2514 return (2515 <div isHeaderCell={true} label={"Campaign Name"} width={150} dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.name"} height={25} style={{"height":25,"width":150}}>2516 <div className={"_4lgd _4h2w"}>2517 <div className={"_4lge _4h2x"}>2518 <FixedDataTableSortableHeader288 />2519 </div>2520 </div>2521 </div>2522 );2523 },2524});2525var FixedDataTableCell290 = React.createClass({2526 render: function() {2527 return (2528 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":888}}>2529 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2530 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2531 </div>2532 <TransitionCell289 />2533 </div>2534 );2535 },2536});2537var AdsPETableHeader291 = React.createClass({2538 render: function() {2539 return (2540 <div className={"_1cig _25fg"}>2541 {null}2542 <span className={"_1cid"}>{"Ad ID"}</span>2543 </div>2544 );2545 },2546});2547var FixedDataTableAbstractSortableHeader292 = React.createClass({2548 render: function() {2549 return (2550 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2551 <div className={"_2eq6"}>2552 {null}2553 <AdsPETableHeader291 />2554 </div>2555 </div>2556 );2557 },2558});2559var FixedDataTableSortableHeader293 = React.createClass({2560 render: function() {2561 return <FixedDataTableAbstractSortableHeader292 />;2562 },2563});2564var TransitionCell294 = React.createClass({2565 render: function() {2566 return (2567 <div isHeaderCell={true} label={"Ad ID"} width={120} dataKey={"ad.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.id"} height={25} style={{"height":25,"width":120}}>2568 <div className={"_4lgd _4h2w"}>2569 <div className={"_4lge _4h2x"}>2570 <FixedDataTableSortableHeader293 />2571 </div>2572 </div>2573 </div>2574 );2575 },2576});2577var FixedDataTableCell295 = React.createClass({2578 render: function() {2579 return (2580 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":120,"left":1038}}>2581 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2582 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2583 </div>2584 <TransitionCell294 />2585 </div>2586 );2587 },2588});2589var AdsPETableHeader296 = React.createClass({2590 render: function() {2591 return (2592 <div className={"_1cig _25fg"}>2593 {null}2594 <span className={"_1cid"}>{"Objective"}</span>2595 </div>2596 );2597 },2598});2599var FixedDataTableAbstractSortableHeader297 = React.createClass({2600 render: function() {2601 return (2602 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2603 <div className={"_2eq6"}>2604 {null}2605 <AdsPETableHeader296 />2606 </div>2607 </div>2608 );2609 },2610});2611var FixedDataTableSortableHeader298 = React.createClass({2612 render: function() {2613 return <FixedDataTableAbstractSortableHeader297 />;2614 },2615});2616var TransitionCell299 = React.createClass({2617 render: function() {2618 return (2619 <div isHeaderCell={true} label={"Objective"} width={80} dataKey={"campaignGroup.objective"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.objective"} height={25} style={{"height":25,"width":80}}>2620 <div className={"_4lgd _4h2w"}>2621 <div className={"_4lge _4h2x"}>2622 <FixedDataTableSortableHeader298 />2623 </div>2624 </div>2625 </div>2626 );2627 },2628});2629var FixedDataTableCell300 = React.createClass({2630 render: function() {2631 return (2632 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":80,"left":1158}}>2633 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2634 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2635 </div>2636 <TransitionCell299 />2637 </div>2638 );2639 },2640});2641var AdsPETableHeader301 = React.createClass({2642 render: function() {2643 return (2644 <div className={"_1cig _25fg"}>2645 {null}2646 <span className={"_1cid"}>{"Spent"}</span>2647 </div>2648 );2649 },2650});2651var FixedDataTableAbstractSortableHeader302 = React.createClass({2652 render: function() {2653 return (2654 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2655 <div className={"_2eq6"}>2656 {null}2657 <AdsPETableHeader301 />2658 </div>2659 </div>2660 );2661 },2662});2663var FixedDataTableSortableHeader303 = React.createClass({2664 render: function() {2665 return <FixedDataTableAbstractSortableHeader302 />;2666 },2667});2668var TransitionCell304 = React.createClass({2669 render: function() {2670 return (2671 <div isHeaderCell={true} label={"Spent"} width={70} dataKey={"stats.spent_100"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.spent_100"} height={25} style={{"height":25,"width":70}}>2672 <div className={"_4lgd _4h2w"}>2673 <div className={"_4lge _4h2x"}>2674 <FixedDataTableSortableHeader303 />2675 </div>2676 </div>2677 </div>2678 );2679 },2680});2681var FixedDataTableCell305 = React.createClass({2682 render: function() {2683 return (2684 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":1238}}>2685 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2686 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2687 </div>2688 <TransitionCell304 />2689 </div>2690 );2691 },2692});2693var AdsPETableHeader306 = React.createClass({2694 render: function() {2695 return (2696 <div className={"_1cig _25fg"}>2697 {null}2698 <span className={"_1cid"}>{"Start"}</span>2699 </div>2700 );2701 },2702});2703var FixedDataTableAbstractSortableHeader307 = React.createClass({2704 render: function() {2705 return (2706 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2707 <div className={"_2eq6"}>2708 {null}2709 <AdsPETableHeader306 />2710 </div>2711 </div>2712 );2713 },2714});2715var FixedDataTableSortableHeader308 = React.createClass({2716 render: function() {2717 return <FixedDataTableAbstractSortableHeader307 />;2718 },2719});2720var TransitionCell309 = React.createClass({2721 render: function() {2722 return (2723 <div isHeaderCell={true} label={"Start"} width={113} dataKey={"derivedCampaign.startDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaign.startDate"} height={25} style={{"height":25,"width":113}}>2724 <div className={"_4lgd _4h2w"}>2725 <div className={"_4lge _4h2x"}>2726 <FixedDataTableSortableHeader308 />2727 </div>2728 </div>2729 </div>2730 );2731 },2732});2733var FixedDataTableCell310 = React.createClass({2734 render: function() {2735 return (2736 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1308}}>2737 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2738 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2739 </div>2740 <TransitionCell309 />2741 </div>2742 );2743 },2744});2745var AdsPETableHeader311 = React.createClass({2746 render: function() {2747 return (2748 <div className={"_1cig _25fg"}>2749 {null}2750 <span className={"_1cid"}>{"End"}</span>2751 </div>2752 );2753 },2754});2755var FixedDataTableAbstractSortableHeader312 = React.createClass({2756 render: function() {2757 return (2758 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2759 <div className={"_2eq6"}>2760 {null}2761 <AdsPETableHeader311 />2762 </div>2763 </div>2764 );2765 },2766});2767var FixedDataTableSortableHeader313 = React.createClass({2768 render: function() {2769 return <FixedDataTableAbstractSortableHeader312 />;2770 },2771});2772var TransitionCell314 = React.createClass({2773 render: function() {2774 return (2775 <div isHeaderCell={true} label={"End"} width={113} dataKey={"derivedCampaign.endDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaign.endDate"} height={25} style={{"height":25,"width":113}}>2776 <div className={"_4lgd _4h2w"}>2777 <div className={"_4lge _4h2x"}>2778 <FixedDataTableSortableHeader313 />2779 </div>2780 </div>2781 </div>2782 );2783 },2784});2785var FixedDataTableCell315 = React.createClass({2786 render: function() {2787 return (2788 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1421}}>2789 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2790 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2791 </div>2792 <TransitionCell314 />2793 </div>2794 );2795 },2796});2797var AdsPETableHeader316 = React.createClass({2798 render: function() {2799 return (2800 <div className={"_1cig _25fg"}>2801 {null}2802 <span className={"_1cid"}>{"Date created"}</span>2803 </div>2804 );2805 },2806});2807var FixedDataTableAbstractSortableHeader317 = React.createClass({2808 render: function() {2809 return (2810 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2811 <div className={"_2eq6"}>2812 {null}2813 <AdsPETableHeader316 />2814 </div>2815 </div>2816 );2817 },2818});2819var FixedDataTableSortableHeader318 = React.createClass({2820 render: function() {2821 return <FixedDataTableAbstractSortableHeader317 />;2822 },2823});2824var TransitionCell319 = React.createClass({2825 render: function() {2826 return (2827 <div isHeaderCell={true} label={"Date created"} width={113} dataKey={"ad.created_time"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.created_time"} height={25} style={{"height":25,"width":113}}>2828 <div className={"_4lgd _4h2w"}>2829 <div className={"_4lge _4h2x"}>2830 <FixedDataTableSortableHeader318 />2831 </div>2832 </div>2833 </div>2834 );2835 },2836});2837var FixedDataTableCell320 = React.createClass({2838 render: function() {2839 return (2840 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1534}}>2841 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2842 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2843 </div>2844 <TransitionCell319 />2845 </div>2846 );2847 },2848});2849var AdsPETableHeader321 = React.createClass({2850 render: function() {2851 return (2852 <div className={"_1cig _25fg"}>2853 {null}2854 <span className={"_1cid"}>{"Date last edited"}</span>2855 </div>2856 );2857 },2858});2859var FixedDataTableAbstractSortableHeader322 = React.createClass({2860 render: function() {2861 return (2862 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2863 <div className={"_2eq6"}>2864 {null}2865 <AdsPETableHeader321 />2866 </div>2867 </div>2868 );2869 },2870});2871var FixedDataTableSortableHeader323 = React.createClass({2872 render: function() {2873 return <FixedDataTableAbstractSortableHeader322 />;2874 },2875});2876var TransitionCell324 = React.createClass({2877 render: function() {2878 return (2879 <div isHeaderCell={true} label={"Date last edited"} width={113} dataKey={"ad.updated_time"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.updated_time"} height={25} style={{"height":25,"width":113}}>2880 <div className={"_4lgd _4h2w"}>2881 <div className={"_4lge _4h2x"}>2882 <FixedDataTableSortableHeader323 />2883 </div>2884 </div>2885 </div>2886 );2887 },2888});2889var FixedDataTableCell325 = React.createClass({2890 render: function() {2891 return (2892 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1647}}>2893 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2894 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2895 </div>2896 <TransitionCell324 />2897 </div>2898 );2899 },2900});2901var AdsPETableHeader326 = React.createClass({2902 render: function() {2903 return (2904 <div className={"_1cig _25fg"}>2905 {null}2906 <span className={"_1cid"}>{"Title"}</span>2907 </div>2908 );2909 },2910});2911var FixedDataTableAbstractSortableHeader327 = React.createClass({2912 render: function() {2913 return (2914 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2915 <div className={"_2eq6"}>2916 {null}2917 <AdsPETableHeader326 />2918 </div>2919 </div>2920 );2921 },2922});2923var FixedDataTableSortableHeader328 = React.createClass({2924 render: function() {2925 return <FixedDataTableAbstractSortableHeader327 />;2926 },2927});2928var TransitionCell329 = React.createClass({2929 render: function() {2930 return (2931 <div isHeaderCell={true} label={"Title"} width={80} dataKey={"ad.title"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.title"} height={25} style={{"height":25,"width":80}}>2932 <div className={"_4lgd _4h2w"}>2933 <div className={"_4lge _4h2x"}>2934 <FixedDataTableSortableHeader328 />2935 </div>2936 </div>2937 </div>2938 );2939 },2940});2941var FixedDataTableCell330 = React.createClass({2942 render: function() {2943 return (2944 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":80,"left":1760}}>2945 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2946 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2947 </div>2948 <TransitionCell329 />2949 </div>2950 );2951 },2952});2953var AdsPETableHeader331 = React.createClass({2954 render: function() {2955 return (2956 <div className={"_1cig _25fg"}>2957 {null}2958 <span className={"_1cid"}>{"Body"}</span>2959 </div>2960 );2961 },2962});2963var FixedDataTableAbstractSortableHeader332 = React.createClass({2964 render: function() {2965 return (2966 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>2967 <div className={"_2eq6"}>2968 {null}2969 <AdsPETableHeader331 />2970 </div>2971 </div>2972 );2973 },2974});2975var FixedDataTableSortableHeader333 = React.createClass({2976 render: function() {2977 return <FixedDataTableAbstractSortableHeader332 />;2978 },2979});2980var TransitionCell334 = React.createClass({2981 render: function() {2982 return (2983 <div isHeaderCell={true} label={"Body"} width={80} dataKey={"ad.creative.body"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.creative.body"} height={25} style={{"height":25,"width":80}}>2984 <div className={"_4lgd _4h2w"}>2985 <div className={"_4lge _4h2x"}>2986 <FixedDataTableSortableHeader333 />2987 </div>2988 </div>2989 </div>2990 );2991 },2992});2993var FixedDataTableCell335 = React.createClass({2994 render: function() {2995 return (2996 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":80,"left":1840}}>2997 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>2998 <div className={"_4lga _4lgb"} style={{"height":25}}></div>2999 </div>3000 <TransitionCell334 />3001 </div>3002 );3003 },3004});3005var AdsPETableHeader336 = React.createClass({3006 render: function() {3007 return (3008 <div className={"_1cig _25fg"}>3009 {null}3010 <span className={"_1cid"}>{"Destination"}</span>3011 </div>3012 );3013 },3014});3015var FixedDataTableAbstractSortableHeader337 = React.createClass({3016 render: function() {3017 return (3018 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>3019 <div className={"_2eq6"}>3020 {null}3021 <AdsPETableHeader336 />3022 </div>3023 </div>3024 );3025 },3026});3027var FixedDataTableSortableHeader338 = React.createClass({3028 render: function() {3029 return <FixedDataTableAbstractSortableHeader337 />;3030 },3031});3032var TransitionCell339 = React.createClass({3033 render: function() {3034 return (3035 <div isHeaderCell={true} label={"Destination"} width={92} dataKey={"destination"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"destination"} height={25} style={{"height":25,"width":92}}>3036 <div className={"_4lgd _4h2w"}>3037 <div className={"_4lge _4h2x"}>3038 <FixedDataTableSortableHeader338 />3039 </div>3040 </div>3041 </div>3042 );3043 },3044});3045var FixedDataTableCell340 = React.createClass({3046 render: function() {3047 return (3048 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":92,"left":1920}}>3049 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>3050 <div className={"_4lga _4lgb"} style={{"height":25}}></div>3051 </div>3052 <TransitionCell339 />3053 </div>3054 );3055 },3056});3057var AdsPETableHeader341 = React.createClass({3058 render: function() {3059 return (3060 <div className={"_1cig _25fg"}>3061 {null}3062 <span className={"_1cid"}>{"Link"}</span>3063 </div>3064 );3065 },3066});3067var FixedDataTableAbstractSortableHeader342 = React.createClass({3068 render: function() {3069 return (3070 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>3071 <div className={"_2eq6"}>3072 {null}3073 <AdsPETableHeader341 />3074 </div>3075 </div>3076 );3077 },3078});3079var FixedDataTableSortableHeader343 = React.createClass({3080 render: function() {3081 return <FixedDataTableAbstractSortableHeader342 />;3082 },3083});3084var TransitionCell344 = React.createClass({3085 render: function() {3086 return (3087 <div isHeaderCell={true} label={"Link"} width={70} dataKey={"ad.creative.link_url"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.creative.link_url"} height={25} style={{"height":25,"width":70}}>3088 <div className={"_4lgd _4h2w"}>3089 <div className={"_4lge _4h2x"}>3090 <FixedDataTableSortableHeader343 />3091 </div>3092 </div>3093 </div>3094 );3095 },3096});3097var FixedDataTableCell345 = React.createClass({3098 render: function() {3099 return (3100 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":70,"left":2012}}>3101 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>3102 <div className={"_4lga _4lgb"} style={{"height":25}}></div>3103 </div>3104 <TransitionCell344 />3105 </div>3106 );3107 },3108});3109var AdsPETableHeader346 = React.createClass({3110 render: function() {3111 return (3112 <div className={"_1cig _25fg"}>3113 {null}3114 <span className={"_1cid"}>{"Related Page"}</span>3115 </div>3116 );3117 },3118});3119var FixedDataTableAbstractSortableHeader347 = React.createClass({3120 render: function() {3121 return (3122 <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>3123 <div className={"_2eq6"}>3124 {null}3125 <AdsPETableHeader346 />3126 </div>3127 </div>3128 );3129 },3130});3131var FixedDataTableSortableHeader348 = React.createClass({3132 render: function() {3133 return <FixedDataTableAbstractSortableHeader347 />;3134 },3135});3136var TransitionCell349 = React.createClass({3137 render: function() {3138 return (3139 <div isHeaderCell={true} label={"Related Page"} width={92} dataKey={"page"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"page"} height={25} style={{"height":25,"width":92}}>3140 <div className={"_4lgd _4h2w"}>3141 <div className={"_4lge _4h2x"}>3142 <FixedDataTableSortableHeader348 />3143 </div>3144 </div>3145 </div>3146 );3147 },3148});3149var FixedDataTableCell350 = React.createClass({3150 render: function() {3151 return (3152 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":92,"left":2082}}>3153 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>3154 <div className={"_4lga _4lgb"} style={{"height":25}}></div>3155 </div>3156 <TransitionCell349 />3157 </div>3158 );3159 },3160});3161var AdsPETableHeader351 = React.createClass({3162 render: function() {3163 return (3164 <div className={"_1cig _25fg _4h2r"}>3165 {null}3166 <span className={"_1cid"}>{"Preview Link"}</span>3167 </div>3168 );3169 },3170});3171var TransitionCell352 = React.createClass({3172 render: function() {3173 return (3174 <div isHeaderCell={true} label={"Preview Link"} width={100} dataKey={"ad.demolink_hash"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.demolink_hash"} height={25} style={{"height":25,"width":100}}>3175 <div className={"_4lgd _4h2w"}>3176 <div className={"_4lge _4h2x"}>3177 <AdsPETableHeader351 />3178 </div>3179 </div>3180 </div>3181 );3182 },3183});3184var FixedDataTableCell353 = React.createClass({3185 render: function() {3186 return (3187 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":2174}}>3188 <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>3189 <div className={"_4lga _4lgb"} style={{"height":25}}></div>3190 </div>3191 <TransitionCell352 />3192 </div>3193 );3194 },3195});3196var AdsPETableHeader354 = React.createClass({3197 render: function() {3198 return <div className={"_1cig _25fg _4h2r"}></div>;3199 },3200});3201var TransitionCell355 = React.createClass({3202 render: function() {3203 return (3204 <div isHeaderCell={true} label={""} width={25} dataKey={"scrollbar_spacer"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"scrollbar_spacer"} height={25} style={{"height":25,"width":25}}>3205 <div className={"_4lgd _4h2w"}>3206 <div className={"_4lge _4h2x"}>3207 <AdsPETableHeader354 />3208 </div>3209 </div>3210 </div>3211 );3212 },3213});3214var FixedDataTableCell356 = React.createClass({3215 render: function() {3216 return (3217 <div className={"_4lg0 _4h2m"} style={{"height":25,"width":25,"left":2274}}>3218 {undefined}3219 <TransitionCell355 />3220 </div>3221 );3222 },3223});3224var FixedDataTableCellGroupImpl357 = React.createClass({3225 render: function() {3226 return (3227 <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":2299,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>3228 <FixedDataTableCell244 key={"cell_0"} />3229 <FixedDataTableCell249 key={"cell_1"} />3230 <FixedDataTableCell254 key={"cell_2"} />3231 <FixedDataTableCell259 key={"cell_3"} />3232 <FixedDataTableCell262 key={"cell_4"} />3233 <FixedDataTableCell265 key={"cell_5"} />3234 <FixedDataTableCell270 key={"cell_6"} />3235 <FixedDataTableCell275 key={"cell_7"} />3236 <FixedDataTableCell280 key={"cell_8"} />3237 <FixedDataTableCell285 key={"cell_9"} />3238 <FixedDataTableCell290 key={"cell_10"} />3239 <FixedDataTableCell295 key={"cell_11"} />3240 <FixedDataTableCell300 key={"cell_12"} />3241 <FixedDataTableCell305 key={"cell_13"} />3242 <FixedDataTableCell310 key={"cell_14"} />3243 <FixedDataTableCell315 key={"cell_15"} />3244 <FixedDataTableCell320 key={"cell_16"} />3245 <FixedDataTableCell325 key={"cell_17"} />3246 <FixedDataTableCell330 key={"cell_18"} />3247 <FixedDataTableCell335 key={"cell_19"} />3248 <FixedDataTableCell340 key={"cell_20"} />3249 <FixedDataTableCell345 key={"cell_21"} />3250 <FixedDataTableCell350 key={"cell_22"} />3251 <FixedDataTableCell353 key={"cell_23"} />3252 <FixedDataTableCell356 key={"cell_24"} />3253 </div>3254 );3255 },3256});3257var FixedDataTableCellGroup358 = React.createClass({3258 render: function() {3259 return (3260 <div style={{"height":25,"left":521}} className={"_3pzk"}>3261 <FixedDataTableCellGroupImpl357 />3262 </div>3263 );3264 },3265});3266var FixedDataTableRowImpl359 = React.createClass({3267 render: function() {3268 return (3269 <div className={"_1gd4 _4li _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1083,"height":25}}>3270 <div className={"_1gd5"}>3271 <FixedDataTableCellGroup239 key={"fixed_cells"} />3272 <FixedDataTableCellGroup358 key={"scrollable_cells"} />3273 <div className={"_1gd6 _1gd8"} style={{"left":521,"height":25}}></div>3274 </div>3275 </div>3276 );3277 },3278});3279var FixedDataTableRow360 = React.createClass({3280 render: function() {3281 return (3282 <div style={{"width":1083,"height":25,"zIndex":1,"transform":"translate3d(0px,40px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>3283 <FixedDataTableRowImpl359 />3284 </div>3285 );3286 },3287});3288var AbstractCheckboxInput361 = React.createClass({3289 render: function() {3290 return (3291 <label className={"_5hhv _55sg _kv1"}>3292 <input className={null} disabled={false} inline={true} checked={true} value={undefined} onChange={function() {}} type={"checkbox"}></input>3293 <span data-hover={null} aria-label={undefined}></span>3294 </label>3295 );3296 },3297});3298var XUICheckboxInput362 = React.createClass({3299 render: function() {3300 return <AbstractCheckboxInput361 />;3301 },3302});3303var TransitionCell363 = React.createClass({3304 render: function() {3305 return (3306 <div dataKey={"common.id"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={42} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"common.id"} height={32} rowIndex={0} style={{"height":32,"width":42}}>3307 <div className={"_4lgd _4h2w"}>3308 <div className={"_4lge _4h2x"}>3309 <span className={"_5hhu _4h2r"} onMouseDown={function() {}}>3310 <XUICheckboxInput362 />3311 </span>3312 </div>3313 </div>3314 </div>3315 );3316 },3317});3318var FixedDataTableCell364 = React.createClass({3319 render: function() {3320 return (3321 <div className={"_4lg0 _4lg6 _4h2m"} style={{"height":32,"width":42,"left":0}}>3322 {undefined}3323 <TransitionCell363 />3324 </div>3325 );3326 },3327});3328var AdsEditableTextCellDisplay365 = React.createClass({3329 render: function() {3330 return (3331 <div className={"_vew"} onDoubleClick={function() {}} onMouseEnter={function() {}} onMouseLeave={function() {}}>3332 <div className={"_vex _5w6k"}>3333 <div className={"_vey"}>{"Test Ad"}</div>3334 <div className={"_5w6_"}></div>3335 </div>3336 </div>3337 );3338 },3339});3340var AdsEditableCell366 = React.createClass({3341 render: function() {3342 return (3343 <div className={"_2d6h _2-ev _4h2r _5abb"}>3344 <AdsEditableTextCellDisplay365 />3345 </div>3346 );3347 },3348});3349var TransitionCell367 = React.createClass({3350 render: function() {3351 return (3352 <div dataKey={"ad.name"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={200} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.name"} height={32} rowIndex={0} style={{"height":32,"width":200}}>3353 <div className={"_4lgd _4h2w"}>3354 <div className={"_4lge _4h2x"}>3355 <AdsEditableCell366 />3356 </div>3357 </div>3358 </div>3359 );3360 },3361});3362var FixedDataTableCell368 = React.createClass({3363 render: function() {3364 return (3365 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":200,"left":42}}>3366 {undefined}3367 <TransitionCell367 />3368 </div>3369 );3370 },3371});3372var FixedDataTableCellDefault369 = React.createClass({3373 render: function() {3374 return (3375 <div dataKey={"edit_status"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={33} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"edit_status"} height={32} rowIndex={0} style={{"height":32,"width":33}}>3376 <div className={"_4lgd _4h2w"}>3377 <div className={"_4lge _4h2x"}>3378 <div className={"_4h2r"}>{""}</div>3379 </div>3380 </div>3381 </div>3382 );3383 },3384});3385var TransitionCell370 = React.createClass({3386 render: function() {3387 return <FixedDataTableCellDefault369 />;3388 },3389});3390var FixedDataTableCell371 = React.createClass({3391 render: function() {3392 return (3393 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":33,"left":242}}>3394 {undefined}3395 <TransitionCell370 />3396 </div>3397 );3398 },3399});3400var FixedDataTableCellDefault372 = React.createClass({3401 render: function() {3402 return (3403 <div dataKey={"errors"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={36} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"errors"} height={32} rowIndex={0} style={{"height":32,"width":36}}>3404 <div className={"_4lgd _4h2w"}>3405 <div className={"_4lge _4h2x"}>3406 <div className={"_4h2r"}></div>3407 </div>3408 </div>3409 </div>3410 );3411 },3412});3413var TransitionCell373 = React.createClass({3414 render: function() {3415 return <FixedDataTableCellDefault372 />;3416 },3417});3418var FixedDataTableCell374 = React.createClass({3419 render: function() {3420 return (3421 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":36,"left":275}}>3422 {undefined}3423 <TransitionCell373 />3424 </div>3425 );3426 },3427});3428var BUISwitch375 = React.createClass({3429 render: function() {3430 return (3431 <div value={true} disabled={true} onToggle={function() {}} data-hover={"tooltip"} data-tooltip-position={"below"} aria-label={"Currently active and you can not deactivate it."} animate={true} className={"_128j _128k _128m _128n"} role={"checkbox"} aria-checked={"true"}>3432 <div className={"_128o"} onClick={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} tabIndex={"-1"}>3433 <div className={"_128p"}></div>3434 </div>3435 {null}3436 </div>3437 );3438 },3439});3440var AdsStatusSwitchInternal376 = React.createClass({3441 render: function() {3442 return <BUISwitch375 />;3443 },3444});3445var AdsStatusSwitch377 = React.createClass({3446 render: function() {3447 return <AdsStatusSwitchInternal376 />;3448 },3449});3450var TransitionCell378 = React.createClass({3451 render: function() {3452 return (3453 <div dataKey={"ad.adgroup_status"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={60} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.adgroup_status"} height={32} rowIndex={0} style={{"height":32,"width":60}}>3454 <div className={"_4lgd _4h2w"}>3455 <div className={"_4lge _4h2x"}>3456 <div className={"_15si _4h2r"}>3457 <AdsStatusSwitch377 />3458 </div>3459 </div>3460 </div>3461 </div>3462 );3463 },3464});3465var FixedDataTableCell379 = React.createClass({3466 render: function() {3467 return (3468 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":60,"left":311}}>3469 {undefined}3470 <TransitionCell378 />3471 </div>3472 );3473 },3474});3475var ReactImage380 = React.createClass({3476 render: function() {3477 return <i aria-label={"Pending Review"} data-hover={"tooltip"} className={"_4ms8 img sp_UuU9HmrQ397 sx_ced63f"} src={null} width={"7"} height={"7"}></i>;3478 },3479});3480var AdsPEActivityStatusIndicator381 = React.createClass({3481 render: function() {3482 return (3483 <div className={"_k4-"}>3484 <ReactImage380 />3485 {"Pending Review"}3486 {undefined}3487 </div>3488 );3489 },3490});3491var TransitionCell382 = React.createClass({3492 render: function() {3493 return (3494 <div dataKey={"ukiAdData.computed_activity_status"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={150} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ukiAdData.computed_activity_status"} height={32} rowIndex={0} style={{"height":32,"width":150}}>3495 <div className={"_4lgd _4h2w"}>3496 <div className={"_4lge _4h2x"}>3497 <div className={"_2d6h _4h2r"}>3498 <AdsPEActivityStatusIndicator381 />3499 </div>3500 </div>3501 </div>3502 </div>3503 );3504 },3505});3506var FixedDataTableCell383 = React.createClass({3507 render: function() {3508 return (3509 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":150,"left":371}}>3510 {undefined}3511 <TransitionCell382 />3512 </div>3513 );3514 },3515});3516var FixedDataTableCellGroupImpl384 = React.createClass({3517 render: function() {3518 return (3519 <div className={"_3pzj"} style={{"height":32,"position":"absolute","width":521,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>3520 <FixedDataTableCell364 key={"cell_0"} />3521 <FixedDataTableCell368 key={"cell_1"} />3522 <FixedDataTableCell371 key={"cell_2"} />3523 <FixedDataTableCell374 key={"cell_3"} />3524 <FixedDataTableCell379 key={"cell_4"} />3525 <FixedDataTableCell383 key={"cell_5"} />3526 </div>3527 );3528 },3529});3530var FixedDataTableCellGroup385 = React.createClass({3531 render: function() {3532 return (3533 <div style={{"height":32,"left":0}} className={"_3pzk"}>3534 <FixedDataTableCellGroupImpl384 />3535 </div>3536 );3537 },3538});3539var TransitionCell386 = React.createClass({3540 render: function() {3541 return (3542 <div dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={60} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.unique_impressions"} height={32} rowIndex={0} style={{"height":32,"width":60}}>3543 <div className={"_4lgd _4h2w"}>3544 <div className={"_4lge _4h2x"}>3545 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3546 </div>3547 </div>3548 </div>3549 );3550 },3551});3552var FixedDataTableCell387 = React.createClass({3553 render: function() {3554 return (3555 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":60,"left":0}}>3556 {undefined}3557 <TransitionCell386 />3558 </div>3559 );3560 },3561});3562var TransitionCell388 = React.createClass({3563 render: function() {3564 return (3565 <div dataKey={"stats.impressions"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.impressions"} height={32} rowIndex={0} style={{"height":32,"width":80}}>3566 <div className={"_4lgd _4h2w"}>3567 <div className={"_4lge _4h2x"}>3568 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3569 </div>3570 </div>3571 </div>3572 );3573 },3574});3575var FixedDataTableCell389 = React.createClass({3576 render: function() {3577 return (3578 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":80,"left":60}}>3579 {undefined}3580 <TransitionCell388 />3581 </div>3582 );3583 },3584});3585var TransitionCell390 = React.createClass({3586 render: function() {3587 return (3588 <div dataKey={"stats.avg_cpm"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.avg_cpm"} height={32} rowIndex={0} style={{"height":32,"width":80}}>3589 <div className={"_4lgd _4h2w"}>3590 <div className={"_4lge _4h2x"}>3591 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3592 </div>3593 </div>3594 </div>3595 );3596 },3597});3598var FixedDataTableCell391 = React.createClass({3599 render: function() {3600 return (3601 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":80,"left":140}}>3602 {undefined}3603 <TransitionCell390 />3604 </div>3605 );3606 },3607});3608var TransitionCell392 = React.createClass({3609 render: function() {3610 return (3611 <div dataKey={"stats.avg_cpc"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={78} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.avg_cpc"} height={32} rowIndex={0} style={{"height":32,"width":78}}>3612 <div className={"_4lgd _4h2w"}>3613 <div className={"_4lge _4h2x"}>3614 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3615 </div>3616 </div>3617 </div>3618 );3619 },3620});3621var FixedDataTableCell393 = React.createClass({3622 render: function() {3623 return (3624 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":78,"left":220}}>3625 {undefined}3626 <TransitionCell392 />3627 </div>3628 );3629 },3630});3631var TransitionCell394 = React.createClass({3632 render: function() {3633 return (3634 <div dataKey={"stats.actions"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={140} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.actions"} height={32} rowIndex={0} style={{"height":32,"width":140}}>3635 <div className={"_4lgd _4h2w"}>3636 <div className={"_4lge _4h2x"}>3637 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3638 </div>3639 </div>3640 </div>3641 );3642 },3643});3644var FixedDataTableCell395 = React.createClass({3645 render: function() {3646 return (3647 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":140,"left":298}}>3648 {undefined}3649 <TransitionCell394 />3650 </div>3651 );3652 },3653});3654var TransitionCell396 = React.createClass({3655 render: function() {3656 return (3657 <div dataKey={"stats.cpa"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={140} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.cpa"} height={32} rowIndex={0} style={{"height":32,"width":140}}>3658 <div className={"_4lgd _4h2w"}>3659 <div className={"_4lge _4h2x"}>3660 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3661 </div>3662 </div>3663 </div>3664 );3665 },3666});3667var FixedDataTableCell397 = React.createClass({3668 render: function() {3669 return (3670 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":140,"left":438}}>3671 {undefined}3672 <TransitionCell396 />3673 </div>3674 );3675 },3676});3677var TransitionCell398 = React.createClass({3678 render: function() {3679 return (3680 <div dataKey={"stats.clicks"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={60} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.clicks"} height={32} rowIndex={0} style={{"height":32,"width":60}}>3681 <div className={"_4lgd _4h2w"}>3682 <div className={"_4lge _4h2x"}>3683 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3684 </div>3685 </div>3686 </div>3687 );3688 },3689});3690var FixedDataTableCell399 = React.createClass({3691 render: function() {3692 return (3693 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":60,"left":578}}>3694 {undefined}3695 <TransitionCell398 />3696 </div>3697 );3698 },3699});3700var TransitionCell400 = React.createClass({3701 render: function() {3702 return (3703 <div dataKey={"stats.ctr"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={70} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.ctr"} height={32} rowIndex={0} style={{"height":32,"width":70}}>3704 <div className={"_4lgd _4h2w"}>3705 <div className={"_4lge _4h2x"}>3706 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3707 </div>3708 </div>3709 </div>3710 );3711 },3712});3713var FixedDataTableCell401 = React.createClass({3714 render: function() {3715 return (3716 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":70,"left":638}}>3717 {undefined}3718 <TransitionCell400 />3719 </div>3720 );3721 },3722});3723var TransitionCell402 = React.createClass({3724 render: function() {3725 return (3726 <div dataKey={"stats.social_percent"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.social_percent"} height={32} rowIndex={0} style={{"height":32,"width":80}}>3727 <div className={"_4lgd _4h2w"}>3728 <div className={"_4lge _4h2x"}>3729 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3730 </div>3731 </div>3732 </div>3733 );3734 },3735});3736var FixedDataTableCell403 = React.createClass({3737 render: function() {3738 return (3739 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":80,"left":708}}>3740 {undefined}3741 <TransitionCell402 />3742 </div>3743 );3744 },3745});3746var FixedDataTableCellDefault404 = React.createClass({3747 render: function() {3748 return (3749 <div dataKey={"campaign.name"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={100} columnData={{}} cellDataGetter={function() {}} cellRenderer={undefined} columnKey={"campaign.name"} height={32} rowIndex={0} style={{"height":32,"width":100}}>3750 <div className={"_4lgd _4h2w"}>3751 <div className={"_4lge _4h2x"}>3752 <div className={"_4h2r"}>{"Test Ad Set"}</div>3753 </div>3754 </div>3755 </div>3756 );3757 },3758});3759var TransitionCell405 = React.createClass({3760 render: function() {3761 return <FixedDataTableCellDefault404 />;3762 },3763});3764var FixedDataTableCell406 = React.createClass({3765 render: function() {3766 return (3767 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":100,"left":788}}>3768 {undefined}3769 <TransitionCell405 />3770 </div>3771 );3772 },3773});3774var FixedDataTableCellDefault407 = React.createClass({3775 render: function() {3776 return (3777 <div dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={150} columnData={{}} cellDataGetter={function() {}} cellRenderer={undefined} columnKey={"campaignGroup.name"} height={32} rowIndex={0} style={{"height":32,"width":150}}>3778 <div className={"_4lgd _4h2w"}>3779 <div className={"_4lge _4h2x"}>3780 <div className={"_4h2r"}>{"Test Campaign"}</div>3781 </div>3782 </div>3783 </div>3784 );3785 },3786});3787var TransitionCell408 = React.createClass({3788 render: function() {3789 return <FixedDataTableCellDefault407 />;3790 },3791});3792var FixedDataTableCell409 = React.createClass({3793 render: function() {3794 return (3795 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":150,"left":888}}>3796 {undefined}3797 <TransitionCell408 />3798 </div>3799 );3800 },3801});3802var TransitionCell410 = React.createClass({3803 render: function() {3804 return (3805 <div dataKey={"ad.id"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={120} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.id"} height={32} rowIndex={0} style={{"height":32,"width":120}}>3806 <div className={"_4lgd _4h2w"}>3807 <div className={"_4lge _4h2x"}>3808 <div className={"_2d6h _4h2r"}>{"98010048849345"}</div>3809 </div>3810 </div>3811 </div>3812 );3813 },3814});3815var FixedDataTableCell411 = React.createClass({3816 render: function() {3817 return (3818 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":120,"left":1038}}>3819 {undefined}3820 <TransitionCell410 />3821 </div>3822 );3823 },3824});3825var TransitionCell412 = React.createClass({3826 render: function() {3827 return (3828 <div dataKey={"campaignGroup.objective"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"campaignGroup.objective"} height={32} rowIndex={0} style={{"height":32,"width":80}}>3829 <div className={"_4lgd _4h2w"}>3830 <div className={"_4lge _4h2x"}>3831 <div className={"_2d6h _4h2r"}>{"Clicks to Website"}</div>3832 </div>3833 </div>3834 </div>3835 );3836 },3837});3838var FixedDataTableCell413 = React.createClass({3839 render: function() {3840 return (3841 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":80,"left":1158}}>3842 {undefined}3843 <TransitionCell412 />3844 </div>3845 );3846 },3847});3848var TransitionCell414 = React.createClass({3849 render: function() {3850 return (3851 <div dataKey={"stats.spent_100"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={70} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.spent_100"} height={32} rowIndex={0} style={{"height":32,"width":70}}>3852 <div className={"_4lgd _4h2w"}>3853 <div className={"_4lge _4h2x"}>3854 <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>3855 </div>3856 </div>3857 </div>3858 );3859 },3860});3861var FixedDataTableCell415 = React.createClass({3862 render: function() {3863 return (3864 <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":70,"left":1238}}>3865 {undefined}3866 <TransitionCell414 />3867 </div>3868 );3869 },3870});3871var ReactDate416 = React.createClass({3872 render: function() {3873 return <span>{"10/24/2015"}</span>;3874 },3875});3876var TransitionCell417 = React.createClass({3877 render: function() {3878 return (3879 <div dataKey={"derivedCampaign.startDate"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={113} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"derivedCampaign.startDate"} height={32} rowIndex={0} style={{"height":32,"width":113}}>3880 <div className={"_4lgd _4h2w"}>3881 <div className={"_4lge _4h2x"}>3882 <div className={"_2d6h _4h2r"}>3883 <ReactDate416 />3884 </div>3885 </div>3886 </div>3887 </div>3888 );3889 },3890});3891var FixedDataTableCell418 = React.createClass({3892 render: function() {3893 return (3894 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":113,"left":1308}}>3895 {undefined}3896 <TransitionCell417 />3897 </div>3898 );3899 },3900});3901var TransitionCell419 = React.createClass({3902 render: function() {3903 return (3904 <div dataKey={"derivedCampaign.endDate"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={113} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"derivedCampaign.endDate"} height={32} rowIndex={0} style={{"height":32,"width":113}}>3905 <div className={"_4lgd _4h2w"}>3906 <div className={"_4lge _4h2x"}>3907 <div className={"_2d6h _4h2r"}>{"Ongoing"}</div>3908 </div>3909 </div>3910 </div>3911 );3912 },3913});3914var FixedDataTableCell420 = React.createClass({3915 render: function() {3916 return (3917 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":113,"left":1421}}>3918 {undefined}3919 <TransitionCell419 />3920 </div>3921 );3922 },3923});3924var ReactDate421 = React.createClass({3925 render: function() {3926 return <span>{"10/24/2015"}</span>;3927 },3928});3929var TransitionCell422 = React.createClass({3930 render: function() {3931 return (3932 <div dataKey={"ad.created_time"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={113} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.created_time"} height={32} rowIndex={0} style={{"height":32,"width":113}}>3933 <div className={"_4lgd _4h2w"}>3934 <div className={"_4lge _4h2x"}>3935 <div className={"_2d6h _4h2r"}>3936 <ReactDate421 />3937 </div>3938 </div>3939 </div>3940 </div>3941 );3942 },3943});3944var FixedDataTableCell423 = React.createClass({3945 render: function() {3946 return (3947 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":113,"left":1534}}>3948 {undefined}3949 <TransitionCell422 />3950 </div>3951 );3952 },3953});3954var ReactDate424 = React.createClass({3955 render: function() {3956 return <span>{"10/24/2015"}</span>;3957 },3958});3959var TransitionCell425 = React.createClass({3960 render: function() {3961 return (3962 <div dataKey={"ad.updated_time"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={113} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.updated_time"} height={32} rowIndex={0} style={{"height":32,"width":113}}>3963 <div className={"_4lgd _4h2w"}>3964 <div className={"_4lge _4h2x"}>3965 <div className={"_2d6h _4h2r"}>3966 <ReactDate424 />3967 </div>3968 </div>3969 </div>3970 </div>3971 );3972 },3973});3974var FixedDataTableCell426 = React.createClass({3975 render: function() {3976 return (3977 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":113,"left":1647}}>3978 {undefined}3979 <TransitionCell425 />3980 </div>3981 );3982 },3983});3984var TransitionCell427 = React.createClass({3985 render: function() {3986 return (3987 <div dataKey={"ad.title"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.title"} height={32} rowIndex={0} style={{"height":32,"width":80}}>3988 <div className={"_4lgd _4h2w"}>3989 <div className={"_4lge _4h2x"}>3990 <div className={"_2d6h _4h2r"}>{"Example"}</div>3991 </div>3992 </div>3993 </div>3994 );3995 },3996});3997var FixedDataTableCell428 = React.createClass({3998 render: function() {3999 return (4000 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":80,"left":1760}}>4001 {undefined}4002 <TransitionCell427 />4003 </div>4004 );4005 },4006});4007var TransitionCell429 = React.createClass({4008 render: function() {4009 return (4010 <div dataKey={"ad.creative.body"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.creative.body"} height={32} rowIndex={0} style={{"height":32,"width":80}}>4011 <div className={"_4lgd _4h2w"}>4012 <div className={"_4lge _4h2x"}>4013 <div className={"_2d6h _4h2r"}>{"It's an example."}</div>4014 </div>4015 </div>4016 </div>4017 );4018 },4019});4020var FixedDataTableCell430 = React.createClass({4021 render: function() {4022 return (4023 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":80,"left":1840}}>4024 {undefined}4025 <TransitionCell429 />4026 </div>4027 );4028 },4029});4030var TransitionCell431 = React.createClass({4031 render: function() {4032 return (4033 <div dataKey={"destination"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={92} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"destination"} height={32} rowIndex={0} style={{"height":32,"width":92}}>4034 <div className={"_4lgd _4h2w"}>4035 <div className={"_4lge _4h2x"}>4036 <div className={"_2d6h _4h2r"}></div>4037 </div>4038 </div>4039 </div>4040 );4041 },4042});4043var FixedDataTableCell432 = React.createClass({4044 render: function() {4045 return (4046 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":92,"left":1920}}>4047 {undefined}4048 <TransitionCell431 />4049 </div>4050 );4051 },4052});4053var TransitionCell433 = React.createClass({4054 render: function() {4055 return (4056 <div dataKey={"ad.creative.link_url"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={70} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.creative.link_url"} height={32} rowIndex={0} style={{"height":32,"width":70}}>4057 <div className={"_4lgd _4h2w"}>4058 <div className={"_4lge _4h2x"}>4059 <div className={"_2d6h _4h2r"}>{"http://www.example.com/"}</div>4060 </div>4061 </div>4062 </div>4063 );4064 },4065});4066var FixedDataTableCell434 = React.createClass({4067 render: function() {4068 return (4069 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":70,"left":2012}}>4070 {undefined}4071 <TransitionCell433 />4072 </div>4073 );4074 },4075});4076var FixedDataTableCellDefault435 = React.createClass({4077 render: function() {4078 return (4079 <div dataKey={"page"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={92} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"page"} height={32} rowIndex={0} style={{"height":32,"width":92}}>4080 <div className={"_4lgd _4h2w"}>4081 <div className={"_4lge _4h2x"}>4082 <div className={"_4h2r"}></div>4083 </div>4084 </div>4085 </div>4086 );4087 },4088});4089var TransitionCell436 = React.createClass({4090 render: function() {4091 return <FixedDataTableCellDefault435 />;4092 },4093});4094var FixedDataTableCell437 = React.createClass({4095 render: function() {4096 return (4097 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":92,"left":2082}}>4098 {undefined}4099 <TransitionCell436 />4100 </div>4101 );4102 },4103});4104var Link438 = React.createClass({4105 render: function() {4106 return <a href={"https://www.facebook.com/?demo_ad=98010048849345&h=AQA24w3temAtB-5f#pagelet_ego_pane"} target={"_blank"} rel={undefined} onClick={function() {}}>{"Preview Ad"}</a>;4107 },4108});4109var ReactImage439 = React.createClass({4110 render: function() {4111 return <i src={null} className={"_541d img sp_R48dKBxiJkP sx_dc2cdb"}></i>;4112 },4113});4114var AdsPopoverLink440 = React.createClass({4115 render: function() {4116 return (4117 <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}}>4118 <span className={"_3o_j"}></span>4119 <ReactImage439 />4120 </span>4121 );4122 },4123});4124var AdsHelpLink441 = React.createClass({4125 render: function() {4126 return <AdsPopoverLink440 />;4127 },4128});4129var TransitionCell442 = React.createClass({4130 render: function() {4131 return (4132 <div dataKey={"ad.demolink_hash"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={100} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.demolink_hash"} height={32} rowIndex={0} style={{"height":32,"width":100}}>4133 <div className={"_4lgd _4h2w"}>4134 <div className={"_4lge _4h2x"}>4135 <div className={"_4h2r"}>4136 <Link438 />4137 <AdsHelpLink441 />4138 </div>4139 </div>4140 </div>4141 </div>4142 );4143 },4144});4145var FixedDataTableCell443 = React.createClass({4146 render: function() {4147 return (4148 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":100,"left":2174}}>4149 {undefined}4150 <TransitionCell442 />4151 </div>4152 );4153 },4154});4155var TransitionCell444 = React.createClass({4156 render: function() {4157 return (4158 <div dataKey={"scrollbar_spacer"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={25} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"scrollbar_spacer"} height={32} rowIndex={0} style={{"height":32,"width":25}}>4159 <div className={"_4lgd _4h2w"}>4160 <div className={"_4lge _4h2x"}>4161 <div className={"_2d6h _4h2r"}></div>4162 </div>4163 </div>4164 </div>4165 );4166 },4167});4168var FixedDataTableCell445 = React.createClass({4169 render: function() {4170 return (4171 <div className={"_4lg0 _4h2m"} style={{"height":32,"width":25,"left":2274}}>4172 {undefined}4173 <TransitionCell444 />4174 </div>4175 );4176 },4177});4178var FixedDataTableCellGroupImpl446 = React.createClass({4179 render: function() {4180 return (4181 <div className={"_3pzj"} style={{"height":32,"position":"absolute","width":2299,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>4182 <FixedDataTableCell387 key={"cell_0"} />4183 <FixedDataTableCell389 key={"cell_1"} />4184 <FixedDataTableCell391 key={"cell_2"} />4185 <FixedDataTableCell393 key={"cell_3"} />4186 <FixedDataTableCell395 key={"cell_4"} />4187 <FixedDataTableCell397 key={"cell_5"} />4188 <FixedDataTableCell399 key={"cell_6"} />4189 <FixedDataTableCell401 key={"cell_7"} />4190 <FixedDataTableCell403 key={"cell_8"} />4191 <FixedDataTableCell406 key={"cell_9"} />4192 <FixedDataTableCell409 key={"cell_10"} />4193 <FixedDataTableCell411 key={"cell_11"} />4194 <FixedDataTableCell413 key={"cell_12"} />4195 <FixedDataTableCell415 key={"cell_13"} />4196 <FixedDataTableCell418 key={"cell_14"} />4197 <FixedDataTableCell420 key={"cell_15"} />4198 <FixedDataTableCell423 key={"cell_16"} />4199 <FixedDataTableCell426 key={"cell_17"} />4200 <FixedDataTableCell428 key={"cell_18"} />4201 <FixedDataTableCell430 key={"cell_19"} />4202 <FixedDataTableCell432 key={"cell_20"} />4203 <FixedDataTableCell434 key={"cell_21"} />4204 <FixedDataTableCell437 key={"cell_22"} />4205 <FixedDataTableCell443 key={"cell_23"} />4206 <FixedDataTableCell445 key={"cell_24"} />4207 </div>4208 );4209 },4210});4211var FixedDataTableCellGroup447 = React.createClass({4212 render: function() {4213 return (4214 <div style={{"height":32,"left":521}} className={"_3pzk"}>4215 <FixedDataTableCellGroupImpl446 />4216 </div>4217 );4218 },4219});4220var FixedDataTableRowImpl448 = React.createClass({4221 render: function() {4222 return (4223 <div className={"_1gd4 _4li _52no _35m0 _35m1 _3c7k _4efq _4efs"} onClick={null} onDoubleClick={null} onMouseDown={function() {}} onMouseEnter={null} onMouseLeave={null} style={{"width":1083,"height":32}}>4224 <div className={"_1gd5"}>4225 <FixedDataTableCellGroup385 key={"fixed_cells"} />4226 <FixedDataTableCellGroup447 key={"scrollable_cells"} />4227 <div className={"_1gd6 _1gd8"} style={{"left":521,"height":32}}></div>4228 </div>4229 </div>4230 );4231 },4232});4233var FixedDataTableRow449 = React.createClass({4234 render: function() {4235 return (4236 <div style={{"width":1083,"height":32,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>4237 <FixedDataTableRowImpl448 />4238 </div>4239 );4240 },4241});4242var FixedDataTableBufferedRows450 = React.createClass({4243 render: function() {4244 return (4245 <div style={{"position":"absolute","pointerEvents":"auto","transform":"translate3d(0px,65px,0)","backfaceVisibility":"hidden"}}>4246 <FixedDataTableRow449 key={"0"} />4247 </div>4248 );4249 },4250});4251var Scrollbar451 = React.createClass({4252 render: function() {4253 return (4254 <div onFocus={function() {}} onBlur={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} onWheel={function() {}} className={"_1t0r _1t0t _4jdr _1t0u"} style={{"width":1083,"zIndex":99}} tabIndex={0}>4255 <div ref={"face"} className={"_1t0w _1t0y _1t0_"} style={{"width":407.918085106383,"transform":"translate3d(4px,0px,0)","backfaceVisibility":"hidden"}}></div>4256 </div>4257 );4258 },4259});4260var HorizontalScrollbar452 = React.createClass({4261 render: function() {4262 return (4263 <div className={"_3h1k _3h1m"} style={{"height":15,"width":1083}}>4264 <div style={{"height":15,"position":"absolute","overflow":"hidden","width":1083,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>4265 <Scrollbar451 />4266 </div>4267 </div>4268 );4269 },4270});4271var FixedDataTable453 = React.createClass({4272 render: function() {4273 return (4274 <div className={"_3h1i _1mie"} onWheel={function() {}} style={{"height":532,"width":1083}}>4275 <div className={"_3h1j"} style={{"height":515,"width":1083}}>4276 <FixedDataTableColumnResizeHandle178 />4277 <FixedDataTableRow206 key={"group_header"} />4278 <FixedDataTableRow360 key={"header"} />4279 <FixedDataTableBufferedRows450 />4280 {null}4281 {undefined}4282 {undefined}4283 </div>4284 {undefined}4285 <HorizontalScrollbar452 />4286 </div>4287 );4288 },4289});4290var TransitionTable454 = React.createClass({4291 render: function() {4292 return <FixedDataTable453 />;4293 },4294});4295var AdsSelectableFixedDataTable455 = React.createClass({4296 render: function() {4297 return (4298 <div className={"_5hht"}>4299 <TransitionTable454 />4300 </div>4301 );4302 },4303});4304var AdsDataTableKeyboardSupportDecorator456 = React.createClass({4305 render: function() {4306 return (4307 <div ref={"tableContainer"} className={"_5d6f"} tabIndex={"0"} onKeyDown={function() {}}>4308 <AdsSelectableFixedDataTable455 />4309 </div>4310 );4311 },4312});4313var AdsEditableDataTableDecorator457 = React.createClass({4314 render: function() {4315 return (4316 <div onCopy={function() {}}>4317 <AdsDataTableKeyboardSupportDecorator456 ref={"decoratedTable"} />4318 </div>4319 );4320 },4321});4322var AdsPEDataTableContainer458 = React.createClass({4323 render: function() {4324 return (4325 <div className={"_35l_"}>4326 {null}4327 {null}4328 <AdsEditableDataTableDecorator457 />4329 </div>4330 );4331 },4332});4333var ResponsiveBlock459 = React.createClass({4334 render: function() {4335 return (4336 <div onResize={function() {}} className={"_4u-c"}>4337 <AdsPEDataTableContainer458 />4338 <div key={"sensor"} className={"_4u-f"}>4339 <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_4u-g"} tabIndex={"-1"}></iframe>4340 </div>4341 </div>4342 );4343 },4344});4345var AdsPEAdTableContainer460 = React.createClass({4346 render: function() {4347 return <ResponsiveBlock459 />;4348 },4349});4350var AdsPEManageAdsPaneContainer461 = React.createClass({4351 render: function() {4352 return (4353 <div className={"_2utw"}>4354 {null}4355 <div className={"_2utx _41tt"}>4356 <AdsPEFilterContainer104 />4357 <AdsPECampaignTimeLimitNoticeContainer106 />4358 {null}4359 </div>4360 <div className={" _41ts"}>4361 <AdsPEAdgroupToolbarContainer169 />4362 </div>4363 <div className={"_2utz"}>4364 <div className={"_2ut-"}>4365 <AdsPEOrganizerContainer177 />4366 </div>4367 <div className={"_2ut_"}>4368 <AdsPEAdTableContainer460 />4369 </div>4370 </div>4371 </div>4372 );4373 },4374});4375var AdsPEContentContainer462 = React.createClass({4376 render: function() {4377 return <AdsPEManageAdsPaneContainer461 />;4378 },4379});4380var FluxContainer_r_463 = React.createClass({4381 render: function() {4382 return (4383 <div className={"mainWrapper"} style={{"width":1192}}>4384 <FluxContainer_r_69 />4385 <AdsPEContentContainer462 />4386 {null}4387 </div>4388 );4389 },4390});4391var FluxContainer_q_464 = React.createClass({4392 render: function() {4393 return null;4394 },4395});4396var AdsPEUploadDialog465 = React.createClass({4397 render: function() {4398 return null;4399 },4400});4401var FluxContainer_y_466 = React.createClass({4402 render: function() {4403 return <AdsPEUploadDialog465 />;4404 },4405});4406var ReactImage467 = React.createClass({4407 render: function() {4408 return <i className={"_1-lx img sp_UuU9HmrQ397 sx_990b54"} src={null}></i>;4409 },4410});4411var AdsPESideTrayTabButton468 = React.createClass({4412 render: function() {4413 return (4414 <div onClick={function() {}} className={"_1-ly _59j9 _d9a"}>4415 <ReactImage467 />4416 <div className={"_vf7"}></div>4417 <div className={"_vf8"}></div>4418 </div>4419 );4420 },4421});4422var AdsPEEditorTrayTabButton469 = React.createClass({4423 render: function() {4424 return <AdsPESideTrayTabButton468 />;4425 },4426});4427var ReactImage470 = React.createClass({4428 render: function() {4429 return <i className={"_1-lx img sp_UuU9HmrQ397 sx_94017f"} src={null}></i>;4430 },4431});4432var AdsPESideTrayTabButton471 = React.createClass({4433 render: function() {4434 return (4435 <div onClick={function() {}} className={" _1-lz _d9a"}>4436 <ReactImage470 />4437 <div className={"_vf7"}></div>4438 <div className={"_vf8"}></div>4439 </div>4440 );4441 },4442});4443var AdsPEInsightsTrayTabButton472 = React.createClass({4444 render: function() {4445 return <AdsPESideTrayTabButton471 />;4446 },4447});4448var AdsPESideTrayTabButton473 = React.createClass({4449 render: function() {4450 return null;4451 },4452});4453var AdsPENekoDebuggerTrayTabButton474 = React.createClass({4454 render: function() {4455 return <AdsPESideTrayTabButton473 />;4456 },4457});4458var FBDragHandle475 = React.createClass({4459 render: function() {4460 return <div style={{"height":550}} className={"_4a2j _2ciy _2ciz"} horizontal={true} onStart={function() {}} onEnd={function() {}} onChange={function() {}} initialData={function() {}} vertical={false} throttle={25} delay={0} threshold={0} onMouseDown={function() {}} onMouseUp={function() {}} onMouseLeave={function() {}}></div>;4461 },4462});4463var XUIText476 = React.createClass({4464 render: function() {4465 return <span size={"large"} weight={"bold"} className={"_2x9f _50f5 _50f7"} display={"inline"}>{"Editing Ad"}</span>;4466 },4467});4468var XUIText477 = React.createClass({4469 render: function() {4470 return <span size={"large"} weight={"bold"} display={"inline"} className={" _50f5 _50f7"}>{"Test Ad"}</span>;4471 },4472});4473var AdsPEEditorChildLink478 = React.createClass({4474 render: function() {4475 return null;4476 },4477});4478var AdsPEEditorChildLinkContainer479 = React.createClass({4479 render: function() {4480 return <AdsPEEditorChildLink478 />;4481 },4482});4483var AdsPEHeaderSection480 = React.createClass({4484 render: function() {4485 return (4486 <div className={"_yke"}>4487 <div className={"_2x9d _pry"}></div>4488 <XUIText476 />4489 <div className={"_3a-a"}>4490 <div className={"_3a-b"}>4491 <XUIText477 />4492 </div>4493 </div>4494 {null}4495 <AdsPEEditorChildLinkContainer479 />4496 </div>4497 );4498 },4499});4500var AdsPEAdgroupHeaderSectionContainer481 = React.createClass({4501 render: function() {4502 return <AdsPEHeaderSection480 />;4503 },4504});4505var AdsPEAdgroupDisapprovalMessage482 = React.createClass({4506 render: function() {4507 return null;4508 },4509});4510var FluxContainer_r_483 = React.createClass({4511 render: function() {4512 return <AdsPEAdgroupDisapprovalMessage482 />;4513 },4514});4515var AdsPEAdgroupAutoNamingConfirmationContainer484 = React.createClass({4516 render: function() {4517 return null;4518 },4519});4520var AdsLabeledField485 = React.createClass({4521 render: function() {4522 return (4523 <div className={"_5ir9 _3bvz"} label={"Ad Name"} labelSize={"small"}>4524 <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>4525 {"Ad Name"}4526 {" "}4527 {undefined}4528 </label>4529 {null}4530 <div className={"_3bv-"}></div>4531 </div>4532 );4533 },4534});4535var ReactXUIError486 = React.createClass({4536 render: function() {4537 return (4538 <div className={"_5ira _2vl4 _1h18"}>4539 {null}4540 {null}4541 <div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>4542 <div className={"_2vla _1h1g"}>4543 <div>4544 {null}4545 <textarea ref={"input"} id={undefined} disabled={undefined} onKeyDown={function() {}} onFocus={function() {}} onBlur={function() {}} onChange={function() {}} dir={"auto"} maxLength={null} className={"_2vli _2vlj _1h26 _1h27"} value={"Test Ad"}></textarea>4546 {null}4547 </div>4548 <div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>4549 </div>4550 </div>4551 {null}4552 </div>4553 );4554 },4555});4556var AdsTextInput487 = React.createClass({4557 render: function() {4558 return <ReactXUIError486 />;4559 },4560});4561var Link488 = React.createClass({4562 render: function() {4563 return <a className={"_5ir9"} label={"Rename using available fields"} onMouseDown={function() {}} href={"#"} rel={undefined} onClick={function() {}}>{"Rename using available fields"}</a>;4564 },4565});4566var AdsAutoNamingTemplateDialog489 = React.createClass({4567 render: function() {4568 return <Link488 ref={"link"} />;4569 },4570});4571var AdsPEAmbientNUXMegaphone490 = React.createClass({4572 render: function() {4573 return (4574 <span ref={"mainChild"}>4575 <AdsAutoNamingTemplateDialog489 />4576 </span>4577 );4578 },4579});4580var AdsLabeledField491 = React.createClass({4581 render: function() {4582 return (4583 <div className={"_5ir9 _3bvz"} label={"Status"} labelSize={"small"}>4584 <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>4585 {"Status"}4586 {" "}4587 {undefined}4588 </label>4589 {null}4590 <div className={"_3bv-"}></div>4591 </div>4592 );4593 },4594});4595var BUISwitch492 = React.createClass({4596 render: function() {4597 return (4598 <div value={true} disabled={true} onToggle={function() {}} data-hover={"tooltip"} data-tooltip-position={"below"} aria-label={"Currently active and you can not deactivate it."} animate={true} className={"_128j _128k _128m _128n"} role={"checkbox"} aria-checked={"true"}>4599 <div className={"_128o"} onClick={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} tabIndex={"-1"}>4600 <div className={"_128p"}></div>4601 </div>4602 {null}4603 </div>4604 );4605 },4606});4607var AdsStatusSwitchInternal493 = React.createClass({4608 render: function() {4609 return <BUISwitch492 />;4610 },4611});4612var AdsStatusSwitch494 = React.createClass({4613 render: function() {4614 return <AdsStatusSwitchInternal493 />;4615 },4616});4617var LeftRight495 = React.createClass({4618 render: function() {4619 return (4620 <div className={"clearfix"}>4621 <div key={"left"} className={"_ohe lfloat"}>4622 <div>4623 <AdsLabeledField485 />4624 <span className={"_5irl"}>4625 <AdsTextInput487 key={"nameEditor98010048849345"} ref={"nameTextInput"} />4626 <AdsPEAmbientNUXMegaphone490 />4627 </span>4628 </div>4629 </div>4630 <div key={"right"} className={"_ohf rfloat"}>4631 <div>4632 <AdsLabeledField491 />4633 <div className={"_5irp"}>4634 <AdsStatusSwitch494 />4635 </div>4636 </div>4637 </div>4638 </div>4639 );4640 },4641});4642var XUICard496 = React.createClass({4643 render: function() {4644 return (4645 <div className={"_5ir8 _12k2 _4-u2 _4-u8"} xuiErrorPosition={"above"} background={"white"}>4646 <LeftRight495 />4647 </div>4648 );4649 },4650});4651var ReactXUIError497 = React.createClass({4652 render: function() {4653 return <XUICard496 />;4654 },4655});4656var AdsCard498 = React.createClass({4657 render: function() {4658 return <ReactXUIError497 />;4659 },4660});4661var AdsPENameSection499 = React.createClass({4662 render: function() {4663 return <AdsCard498 />;4664 },4665});4666var AdsPEAdgroupNameSectionContainer500 = React.createClass({4667 render: function() {4668 return <AdsPENameSection499 />;4669 },4670});4671var XUICardHeaderTitle501 = React.createClass({4672 render: function() {4673 return (4674 <span itemComponent={"span"} className={"_38my"}>4675 {"Ad Links"}4676 {null}4677 <span className={"_c1c"}></span>4678 </span>4679 );4680 },4681});4682var XUICardSection502 = React.createClass({4683 render: function() {4684 return (4685 <div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>4686 {[4687 <XUICardHeaderTitle501 key={"/.0"} />,4688 ]}4689 {undefined}4690 {undefined}4691 <div className={"_3s3-"}></div>4692 </div>4693 );4694 },4695});4696var XUICardHeader503 = React.createClass({4697 render: function() {4698 return <XUICardSection502 />;4699 },4700});4701var AdsCardHeader504 = React.createClass({4702 render: function() {4703 return <XUICardHeader503 />;4704 },4705});4706var XUIText505 = React.createClass({4707 render: function() {4708 return <div className={"_502s"} display={"block"} size={"inherit"} weight={"inherit"}>{"Ad ID 98010048849345"}</div>;4709 },4710});4711var Link506 = React.createClass({4712 render: function() {4713 return <a target={"_blank"} href={"/ads/manager/ad/?ids=98010048849345"} onClick={function() {}} rel={undefined}>{"Open in Ads Manager"}</a>;4714 },4715});4716var Link507 = React.createClass({4717 render: function() {4718 return <a target={"_blank"} href={"#"} onClick={function() {}} rel={undefined}>{"Open in Ads Reporting"}</a>;4719 },4720});4721var Link508 = React.createClass({4722 render: function() {4723 return <a target={"_blank"} href={"https://www.facebook.com/?demo_ad=98010048849345&h=AQA24w3temAtB-5f#pagelet_ego_pane"} onClick={function() {}} rel={undefined}>{"View on Desktop Right Column"}</a>;4724 },4725});4726var Link509 = React.createClass({4727 render: function() {4728 return <a target={"_blank"} href={"/ads/manage/powereditor/?act=10149999073643408&adgroup=98010048849345"} onClick={function() {}} rel={undefined}>{"Open Power Editor with this ad selected"}</a>;4729 },4730});4731var List510 = React.createClass({4732 render: function() {4733 return (4734 <ul spacing={"small"} border={"none"} direction={"vertical"} valign={"top"} className={"uiList _4kg _6-i _6-h _704"}>4735 {null}4736 <li key={"/ads/manager/ad/?ids=98010048849345"}>4737 <Link506 />4738 </li>4739 <li key={"#"}>4740 <Link507 />4741 </li>4742 {null}4743 <li key={"https://www.facebook.com/?demo_ad=98010048849345&h=AQA24w3temAtB-5f#pagelet_ego_pane"}>4744 <Link508 />4745 </li>4746 {null}4747 {null}4748 {null}4749 <li key={"/ads/manage/powereditor/?act=10149999073643408&adgroup=98010048849345"}>4750 <Link509 />4751 </li>4752 {null}4753 </ul>4754 );4755 },4756});4757var XUICardSection511 = React.createClass({4758 render: function() {4759 return (4760 <div className={"_12jy _4-u3"} background={"transparent"}>4761 <div className={"_3-8j"}>4762 <XUIText505 />4763 <List510 />4764 </div>4765 </div>4766 );4767 },4768});4769var AdsCardSection512 = React.createClass({4770 render: function() {4771 return <XUICardSection511 />;4772 },4773});4774var XUICard513 = React.createClass({4775 render: function() {4776 return (4777 <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>4778 <AdsCardHeader504 />4779 <AdsCardSection512 />4780 </div>4781 );4782 },4783});4784var ReactXUIError514 = React.createClass({4785 render: function() {4786 return <XUICard513 />;4787 },4788});4789var AdsCard515 = React.createClass({4790 render: function() {4791 return <ReactXUIError514 />;4792 },4793});4794var AdsPELinkList516 = React.createClass({4795 render: function() {4796 return <AdsCard515 />;4797 },4798});4799var AdsPEAdgroupLinksSection517 = React.createClass({4800 render: function() {4801 return <AdsPELinkList516 />;4802 },4803});4804var AdsPEAdgroupLinksSectionContainer518 = React.createClass({4805 render: function() {4806 return (4807 <div>4808 <AdsPEAdgroupLinksSection517 />4809 {null}4810 </div>4811 );4812 },4813});4814var XUICardHeaderTitle519 = React.createClass({4815 render: function() {4816 return (4817 <span itemComponent={"span"} className={"_38my"}>4818 {"Preview"}4819 {null}4820 <span className={"_c1c"}></span>4821 </span>4822 );4823 },4824});4825var XUICardSection520 = React.createClass({4826 render: function() {4827 return (4828 <div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>4829 {[4830 <XUICardHeaderTitle519 key={"/.0"} />,4831 ]}4832 {undefined}4833 {undefined}4834 <div className={"_3s3-"}></div>4835 </div>4836 );4837 },4838});4839var XUICardHeader521 = React.createClass({4840 render: function() {4841 return <XUICardSection520 />;4842 },4843});4844var AdsCardHeader522 = React.createClass({4845 render: function() {4846 return <XUICardHeader521 />;4847 },4848});4849var PillButton523 = React.createClass({4850 render: function() {4851 return <a label={null} selected={true} onClick={function() {}} href={"#"} className={"uiPillButton uiPillButtonSelected"}>{"Desktop Right Column"}</a>;4852 },4853});4854var List524 = React.createClass({4855 render: function() {4856 return (4857 <ul className={"uiList _4ki _509- _6-i _6-h _704"} border={"none"} direction={"horizontal"} spacing={"small"} valign={"top"}>4858 <li key={"0/.$RIGHT_COLUMN_STANDARD"}>4859 <PillButton523 key={"RIGHT_COLUMN_STANDARD"} />4860 </li>4861 </ul>4862 );4863 },4864});4865var PillList525 = React.createClass({4866 render: function() {4867 return <List524 />;4868 },4869});4870var XUICardSection526 = React.createClass({4871 render: function() {4872 return (4873 <div background={"light-wash"} className={"_14p9 _12jy _4-u3 _57d8"}>4874 <div className={"_3-8j"}>4875 <PillList525 />4876 </div>4877 </div>4878 );4879 },4880});4881var AdsCardSection527 = React.createClass({4882 render: function() {4883 return <XUICardSection526 />;4884 },4885});4886var AdsPEPreviewPillList528 = React.createClass({4887 render: function() {4888 return <AdsCardSection527 />;4889 },4890});4891var XUISpinner529 = React.createClass({4892 render: function() {4893 return <span size={"large"} className={"hidden_elem img _55ym _55yq _55yo"} showOnAsync={false} background={"light"} aria-label={"Loading..."} aria-busy={true}></span>;4894 },4895});4896var ReactImage530 = React.createClass({4897 render: function() {4898 return (4899 <i alt={"Warning"} className={"_585p img sp_R48dKBxiJkP sx_aed870"} src={null}>4900 <u>{"Warning"}</u>4901 </i>4902 );4903 },4904});4905var XUINotice531 = React.createClass({4906 render: function() {4907 return (4908 <div size={"medium"} className={"_585n _585o"}>4909 <ReactImage530 />4910 {null}4911 <div className={"_585r _50f4"}>{"Unable to display a preview for this ad."}</div>4912 </div>4913 );4914 },4915});4916var AdPreview532 = React.createClass({4917 render: function() {4918 return (4919 <div className={"_2hm6"}>4920 <div className={undefined}>4921 <div className={"_3akw"}>4922 <XUISpinner529 />4923 </div>4924 <div className={"hidden_elem"}>4925 <XUINotice531 />4926 </div>4927 <div ref={"pageletContainer"} className={""}></div>4928 </div>4929 </div>4930 );4931 },4932});4933var XUICardSection533 = React.createClass({4934 render: function() {4935 return (4936 <div className={"_3m4g _12jy _4-u3"} style={{"maxHeight":"425px"}} background={"transparent"}>4937 <div className={"_3-8j"}>4938 <div className={"_14p7"}>4939 <div className={"_14p8"}>4940 <AdPreview532 />4941 </div>4942 </div>4943 </div>4944 </div>4945 );4946 },4947});4948var AdsCardSection534 = React.createClass({4949 render: function() {4950 return <XUICardSection533 />;4951 },4952});4953var AdsPEPreview535 = React.createClass({4954 render: function() {4955 return (4956 <div>4957 <AdsPEPreviewPillList528 ref={"pillList"} />4958 {undefined}4959 <AdsCardSection534 />4960 </div>4961 );4962 },4963});4964var AdsPEStandardPreview536 = React.createClass({4965 render: function() {4966 return <AdsPEPreview535 />;4967 },4968});4969var AdsPEStandardPreviewContainer537 = React.createClass({4970 render: function() {4971 return <AdsPEStandardPreview536 />;4972 },4973});4974var XUICard538 = React.createClass({4975 render: function() {4976 return (4977 <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>4978 <AdsCardHeader522 />4979 {null}4980 <AdsPEStandardPreviewContainer537 />4981 </div>4982 );4983 },4984});4985var ReactXUIError539 = React.createClass({4986 render: function() {4987 return <XUICard538 />;4988 },4989});4990var AdsCard540 = React.createClass({4991 render: function() {4992 return <ReactXUIError539 />;4993 },4994});4995var AdsPEAdgroupPreviewSection541 = React.createClass({4996 render: function() {4997 return <AdsCard540 />;4998 },4999});5000var AdsPEAdgroupPreviewSectionContainer542 = React.createClass({5001 render: function() {5002 return <AdsPEAdgroupPreviewSection541 />;5003 },5004});5005var AdsPEStickyArea543 = React.createClass({5006 render: function() {5007 return (5008 <div>5009 {null}5010 <div ref={"sticky"}>5011 <AdsPEAdgroupPreviewSectionContainer542 />5012 </div>5013 </div>5014 );5015 },5016});5017var XUICardHeaderTitle544 = React.createClass({5018 render: function() {5019 return (5020 <span itemComponent={"span"} className={"_38my"}>5021 {"Facebook Page"}5022 {null}5023 <span className={"_c1c"}></span>5024 </span>5025 );5026 },5027});5028var XUICardSection545 = React.createClass({5029 render: function() {5030 return (5031 <div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>5032 {[5033 <XUICardHeaderTitle544 key={"/.0"} />,5034 ]}5035 {undefined}5036 {undefined}5037 <div className={"_3s3-"}></div>5038 </div>5039 );5040 },5041});5042var XUICardHeader546 = React.createClass({5043 render: function() {5044 return <XUICardSection545 />;5045 },5046});5047var AdsCardHeader547 = React.createClass({5048 render: function() {5049 return <XUICardHeader546 />;5050 },5051});5052var Link548 = React.createClass({5053 render: function() {5054 return <a className={"fwb"} onClick={function() {}} href={"#"} rel={undefined}>{"Connect a Facebook Page"}</a>;5055 },5056});5057var AdsPEWebsiteNoPageDestinationSection549 = React.createClass({5058 render: function() {5059 return (5060 <div>5061 <div className={"_3-95"}>{"This ad is not connected to a Facebook Page. It will not show in News Feed."}</div>5062 <Link548 />5063 </div>5064 );5065 },5066});5067var AdsPEWebsiteNoPageDestinationSectionContainer550 = React.createClass({5068 render: function() {5069 return <AdsPEWebsiteNoPageDestinationSection549 />;5070 },5071});5072var XUICardSection551 = React.createClass({5073 render: function() {5074 return (5075 <div className={"_12jy _4-u3"} background={"transparent"}>5076 <div className={"_3-8j"}>5077 <AdsPEWebsiteNoPageDestinationSectionContainer550 />5078 </div>5079 </div>5080 );5081 },5082});5083var AdsCardSection552 = React.createClass({5084 render: function() {5085 return <XUICardSection551 />;5086 },5087});5088var XUICard553 = React.createClass({5089 render: function() {5090 return (5091 <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>5092 <AdsCardHeader547 />5093 <AdsCardSection552 />5094 </div>5095 );5096 },5097});5098var ReactXUIError554 = React.createClass({5099 render: function() {5100 return <XUICard553 />;5101 },5102});5103var AdsCard555 = React.createClass({5104 render: function() {5105 return <ReactXUIError554 />;5106 },5107});5108var AdsPEAdgroupDestinationSection556 = React.createClass({5109 render: function() {5110 return <AdsCard555 />;5111 },5112});5113var AdsPEAdgroupDestinationSectionContainer557 = React.createClass({5114 render: function() {5115 return <AdsPEAdgroupDestinationSection556 />;5116 },5117});5118var XUICardHeaderTitle558 = React.createClass({5119 render: function() {5120 return (5121 <span itemComponent={"span"} className={"_38my"}>5122 {"Creative"}5123 {null}5124 <span className={"_c1c"}></span>5125 </span>5126 );5127 },5128});5129var XUICardSection559 = React.createClass({5130 render: function() {5131 return (5132 <div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>5133 {[5134 <XUICardHeaderTitle558 key={"/.0"} />,5135 ]}5136 {undefined}5137 {undefined}5138 <div className={"_3s3-"}></div>5139 </div>5140 );5141 },5142});5143var XUICardHeader560 = React.createClass({5144 render: function() {5145 return <XUICardSection559 />;5146 },5147});5148var AdsCardHeader561 = React.createClass({5149 render: function() {5150 return <XUICardHeader560 />;5151 },5152});5153var ReactImage562 = React.createClass({5154 render: function() {5155 return <i src={null} className={"_541d img sp_R48dKBxiJkP sx_dc2cdb"}></i>;5156 },5157});5158var AdsPopoverLink563 = React.createClass({5159 render: function() {5160 return (5161 <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}}>5162 <span className={"_3o_j"}></span>5163 <ReactImage562 />5164 </span>5165 );5166 },5167});5168var AdsHelpLink564 = React.createClass({5169 render: function() {5170 return <AdsPopoverLink563 />;5171 },5172});5173var AdsLabeledField565 = React.createClass({5174 render: function() {5175 return (5176 <div htmlFor={undefined} label={"Website URL"} helpText={"Enter the website URL you want to promote. Ex: http://www.example.com/page"} helpLinger={undefined} optional={undefined} labelSize={"small"} className={"_3bvz"}>5177 <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>5178 {"Website URL"}5179 {" "}5180 {undefined}5181 </label>5182 <AdsHelpLink564 />5183 <div className={"_3bv-"}></div>5184 </div>5185 );5186 },5187});5188var ReactXUIError566 = React.createClass({5189 render: function() {5190 return (5191 <div className={"_gon _2vl4 _1h18"}>5192 <div className={"_2vln"}>{1001}</div>5193 <AdsLabeledField565 />5194 <div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>5195 <div className={"_2vla _1h1g"}>5196 <div>5197 {null}5198 <textarea ref={"input"} id={undefined} disabled={undefined} onKeyDown={function() {}} onFocus={function() {}} onBlur={function() {}} onChange={function() {}} dir={"auto"} maxLength={null} className={"_2vli _2vlj _1h26 _1h27"} value={"http://www.example.com/"}></textarea>5199 {null}5200 </div>5201 <div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>5202 </div>5203 </div>5204 {null}5205 </div>5206 );5207 },5208});5209var AdsTextInput567 = React.createClass({5210 render: function() {5211 return <ReactXUIError566 />;5212 },5213});5214var AdsBulkTextInput568 = React.createClass({5215 render: function() {5216 return <AdsTextInput567 />;5217 },5218});5219var AdsPEWebsiteURLField569 = React.createClass({5220 render: function() {5221 return <AdsBulkTextInput568 />;5222 },5223});5224var ReactImage570 = React.createClass({5225 render: function() {5226 return <i src={null} className={"_541d img sp_R48dKBxiJkP sx_dc2cdb"}></i>;5227 },5228});5229var AdsPopoverLink571 = React.createClass({5230 render: function() {5231 return (5232 <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}}>5233 <span className={"_3o_j"}></span>5234 <ReactImage570 />5235 </span>5236 );5237 },5238});5239var AdsHelpLink572 = React.createClass({5240 render: function() {5241 return <AdsPopoverLink571 />;5242 },5243});5244var AdsLabeledField573 = React.createClass({5245 render: function() {5246 return (5247 <div htmlFor={undefined} label={"Headline"} helpText={"Your headline text will appear differently depending on the placement of your ad. Check the previews to make sure your headline looks the way you want in the placements it appears in."} helpLinger={undefined} optional={undefined} labelSize={"small"} className={"_3bvz"}>5248 <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>5249 {"Headline"}5250 {" "}5251 {undefined}5252 </label>5253 <AdsHelpLink572 />5254 <div className={"_3bv-"}></div>5255 </div>5256 );5257 },5258});5259var ReactXUIError574 = React.createClass({5260 render: function() {5261 return (5262 <div className={"_gon _2vl4 _1h18"}>5263 <div className={"_2vln"}>{18}</div>5264 <AdsLabeledField573 />5265 <div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>5266 <div className={"_2vla _1h1g"}>5267 <div>5268 {null}5269 <textarea ref={"input"} id={undefined} disabled={undefined} onKeyDown={function() {}} onFocus={function() {}} onBlur={function() {}} onChange={function() {}} dir={"auto"} maxLength={null} className={"_2vli _2vlj _1h26 _1h27"} value={"Example"}></textarea>5270 {null}5271 </div>5272 <div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>5273 </div>5274 </div>5275 {null}5276 </div>5277 );5278 },5279});5280var AdsTextInput575 = React.createClass({5281 render: function() {5282 return <ReactXUIError574 />;5283 },5284});5285var AdsBulkTextInput576 = React.createClass({5286 render: function() {5287 return <AdsTextInput575 />;5288 },5289});5290var AdsPEHeadlineField577 = React.createClass({5291 render: function() {5292 return <AdsBulkTextInput576 />;5293 },5294});5295var AdsLabeledField578 = React.createClass({5296 render: function() {5297 return (5298 <div htmlFor={undefined} label={"Text"} helpText={undefined} helpLinger={undefined} optional={undefined} labelSize={"small"} className={"_3bvz"}>5299 <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>5300 {"Text"}5301 {" "}5302 {undefined}5303 </label>5304 {null}5305 <div className={"_3bv-"}></div>5306 </div>5307 );5308 },5309});5310var ReactXUIError579 = React.createClass({5311 render: function() {5312 return (5313 <div className={"_gon _2vl4 _2vl6 _1h18 _1h1a"}>5314 <div className={"_2vln"}>{74}</div>5315 <AdsLabeledField578 />5316 <div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>5317 <div className={"_2vla _1h1g"}>5318 <div>5319 {null}5320 <textarea ref={"input"} id={undefined} disabled={undefined} onKeyDown={function() {}} onFocus={function() {}} onBlur={function() {}} onChange={function() {}} dir={"auto"} maxLength={null} className={"_2vli _2vlj _1h26 _1h27"} value={"It's an example."}></textarea>5321 {null}5322 </div>5323 <div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>5324 </div>5325 </div>5326 {null}5327 </div>5328 );5329 },5330});5331var AdsTextInput580 = React.createClass({5332 render: function() {5333 return <ReactXUIError579 />;5334 },5335});5336var AdsBulkTextInput581 = React.createClass({5337 render: function() {5338 return <AdsTextInput580 />;5339 },5340});5341var AdsPEMessageField582 = React.createClass({5342 render: function() {5343 return (5344 <div>5345 <AdsBulkTextInput581 />5346 {null}5347 </div>5348 );5349 },5350});5351var AbstractButton583 = React.createClass({5352 render: function() {5353 return (5354 <button label={null} onClick={function() {}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} className={"_4jy0 _4jy4 _517h _51sy _42ft"} type={"submit"} value={"1"}>5355 {undefined}5356 {"Change Image"}5357 {undefined}5358 </button>5359 );5360 },5361});5362var XUIButton584 = React.createClass({5363 render: function() {5364 return <AbstractButton583 />;5365 },5366});5367var BackgroundImage585 = React.createClass({5368 render: function() {5369 return (5370 <div src={"https://scontent.xx.fbcdn.net/hads-xap1/t45.1600-4/12124737_98010048849339_1665004369_n.png"} width={114.6} height={60} backgroundSize={"contain"} optimizeResizeSpeed={false} loadingIndicatorStyle={"none"} className={"_5f0d"} style={{"width":"114.6px","height":"60px"}} onContextMenu={undefined}>5371 <img alt={""} className={"_5i4g"} style={{"width":"90px","height":"60px","left":"12px","top":"0px"}} src={"https://scontent.xx.fbcdn.net/hads-xap1/t45.1600-4/12124737_98010048849339_1665004369_n.png"}></img>5372 {undefined}5373 {null}5374 </div>5375 );5376 },5377});5378var XUIText586 = React.createClass({5379 render: function() {5380 return <span shade={"light"} className={"_50f8"} size={"inherit"} weight={"inherit"} display={"inline"}>{"1000 × 667"}</span>;5381 },5382});5383var XUIGrayText587 = React.createClass({5384 render: function() {5385 return <XUIText586 />;5386 },5387});5388var XUIText588 = React.createClass({5389 render: function() {5390 return (5391 <div className={"_3-95 _50f7"} display={"block"} weight={"bold"} size={"inherit"}>5392 {"untitled – "}5393 <XUIGrayText587 />5394 {""}5395 </div>5396 );5397 },5398});5399var CenteredContainer589 = React.createClass({5400 render: function() {5401 return (5402 <div className={"_50vi"} horizontal={false} vertical={true} fullHeight={false}>5403 <div className={"_3bwv"}>5404 <div className={"_3bwy"}>5405 <div key={"/.0"} className={"_3bwx"}>5406 <XUIText588 />5407 </div>5408 <div key={"/.1"} className={"_3bwx"}></div>5409 </div>5410 </div>5411 </div>5412 );5413 },5414});5415var Link590 = React.createClass({5416 render: function() {5417 return <a href={"/business/ads-guide/"} target={"_blank"} rel={undefined} onClick={function() {}}>{"Facebook Ad Guidelines"}</a>;5418 },5419});5420var XUIText591 = React.createClass({5421 render: function() {5422 return (5423 <div className={"_3-96"} display={"block"} size={"inherit"} weight={"inherit"}>5424 {"For questions and more information, see the "}5425 <Link590 />5426 {"."}5427 </div>5428 );5429 },5430});5431var AdsImageInput592 = React.createClass({5432 render: function() {5433 return (5434 <div>5435 <div>5436 <XUIButton584 />5437 {undefined}5438 </div>5439 {null}5440 <div className={"_50vh _3-8n _2ph_"}>5441 <div className={"_37xq"}>5442 <div className={"_3-90"}>5443 <div className={" _1yi2"} onContextMenu={undefined}>5444 <BackgroundImage585 />5445 </div>5446 </div>5447 <CenteredContainer589 />5448 </div>5449 {null}5450 </div>5451 <XUIText591 />5452 {null}5453 </div>5454 );5455 },5456});5457var AdsBulkImageInput593 = React.createClass({5458 render: function() {5459 return <AdsImageInput592 />;5460 },5461});5462var AdsLabeledField594 = React.createClass({5463 render: function() {5464 return (5465 <div className={"_3-96 _3bvz"} label={"Image"} labelSize={"small"}>5466 <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>5467 {"Image"}5468 {" "}5469 {undefined}5470 </label>5471 {null}5472 <div className={"_3bv-"}>5473 <AdsBulkImageInput593 />5474 </div>5475 </div>5476 );5477 },5478});5479var AdsPEImageSelector595 = React.createClass({5480 render: function() {5481 return <AdsLabeledField594 />;5482 },5483});5484var AdsPEImageSelectorContainer596 = React.createClass({5485 render: function() {5486 return <AdsPEImageSelector595 />;5487 },5488});5489var AdsPEWebsiteNoPageCreative597 = React.createClass({5490 render: function() {5491 return (5492 <div>5493 <AdsPEWebsiteURLField569 />5494 <AdsPEHeadlineField577 />5495 <AdsPEMessageField582 />5496 <AdsPEImageSelectorContainer596 />5497 </div>5498 );5499 },5500});5501var AdsPEWebsiteNoPageCreativeContainer598 = React.createClass({5502 render: function() {5503 return <AdsPEWebsiteNoPageCreative597 />;5504 },5505});5506var XUICardSection599 = React.createClass({5507 render: function() {5508 return (5509 <div className={"_12jy _4-u3"} background={"transparent"}>5510 <div className={"_3-8j"}>5511 <div></div>5512 <AdsPEWebsiteNoPageCreativeContainer598 />5513 </div>5514 </div>5515 );5516 },5517});5518var AdsCardSection600 = React.createClass({5519 render: function() {5520 return <XUICardSection599 />;5521 },5522});5523var XUICard601 = React.createClass({5524 render: function() {5525 return (5526 <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>5527 <AdsCardHeader561 />5528 <AdsCardSection600 />5529 </div>5530 );5531 },5532});5533var ReactXUIError602 = React.createClass({5534 render: function() {5535 return <XUICard601 />;5536 },5537});5538var AdsCard603 = React.createClass({5539 render: function() {5540 return <ReactXUIError602 />;5541 },5542});5543var AdsPEAdgroupCreativeSection604 = React.createClass({5544 render: function() {5545 return <AdsCard603 />;5546 },5547});5548var AdsPEAdgroupCreativeSectionContainer605 = React.createClass({5549 render: function() {5550 return <AdsPEAdgroupCreativeSection604 />;5551 },5552});5553var AdsPELeadGenFormSection606 = React.createClass({5554 render: function() {5555 return null;5556 },5557});5558var AdsPELeadGenFormContainer607 = React.createClass({5559 render: function() {5560 return <AdsPELeadGenFormSection606 />;5561 },5562});5563var XUICardHeaderTitle608 = React.createClass({5564 render: function() {5565 return (5566 <span itemComponent={"span"} className={"_38my"}>5567 {"Tracking"}5568 {null}5569 <span className={"_c1c"}></span>5570 </span>5571 );5572 },5573});5574var XUICardSection609 = React.createClass({5575 render: function() {5576 return (5577 <div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>5578 {[5579 <XUICardHeaderTitle608 key={"/.0"} />,5580 ]}5581 {undefined}5582 {undefined}5583 <div className={"_3s3-"}></div>5584 </div>5585 );5586 },5587});5588var XUICardHeader610 = React.createClass({5589 render: function() {5590 return <XUICardSection609 />;5591 },5592});5593var AdsCardHeader611 = React.createClass({5594 render: function() {5595 return <XUICardHeader610 />;5596 },5597});5598var XUIText612 = React.createClass({5599 render: function() {5600 return <span weight={"bold"} className={"_3ga- _50f7"} size={"inherit"} display={"inline"}>{"Conversion Tracking"}</span>;5601 },5602});5603var ReactImage613 = React.createClass({5604 render: function() {5605 return <i src={null} className={"_5s_w _541d img sp_R48dKBxiJkP sx_dc2cdb"}></i>;5606 },5607});5608var AdsPopoverLink614 = React.createClass({5609 render: function() {5610 return (5611 <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}}>5612 <span className={"_3o_j"}></span>5613 <ReactImage613 />5614 </span>5615 );5616 },5617});5618var AdsHelpLink615 = React.createClass({5619 render: function() {5620 return <AdsPopoverLink614 />;5621 },5622});5623var AdsCFHelpLink616 = React.createClass({5624 render: function() {5625 return <AdsHelpLink615 />;5626 },5627});5628var AdsPixelTrackingLabel617 = React.createClass({5629 render: function() {5630 return (5631 <div className={"_3gay"}>5632 <XUIText612 />5633 <AdsCFHelpLink616 />5634 </div>5635 );5636 },5637});5638var ReactImage618 = React.createClass({5639 render: function() {5640 return <i src={null} className={"img _8o _8r img sp_UuU9HmrQ397 sx_ad67ef"}></i>;5641 },5642});5643var XUIText619 = React.createClass({5644 render: function() {5645 return <div size={"medium"} weight={"bold"} shade={"medium"} display={"block"} className={"_3-8m _c24 _50f4 _50f7"}>{"Facebook Pixel"}</div>;5646 },5647});5648var XUIGrayText620 = React.createClass({5649 render: function() {5650 return <XUIText619 />;5651 },5652});5653var XUIText621 = React.createClass({5654 render: function() {5655 return <span size={"medium"} weight={"inherit"} display={"inline"} className={" _50f4"}>{"Learn More"}</span>;5656 },5657});5658var Link622 = React.createClass({5659 render: function() {5660 return (5661 <a href={"/help/336923339852238"} target={"_blank"} rel={undefined} onClick={function() {}}>5662 <XUIText621 />5663 </a>5664 );5665 },5666});5667var XUIText623 = React.createClass({5668 render: function() {5669 return (5670 <span shade={"medium"} size={"medium"} className={" _c24 _50f4"} weight={"inherit"} display={"inline"}>5671 {"You can now create one pixel for tracking, optimization and remarketing."}5672 <span className={"_3-99"}>5673 <Link622 />5674 </span>5675 </span>5676 );5677 },5678});5679var XUIGrayText624 = React.createClass({5680 render: function() {5681 return <XUIText623 />;5682 },5683});5684var AbstractButton625 = React.createClass({5685 render: function() {5686 return (5687 <button className={"_23ng _4jy0 _4jy4 _4jy1 _51sy selected _42ft"} label={null} onClick={function() {}} size={"large"} use={"confirm"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>5688 {undefined}5689 {"Create a Pixel"}5690 {undefined}5691 </button>5692 );5693 },5694});5695var XUIButton626 = React.createClass({5696 render: function() {5697 return <AbstractButton625 />;5698 },5699});5700var AdsPixelCreateButton627 = React.createClass({5701 render: function() {5702 return <XUIButton626 />;5703 },5704});5705var LeftRight628 = React.createClass({5706 render: function() {5707 return (5708 <div className={"_23nf clearfix"} direction={"left"}>5709 <div key={"left"} className={"_ohe lfloat"}>5710 <ReactImage618 />5711 </div>5712 <div key={"right"} className={""}>5713 <div className={"_42ef _8u"}>5714 <div>5715 <XUIGrayText620 />5716 <XUIGrayText624 />5717 <div className={"_3-8x"}>5718 <AdsPixelCreateButton627 />5719 </div>5720 </div>5721 </div>5722 </div>5723 </div>5724 );5725 },5726});5727var ImageBlock629 = React.createClass({5728 render: function() {5729 return <LeftRight628 />;5730 },5731});5732var AdsPixelCreationCard630 = React.createClass({5733 render: function() {5734 return (5735 <div className={"_2pie"} horizontal={true}>5736 <div className={"_23ne _4fsl"}>5737 <ImageBlock629 />5738 </div>5739 </div>5740 );5741 },5742});5743var AdsPixelTrackingSelector631 = React.createClass({5744 render: function() {5745 return (5746 <div className={"_3-8x _4fsk"}>5747 <AdsPixelCreationCard630 key={"FacebookPixelNUX"} />5748 </div>5749 );5750 },5751});5752var AdsPixelTracking632 = React.createClass({5753 render: function() {5754 return (5755 <div className={undefined}>5756 <AdsPixelTrackingLabel617 />5757 <div className={"_3-8x"}>5758 <div></div>5759 </div>5760 <AdsPixelTrackingSelector631 />5761 </div>5762 );5763 },5764});5765var AdsPEPixelTracking633 = React.createClass({5766 render: function() {5767 return <AdsPixelTracking632 key={"tracking"} />;5768 },5769});5770var AdsPEPixelTrackingContainer634 = React.createClass({5771 render: function() {5772 return <AdsPEPixelTracking633 />;5773 },5774});5775var AdsPEAdgroupAppTrackingSelectorContainer635 = React.createClass({5776 render: function() {5777 return null;5778 },5779});5780var AdsPEStandardTrackingSection636 = React.createClass({5781 render: function() {5782 return (5783 <div>5784 {null}5785 <div className={"_3-96"}>5786 <AdsPEPixelTrackingContainer634 />5787 </div>5788 <div className={"_3-96"}>5789 <AdsPEAdgroupAppTrackingSelectorContainer635 />5790 </div>5791 {null}5792 </div>5793 );5794 },5795});5796var AdsPEStandardTrackingContainer637 = React.createClass({5797 render: function() {5798 return <AdsPEStandardTrackingSection636 />;5799 },5800});5801var XUICardSection638 = React.createClass({5802 render: function() {5803 return (5804 <div className={"_12jy _4-u3"} background={"transparent"}>5805 <div className={"_3-8j"}>5806 <AdsPEStandardTrackingContainer637 />5807 </div>5808 </div>5809 );5810 },5811});5812var AdsCardSection639 = React.createClass({5813 render: function() {5814 return <XUICardSection638 />;5815 },5816});5817var XUICard640 = React.createClass({5818 render: function() {5819 return (5820 <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>5821 <AdsCardHeader611 />5822 <AdsCardSection639 />5823 </div>5824 );5825 },5826});5827var ReactXUIError641 = React.createClass({5828 render: function() {5829 return <XUICard640 />;5830 },5831});5832var AdsCard642 = React.createClass({5833 render: function() {5834 return <ReactXUIError641 />;5835 },5836});5837var AdsPEAdgroupTrackingSection643 = React.createClass({5838 render: function() {5839 return <AdsCard642 />;5840 },5841});5842var AdsPEAdgroupTrackingSectionContainer644 = React.createClass({5843 render: function() {5844 return <AdsPEAdgroupTrackingSection643 />;5845 },5846});5847var AdsPEAdgroupIOSection645 = React.createClass({5848 render: function() {5849 return null;5850 },5851});5852var AdsPEAdgroupIOSectionContainer646 = React.createClass({5853 render: function() {5854 return <AdsPEAdgroupIOSection645 />;5855 },5856});5857var LeftRight647 = React.createClass({5858 render: function() {5859 return (5860 <div flex={"left"} direction={"right"} className={"clearfix"}>5861 <div key={"right"} className={"_ohf rfloat"}>5862 <div className={"_20ro _20rp"}>5863 <div>5864 {null}5865 <AdsPEAdgroupLinksSectionContainer518 />5866 <AdsPEStickyArea543 />5867 </div>5868 </div>5869 </div>5870 <div key={"left"} className={""}>5871 <div className={"_42ef"}>5872 <div>5873 <AdsPEAdgroupDestinationSectionContainer557 />5874 <AdsPEAdgroupCreativeSectionContainer605 />5875 <AdsPELeadGenFormContainer607 />5876 <AdsPEAdgroupTrackingSectionContainer644 />5877 <AdsPEAdgroupIOSectionContainer646 />5878 </div>5879 </div>5880 </div>5881 </div>5882 );5883 },5884});5885var FlexibleBlock648 = React.createClass({5886 render: function() {5887 return <LeftRight647 />;5888 },5889});5890var AdsPEMultiColumnEditor649 = React.createClass({5891 render: function() {5892 return (5893 <div className={"_2j_c _ykd"}>5894 <div>5895 <FluxContainer_r_483 />5896 {null}5897 <AdsPEAdgroupAutoNamingConfirmationContainer484 />5898 <AdsPEAdgroupNameSectionContainer500 />5899 </div>5900 <FlexibleBlock648 />5901 </div>5902 );5903 },5904});5905var AdsPEAdgroupEditor650 = React.createClass({5906 render: function() {5907 return (5908 <div>5909 <AdsPEAdgroupHeaderSectionContainer481 />5910 <AdsPEMultiColumnEditor649 />5911 </div>5912 );5913 },5914});5915var AdsPEAdgroupEditorContainer651 = React.createClass({5916 render: function() {5917 return <AdsPEAdgroupEditor650 key={"98010048849345"} />;5918 },5919});5920var AdsPESideTrayTabContent652 = React.createClass({5921 render: function() {5922 return (5923 <div className={"_1o_8 _44ra _5cyn"}>5924 <AdsPEAdgroupEditorContainer651 />5925 </div>5926 );5927 },5928});5929var AdsPEEditorTrayTabContent653 = React.createClass({5930 render: function() {5931 return <AdsPESideTrayTabContent652 />;5932 },5933});5934var AdsPEMultiTabDrawer654 = React.createClass({5935 render: function() {5936 return (5937 <div style={{"height":550,"width":1027}} tabButtons={{}} tabContentPanes={{}} enableAnimation={true} showButton={true} className={"_2kev _2kew _2kex"}>5938 <div className={"_2kf0"}>5939 <AdsPEEditorTrayTabButton469 key={"editor_tray_button"} />5940 <AdsPEInsightsTrayTabButton472 key={"insights_tray_button"} />5941 <AdsPENekoDebuggerTrayTabButton474 key={"neko_debugger_tray_button"} />5942 </div>5943 <div className={"_2kf1"}>5944 <FBDragHandle475 />5945 <AdsPEEditorTrayTabContent653 key={"EDITOR_DRAWER"} />5946 {null}5947 </div>5948 </div>5949 );5950 },5951});5952var FluxContainer_x_655 = React.createClass({5953 render: function() {5954 return <AdsPEMultiTabDrawer654 />;5955 },5956});5957var AdsBugReportContainer656 = React.createClass({5958 render: function() {5959 return null;5960 },5961});5962var AdsPEAudienceSplittingDialog657 = React.createClass({5963 render: function() {5964 return null;5965 },5966});5967var AdsPEAudienceSplittingDialogContainer658 = React.createClass({5968 render: function() {5969 return (5970 <div>5971 <AdsPEAudienceSplittingDialog657 />5972 </div>5973 );5974 },5975});5976var FluxContainer_p_659 = React.createClass({5977 render: function() {5978 return null;5979 },5980});5981var AdsPECreateDialogContainer660 = React.createClass({5982 render: function() {5983 return null;5984 },5985});5986var AdsPEContainer661 = React.createClass({5987 render: function() {5988 return (5989 <div id={"ads_pe_container"}>5990 {null}5991 <FluxContainer_ja_26 />5992 <FluxContainer_w_56 />5993 <FluxContainer_r_463 />5994 <FluxContainer_q_464 />5995 <FluxContainer_y_466 />5996 {null}5997 <FluxContainer_x_655 />5998 <AdsBugReportContainer656 />5999 {null}6000 <AdsPEAudienceSplittingDialogContainer658 />6001 {null}6002 {null}6003 {null}6004 <FluxContainer_p_659 />6005 <AdsPECreateDialogContainer660 />6006 </div>6007 );6008 },6009});6010var Benchmark = React.createClass({6011 render: function() {6012 return <AdsPEContainer661 />;6013 },6014});6015this.Benchmark = Benchmark;...

script.js

Source:script.js

...728729 determine(row, col, shape, option);}730731 //create variable class for jquery732 function createClass(row,col){733 return $('.r' + row.toString() + 'c' + col.toString());}734735 //determine wether the shape fits or not736 function determine(row, col, shape, option){737 if(shape === 0){738 //vertical line739 if(createClass(row-1, col).css("background-color") === 'rgba(0, 0, 0, 0)' && createClass(row, col).css("background-color") === 'rgba(0, 0, 0, 0)' && createClass(row+1, col).css("background-color") === 'rgba(0, 0, 0, 0)'){ 740 createClass(row-1, col).css("background-color","black");741 createClass(row, col).css("background-color","black");742 createClass(row+1, col).css("background-color","black");743 setTimeout(functions, 600, shape)744 place(row,col,shape)745 shapes(option,option,option);746 //return blocks to normal position after being dropped747 placeBlocks();748749 }else{750 // console.log("Shape 0 cant be placed here");751 placeBlocks();752 return;753 }754 }else if(shape === 1){755 //middle dot756 //console.log("shape === 1")757 if(createClass(row, col).css("background-color") === 'rgba(0, 0, 0, 0)'){758 createClass(row, col).css('background-color', 'black');759 setTimeout(functions, 600, shape)760 place(row,col,shape)761 shapes(option,option,option);762 //return blocks to normal position after being dropped763 placeBlocks();764 }else{765 // console.log("Shape 1 cant be placed here");766 placeBlocks();767 return;768 }769 }else if(shape === 2){770 //horizontal line771 //console.log("shape === 2")772 if(createClass(row, col-1).css("background-color") === 'rgba(0, 0, 0, 0)' && createClass(row, col).css("background-color") === 'rgba(0, 0, 0, 0)' && createClass(row, col+1).css("background-color") === 'rgba(0, 0, 0, 0)'){773 createClass(row, col-1).css("background-color","black");774 createClass(row, col).css("background-color","black");775 createClass(row, col+1).css("background-color","black");776 setTimeout(functions, 600, shape)777 place(row,col,shape)778 shapes(option,option,option);779 placeBlocks();780 }else{781 // console.log("Shape 2 cant be placed here");782 placeBlocks();783 return;784 } 785 }else if(shape === 3){786 //cross787 //console.log("shape === 3")788 if(createClass(row-1, col).css("background-color") === 'rgba(0, 0, 0, 0)' && createClass(row, col-1).css("background-color") === 'rgba(0, 0, 0, 0)' && createClass(row, col).css("background-color") === 'rgba(0, 0, 0, 0)' && createClass(row+1, col).css("background-color") === 'rgba(0, 0, 0, 0)' && createClass(row, col+1).css("background-color") === 'rgba(0, 0, 0, 0)'){789 createClass(row-1, col).css("background-color","black");790 createClass(row, col-1).css("background-color","black");791 createClass(row, col).css("background-color","black");792 createClass(row+1, col).css("background-color","black");793 createClass(row, col+1).css("background-color","black");794 setTimeout(functions, 600, shape)795 place(row,col,shape)796 shapes(option,option,option);797 placeBlocks();798 }else{799 // console.log("Shape 3 cant be placed here");800 placeBlocks();801 return;802 } 803 }else if(shape === 4){804 //big right diagonal 805 //console.log("shape === 4");806 if(createClass(row-1,col+1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col-1).css("background-color") === 'rgba(0, 0, 0, 0)'){807 createClass(row-1, col+1).css("background-color","black");808 createClass(row, col).css("background-color","black");809 createClass(row+1, col-1).css("background-color","black");810 setTimeout(functions, 600, shape)811 place(row,col,shape)812 shapes(option,option,option);813 //return blocks to normal position after being dropped814 placeBlocks();815 }else{816 // console.log("Shape 4 cant be placed here");817 placeBlocks();818 return;819 }820 }else if(shape === 5){821 //cube822 //console.log("shape === 5")823 if(createClass(row-1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row-1,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)"){824 createClass(row-1, col-1).css("background-color","black");825 createClass(row-1, col).css("background-color","black");826 createClass(row, col).css("background-color","black");827 createClass(row, col-1).css("background-color","black");828 setTimeout(functions, 600, shape)829 place(row,col,shape)830 shapes(option,option,option);831 //return blocks to normal position after being dropped832 placeBlocks();833 }else{834 // console.log("Shape 5 cant be placed here");835 placeBlocks(); 836 return;837 }838 }else if(shape === 6){839 //small right diagonal840 //console.log("shape === 6")841 if(createClass(row-1,col+1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)"){842 createClass(row-1,col+1).css("background-color", "black");843 createClass(row,col).css("background-color", "black");844 setTimeout(functions, 600, shape)845 place(row,col,shape)846 shapes(option,option,option);847 placeBlocks();848 }else{849 // console.log("Shape 6 cant be placed here");850 placeBlocks();851 return;852 }853 }else if(shape === 7){854 //left diagonal855 //console.log("shape === 7")856 if(createClass(row-1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col+1).css("background-color") === "rgba(0, 0, 0, 0)"){857 createClass(row-1,col-1).css("background-color", "black");858 createClass(row,col).css("background-color", "black");859 createClass(row+1,col+1).css("background-color", "black");860 setTimeout(functions, 600, shape)861 place(row,col,shape)862 shapes(option,option,option);863 placeBlocks();864 }else{865 // console.log("Shape 7 cant be placed here");866 placeBlocks();867 return;868 }869 }else if(shape === 8){870 //small left diagonal871 //console.log("shape === 8")872 if(createClass(row-1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)"){873 createClass(row-1,col-1).css("background-color", "black");874 createClass(row,col).css("background-color", "black");875 setTimeout(functions, 600, shape)876 place(row,col,shape)877 shapes(option,option,option);878 placeBlocks();879 }else{880 // console.log("Shape 8 cant be placed here");881 placeBlocks();882 return;883 }884 }else if(shape === 9){885 //console.log("shape === 9")886 if(createClass(row+1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col+1).css("background-color") === "rgba(0, 0, 0, 0)"){887 createClass(row+1,col-1).css("background-color", "black");888 createClass(row+1,col).css("background-color", "black");889 createClass(row,col).css("background-color", "black");890 createClass(row,col+1).css("background-color", "black");891 setTimeout(functions, 600, shape)892 place(row,col,shape)893 shapes(option,option,option);894 placeBlocks();895 }else{896 // console.log("Shape 9 cant be placed here");897 placeBlocks();898 return;899 }900 }else if(shape === 10){901 //console.log("shape === 10")902 if(createClass(row,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col+1).css("background-color") === "rgba(0, 0, 0, 0)"){903 createClass(row,col-1).css("background-color", "black");904 createClass(row+1,col).css("background-color", "black");905 createClass(row,col).css("background-color", "black");906 createClass(row+1,col+1).css("background-color", "black");907 setTimeout(functions, 600, shape)908 place(row,col,shape)909 shapes(option,option,option);910 placeBlocks();911 }else{912 // console.log("Shape 10 cant be placed here");913 placeBlocks();914 return;915 }916 }else if(shape === 11){917 //console.log("shape === 11")918 if(createClass(row-1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col).css("background-color") === "rgba(0, 0, 0, 0)"){919 createClass(row-1,col-1).css("background-color", "black");920 createClass(row,col-1).css("background-color", "black");921 createClass(row,col).css("background-color", "black");922 createClass(row+1,col).css("background-color", "black");923 setTimeout(functions, 600, shape)924 place(row,col,shape)925 shapes(option,option,option);926 placeBlocks();927 }else{928 // console.log("Shape 11 cant be placed here");929 placeBlocks();930 return;931 }932 }else if(shape === 12){933 //console.log("shape === 12")934 if(createClass(row-1,col+1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col+1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col).css("background-color") === "rgba(0, 0, 0, 0)"){935 createClass(row-1,col+1).css("background-color", "black");936 createClass(row,col).css("background-color", "black");937 createClass(row,col+1).css("background-color", "black");938 createClass(row+1,col).css("background-color", "black");939 setTimeout(functions, 600, shape)940 place(row,col,shape)941 shapes(option,option,option);942 placeBlocks();943 }else{944 // console.log("Shape 12 cant be placed here");945 placeBlocks();946 return;947 }948 }else if(shape === 13){949 //console.log("shape === 13")950 if(createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col+1).css("background-color") === "rgba(0, 0, 0, 0)"){951 createClass(row,col).css("background-color", "black");952 createClass(row+1,col-1).css("background-color", "black");953 createClass(row+1,col).css("background-color", "black");954 createClass(row+1,col+1).css("background-color", "black");955 setTimeout(functions, 600, shape)956 place(row,col,shape)957 shapes(option,option,option);958 placeBlocks();959 }else{960 // console.log("Shape 13 cant be placed here");961 placeBlocks();962 return;963 }964 }else if(shape === 14){965 //console.log("shape === 14")966 if(createClass(row-1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row-1,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row-1,col+1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)"){967 createClass(row-1,col-1).css("background-color", "black");968 createClass(row-1,col).css("background-color", "black");969 createClass(row-1,col+1).css("background-color", "black");970 createClass(row,col).css("background-color", "black");971 setTimeout(functions, 600, shape)972 place(row,col,shape)973 shapes(option,option,option);974 placeBlocks();975 }else{976 //console.log("Shape 14 cant be placed here");977 placeBlocks();978 return;979 }980 }else if(shape === 15){981 //console.log("shape === 15")982 if(createClass(row-1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col-1).css("background-color") === "rgba(0, 0, 0, 0)"){983 createClass(row-1,col-1).css("background-color", "black");984 createClass(row,col-1).css("background-color", "black");985 createClass(row+1,col-1).css("background-color", "black");986 createClass(row,col).css("background-color", "black");987 setTimeout(functions, 600, shape)988 place(row,col,shape)989 shapes(option,option,option);990 placeBlocks();991 }else{992 //console.log("Shape 14 cant be placed here");993 placeBlocks();994 return;995 }996 }else if(shape === 16){997 //console.log("shape === 16")998 if(createClass(row-1,col+1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col+1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col+1).css("background-color") === "rgba(0, 0, 0, 0)"){999 createClass(row-1,col+1).css("background-color", "black");1000 createClass(row,col+1).css("background-color", "black");1001 createClass(row+1,col+1).css("background-color", "black");1002 createClass(row,col).css("background-color", "black");1003 setTimeout(functions, 600, shape)1004 place(row,col,shape)1005 shapes(option,option,option);1006 placeBlocks();1007 }else{1008 //console.log("Shape 14 cant be placed here");1009 placeBlocks();1010 return;1011 }1012 }else if(shape === 17){1013 //console.log("shape === 17")1014 if(createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col).css("background-color") === "rgba(0, 0, 0, 0)"){1015 createClass(row,col).css("background-color", "black");1016 createClass(row+1,col-1).css("background-color", "black");1017 createClass(row+1,col).css("background-color", "black");1018 setTimeout(functions, 600, shape)1019 place(row,col,shape)1020 shapes(option,option,option);1021 placeBlocks();1022 }else{1023 //console.log("Shape 14 cant be placed here");1024 placeBlocks();1025 return;1026 }1027 }else if(shape === 18){1028 //console.log("shape === 18")1029 if(createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col+1).css("background-color") === "rgba(0, 0, 0, 0)"){1030 createClass(row,col).css("background-color", "black");1031 createClass(row+1,col).css("background-color", "black");1032 createClass(row+1,col+1).css("background-color", "black");1033 setTimeout(functions, 600, shape)1034 place(row,col,shape)1035 shapes(option,option,option);1036 placeBlocks();1037 }else{1038 //console.log("Shape 14 cant be placed here");1039 placeBlocks();1040 return;1041 }1042 }else if(shape === 19){1043 //console.log("shape === 19")1044 if(createClass(row-1,col-1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row-1,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)"){1045 createClass(row,col).css("background-color", "black");1046 createClass(row-1,col-1).css("background-color", "black");1047 createClass(row-1,col).css("background-color", "black");1048 setTimeout(functions, 600, shape)1049 place(row,col,shape)1050 shapes(option,option,option);1051 placeBlocks();1052 }else{1053 //console.log("Shape 14 cant be placed here");1054 placeBlocks();1055 return;1056 }1057 }else if(shape === 20){1058 //console.log("shape === 20")1059 if(createClass(row-1,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row-1,col+1).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)"){1060 createClass(row,col).css("background-color", "black");1061 createClass(row-1,col).css("background-color", "black");1062 createClass(row-1,col+1).css("background-color", "black");1063 setTimeout(functions, 600, shape)1064 place(row,col,shape)1065 shapes(option,option,option);1066 placeBlocks();1067 }else{1068 //console.log("Shape 14 cant be placed here");1069 placeBlocks();1070 return;1071 }1072 }else if(shape === 21){1073 //console.log("shape === 21")1074 if(createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row+1,col).css("background-color") === "rgba(0, 0, 0, 0)"){1075 createClass(row,col).css("background-color", "black");1076 createClass(row+1,col).css("background-color", "black");1077 setTimeout(functions, 600, shape)1078 place(row,col,shape)1079 shapes(option,option,option);1080 placeBlocks();1081 }else{1082 //console.log("Shape 14 cant be placed here");1083 placeBlocks();1084 return;1085 }1086 }else if(shape === 22){1087 //console.log("shape === 22")1088 if(createClass(row,col).css("background-color") === "rgba(0, 0, 0, 0)" && createClass(row,col+1).css("background-color") === "rgba(0, 0, 0, 0)"){1089 createClass(row,col).css("background-color", "black");1090 createClass(row,col+1).css("background-color", "black");1091 setTimeout(functions, 600, shape)1092 place(row,col,shape)1093 shapes(option,option,option);1094 placeBlocks();1095 }else{1096 //console.log("Shape 14 cant be placed here");1097 placeBlocks();1098 return;1099 }1100 }1101 addScore(shape);}11021103 function functions(shape){1104 checkLine();1105 checkCol();1106 checkStages9BlocksBackground();}1107 // console.log(fits(shape),shape);}11081109 function checkLine(){1110 let class_ = [];1111 for(let row = 9; row >= 1; row--){1112 //console.log("Row",row)1113 class_ = [];1114 for(let col = 9; col >= 1; col--){1115 class_.push(createClass(row,col));1116 }1117 //console.log(class_)1118 if(class_.every(function(element){1119 return element.css("background-color") === "rgb(0, 0, 0)";1120 })){1121 clearLine(row);1122 }1123 }}11241125 function clearLine(row){1126 for(let i = 1; i <= 9; i++){1127 let class_ = createClass(row,i)1128 $(class_).css("background-color","rgba(0, 0, 0, 0)");1129 stage[row-1][i-1] = 0;1130 }addScore(23)}11311132 function checkCol(){1133 let class_ = [];1134 for(let col = 9; col >= 1; col--){1135 //console.log("Row",row)1136 class_ = [];1137 for(let row = 9; row >= 1; row--){1138 class_.push(createClass(row,col));1139 }1140 //console.log(class_)1141 if(class_.every(function(element){1142 return element.css("background-color") === "rgb(0, 0, 0)";1143 })){1144 clearCol(col);1145 }1146 }}11471148 function clearCol(col){1149 for(let i = 1; i <= 9; i++){1150 let class_ = createClass(i,col)1151 $(class_).css("background-color","rgba(0, 0, 0, 0)");1152 stage[i-1][col-1] = 0;1153 }addScore(23)}11541155 //returns the classes of one of the nine stage's block1156 function returnBlockClasses(num){1157 let row, col;1158 //console.log("block", num)1159 if(num === 1){1160 row = 1;1161 col = 1;1162 }else if(num === 2){1163 row = 1;1164 col = 10; ...

InstructorPage.js

Source:InstructorPage.js

1// The Private instructor page2import React, { useEffect, useState } from "react";3import dummyData from "../dummy-data/classes";4import InstructorClasses from "./InstructorClasses";5import "../styles/InstructorPage.css";6import axios from "axios";7import axiosWithAuth from "../utils/axiosWithAuth";8const initialClassValues = {9 id: "",10 instructor_name: "", // : name from whoever is signed in?11 type: "",12 date: "",13 time: "",14 duration: "",15 intensity: "",16 location: "",17 capacity: "",18 registered: 019};20export default function InstructorPage() {21 // const [classes, setClasses] = useState(dummyData);22 const [myClasses, setMyClasses] = useState([]);23 const [addClass, setAddClass] = useState(false);24 const [createClass, setCreateClass] = useState(initialClassValues);25 const myInstructorName = "Bob"; //not sure how this gets passed from instructor login?26 useEffect(() => {27 axiosWithAuth()28 .get("api/classes")29 .then((res) => {30 console.log(res.data);31 setMyClasses(res.data);32 });33 }, []);34 // useEffect(() => {35 // setMyClasses(classes.filter((item) => item.instructor_name === myInstructorName));36 // setMyClasses(classes.filter((item) => item));37 // }, []);38 const onClick = () => {39 setAddClass(!addClass);40 };41 const handleChanges = (event) => {42 const { value, name } = event.target;43 setCreateClass({ ...createClass, [name]: value });44 };45 const onSubmit = (event) => {46 event.preventDefault();47 createNewClass();48 };49 const createNewClass = () => {50 const newClass = {51 // instructor_name: createClass.instructor_name,52 name: createClass.name,53 type: createClass.type,54 // date: createClass.date,55 start_time: createClass.start_time,56 duration_minutes: createClass.duration_minutes,57 intensity_level: createClass.intensity_level,58 location: createClass.location,59 max_attendees: createClass.max_attendees60 // registered: 061 };62 axiosWithAuth()63 .post("api/classes", newClass)64 .then((res) => {65 // console.log(res.data);66 setMyClasses([...myClasses, res.data]);67 })68 .catch((err) => {69 console.error(err);70 });71 setAddClass(false);72 setCreateClass(initialClassValues);73 };74 const deleteClass = (courseId) => {75 console.log("deleting class...", courseId);76 axiosWithAuth()77 .delete(`api/classes/${courseId}`)78 .then(() => {79 console.log("courseId", courseId);80 console.log(81 "courses",82 myClasses.map((i) => i.course_id)83 );84 setMyClasses(myClasses.filter((item) => item.class_id !== courseId));85 });86 // .then((res) => {87 // setMyClasses((prevState) => [...prevState, res.data]);88 // });89 };90 const saveChanges = (editCourse) => {91 const editedCourse = {92 class_id: editCourse.class_id,93 name: editCourse.name,94 type: editCourse.type,95 start_time: editCourse.start_time,96 duration_minutes: editCourse.duration_minutes,97 intensity_level: editCourse.intensity_level,98 location: editCourse.location,99 max_attendees: editCourse.max_attendees100 };101 console.log("editing class", editedCourse);102 axiosWithAuth()103 .put(`api/classes/${editCourse.class_id}`, editedCourse)104 .then((res) => {105 console.log(res);106 setMyClasses(107 myClasses.map((myClass) => {108 if (myClass.class_id === editCourse.class_id) {109 return editedCourse;110 }111 return myClass;112 })113 );114 });115 };116 return (117 <div className="instructor-page-container">118 <div className="instructor-heading">119 <h2>My Classes</h2>120 </div>121 <div className="btn-contain">122 <button className="inst-btn" onClick={onClick}>123 <p>Add a Class</p>124 </button>125 {addClass && (126 <div className="addClass">127 <form onSubmit={onSubmit} className="form-add-class">128 <input type="text" name="name" value={createClass.name} placeholder="name" onChange={handleChanges} />129 <input type="text" name="type" value={createClass.type} placeholder="type" onChange={handleChanges} />130 {/* <input type="text" name="date" value={createClass.date} placeholder="date" onChange={handleChanges} /> */}131 <input type="datetime-local" name="start_time" value={createClass.start_time} onChange={handleChanges} />132 <input133 type="text"134 name="duration_minutes"135 value={createClass.duration_minutes}136 placeholder="length (in min)"137 onChange={handleChanges}138 />139 <input140 type="text"141 name="intensity_level"142 value={createClass.intensity_level}143 placeholder="difficulty level"144 onChange={handleChanges}145 />146 <input147 type="text"148 name="location"149 value={createClass.location}150 placeholder="location"151 onChange={handleChanges}152 />153 <input154 type="text"155 name="max_attendees"156 value={createClass.max_attendees}157 placeholder="class size"158 onChange={handleChanges}159 />160 <button className="createClassBtn">create class</button>161 </form>162 </div>163 )}164 </div>165 <InstructorClasses classes={myClasses} saveChanges={saveChanges} deleteClass={deleteClass} />166 </div>167 );...

react-display-name-test.js

Source:react-display-name-test.js

...7 return transformFn(visitors, code);8}9describe('react displayName jsx', function() {10 it('should only inject displayName if missing', function() {11 var code = ['"use strict";', 'var Whateva = React.createClass({', ' displayName: "Whateva",', ' render: function() {', ' return null;', ' }', '});'].join('\n');12 var result = ['"use strict";', 'var Whateva = React.createClass({', ' displayName: "Whateva",', ' render: function() {', ' return null;', ' }', '});'].join('\n');13 expect(transform(code).code).toEqual(result);14 });15 it('should inject displayName in simple assignment', () => {16 var code = ['var Component = React.createClass({', ' render: function() {', ' return null;', ' }', '});'].join('\n');17 var result = ['var Component = React.createClass({displayName: "Component",', ' render: function() {', ' return null;', ' }', '});'].join('\n');18 expect(transform(code).code).toEqual(result);19 });20 it('should inject displayName in simple assignment without var', () => {21 var code = ['var Component;', 'Component = React.createClass({', ' render: function() {', ' return null;', ' }', '});'].join('\n');22 var result = ['var Component;', 'Component = React.createClass({displayName: "Component",', ' render: function() {', ' return null;', ' }', '});'].join('\n');23 expect(transform(code).code).toEqual(result);24 });25 it('should inject displayName in property assignment', () => {26 var code = ['ns.Component = React.createClass({', ' render: function() {', ' return null;', ' }', '});'].join('\n');27 var result = ['ns.Component = React.createClass({displayName: "ns.Component",', ' render: function() {', ' return null;', ' }', '});'].join('\n');28 expect(transform(code).code).toEqual(result);29 });30 it('should inject displayName in chained property assignment', () => {31 var code = ['ns.ns1.Component = React.createClass({', ' render: function() {', ' return null;', ' }', '});'].join('\n');32 var result = ['ns.ns1.Component = React.createClass({displayName: "ns.ns1.Component",', ' render: function() {', ' return null;', ' }', '});'].join('\n');33 expect(transform(code).code).toEqual(result);34 });35 it('should inject displayName in exports property assignment', () => {36 var code = ['exports.Component = React.createClass({', ' render: function() {', ' return null;', ' }', '});'].join('\n');37 var result = ['exports.Component = React.createClass({displayName: "Component",', ' render: function() {', ' return null;', ' }', '});'].join('\n');38 expect(transform(code).code).toEqual(result);39 });40 it('should inject displayName in object declaration', () => {41 var code = ['exports = {', ' Component: React.createClass({', ' render: function() {', ' return null;', ' }', ' })', '};'].join('\n');42 var result = ['exports = {', ' Component: React.createClass({displayName: "Component",', ' render: function() {', ' return null;', ' }', ' })', '};'].join('\n');43 expect(transform(code).code).toEqual(result);44 });...

test.js

Source:test.js

1/*2 createClass([superClasses,] constructor)3 Implements classes that allow multiple inheritance.4 Reduces boilerplate of class definition.5 * Automatically calls superClass constructor functions, merges6 superClass prototype properties, and sets up `fn` prototype access.7 * SuperClasses are applied in order, so a superClass appearing later8 in the createClass arguments list will override the properties of a9 previously applied superClass.10 * Constructors do not need to call their superClass constructors.11 * SuperClass constructors are called once per instance, so the class12 constructor at the top of a diamond inheritance pattern will be called13 only once.14 * Use the instanceOf method to determine if an object is an instance15 of a particular class or superClass. The instanceof operator will only16 return true for the instantiated class, not for any superClasses.17 * SuperClasses and constructor functions can appear in any order in18 the arguments list passed to createClass. Multiple superClasses and/or19 constructor functions may be specified.20*/21var createClass = (function () {22 function instanceOf(constructor) {23 return this instanceof constructor || _.indexOf(this.superConstructors, constructor) > -1;24 }25 function createClass() {26 var args, constructor;27 args = Array.prototype.slice.call(arguments);28 constructor = function (init) {29 var j;30 _.extend(this, init);31 this.superConstructors = this.superConstructors || [];32 _.each(args, _.bind(function (arg) {33 if (_.indexOf(this.superConstructors, arg) == -1) {34 if (arg.fn && arg.fn.instanceOf) {35 // Push only superClass constructors defined with createClass.36 this.superConstructors.push(arg);37 }38 arg.call(this);39 }40 }, this));41 };42 constructor.prototype = _.extend.apply(null, [{}].concat(_.map(args, "fn")));43 constructor.fn = constructor.prototype;44 constructor.fn.instanceOf = instanceOf;45 return constructor;46 }47 return createClass;48})();49var Shape = createClass(function () {50 this.shape = "shape";51 this.area = this.x * this.y;52 console.log("Shape");53});54Shape.fn.x = 2;55Shape.fn.y = 4;56var Circle = createClass(Shape, function () {57 this.circle = "circle";58 this.circumference = Math.PI * this.radius;59 console.log("Circle");60});61Circle.fn.radius = 2;62//var circ = new Circle({ radius: 1, x: 1, y: 2 })63//var circ2 = new Circle();64var Stuff = createClass(Shape, function () {65 this.stuff = "stuff";66 console.log("Stuff");67});68Stuff.fn.a = "A";69Stuff.fn.x = 3;70var StuffCircle = createClass(Circle, Stuff, function () {71 this.b = this.a + this.area;72 console.log("StuffCircle");73});74var st1 = new StuffCircle();75console.log(st1.instanceOf(StuffCircle));76console.log(st1.instanceOf(Circle));77console.log(st1.instanceOf(Stuff));78console.log(st1.instanceOf(Shape));79var Init = createClass();80Init.fn.ii = "Init";81var Circ = createClass(Init, Circle);...

TestUtils.js

Source:TestUtils.js

1'use strict';2var React = require('react');3var RouteHandler = require('./components/RouteHandler');4var PropTypes = require('./PropTypes');5exports.Nested = React.createClass({6 displayName: 'Nested',7 render: function render() {8 return React.createElement(9 'div',10 null,11 React.createElement(12 'h1',13 { className: 'Nested' },14 'Nested'15 ),16 React.createElement(RouteHandler, null)17 );18 }19});20exports.Foo = React.createClass({21 displayName: 'Foo',22 render: function render() {23 return React.createElement(24 'div',25 { className: 'Foo' },26 'Foo'27 );28 }29});30exports.Bar = React.createClass({31 displayName: 'Bar',32 render: function render() {33 return React.createElement(34 'div',35 { className: 'Bar' },36 'Bar'37 );38 }39});40exports.Baz = React.createClass({41 displayName: 'Baz',42 render: function render() {43 return React.createElement(44 'div',45 { className: 'Baz' },46 'Baz'47 );48 }49});50exports.Async = React.createClass({51 displayName: 'Async',52 statics: {53 delay: 10,54 willTransitionTo: function willTransitionTo(transition, params, query, callback) {55 setTimeout(callback, exports.Async.delay);56 }57 },58 render: function render() {59 return React.createElement(60 'div',61 { className: 'Async' },62 'Async'63 );64 }65});66exports.RedirectToFoo = React.createClass({67 displayName: 'RedirectToFoo',68 statics: {69 willTransitionTo: function willTransitionTo(transition) {70 transition.redirect('/foo');71 }72 },73 render: function render() {74 return null;75 }76});77exports.RedirectToFooAsync = React.createClass({78 displayName: 'RedirectToFooAsync',79 statics: {80 delay: 10,81 willTransitionTo: function willTransitionTo(transition, params, query, callback) {82 setTimeout(function () {83 transition.redirect('/foo');84 callback();85 }, exports.RedirectToFooAsync.delay);86 }87 },88 render: function render() {89 return null;90 }91});92exports.Abort = React.createClass({93 displayName: 'Abort',94 statics: {95 willTransitionTo: function willTransitionTo(transition) {96 transition.abort();97 }98 },99 render: function render() {100 return null;101 }102});103exports.AbortAsync = React.createClass({104 displayName: 'AbortAsync',105 statics: {106 delay: 10,107 willTransitionTo: function willTransitionTo(transition, params, query, callback) {108 setTimeout(function () {109 transition.abort();110 callback();111 }, exports.AbortAsync.delay);112 }113 },114 render: function render() {115 return null;116 }117});118exports.EchoFooProp = React.createClass({119 displayName: 'EchoFooProp',120 render: function render() {121 return React.createElement(122 'div',123 null,124 this.props.foo125 );126 }127});128exports.EchoBarParam = React.createClass({129 displayName: 'EchoBarParam',130 contextTypes: {131 router: PropTypes.router.isRequired132 },133 render: function render() {134 return React.createElement(135 'div',136 { className: 'EchoBarParam' },137 this.context.router.getCurrentParams().bar138 );139 }...

index.jsx

Source:index.jsx

1/* eslint-disable no-underscore-dangle */2import React, { useState } from 'react';3import './styles.css';4import { useHistory } from 'react-router-dom';5import createClass from '../../assets/createClass.svg';6import { useApi } from '../../hooks/auth';7import { Button } from '../../components';8export default function CreateClass() {9 const [classBio, setClassBio] = useState(false);10 const [className, setClassName] = useState(false);11 const [schoolName, setSchoolName] = useState(false);12 const navigation = useHistory();13 const { postApiData, user } = useApi();14 async function handleClassSelect() {15 if (!className) return alert('Você precisa inserir o nome da turma');16 if (!schoolName) return alert('Você precisa inserir o nome da escola');17 if (!classBio) return alert('Você precisa uma biografia para a turma');18 const parsedPostData = {19 icon: 'book',20 color: 'blue',21 bio: classBio,22 teacher: user._id,23 school: schoolName,24 discipline: className,25 };26 const { data } = await postApiData({ data: parsedPostData, path: 'classes' });27 return navigation.push('/grade', { data });28 }29 return (30 <div className="createclass">31 <aside>32 <img33 src={createClass}34 className="createclass-image"35 alt="Illustration of a boy looking to an monitor"36 />37 </aside>38 <main>39 <div className="createclass-inputs-divs">40 <h1 className="createclass-inputs-title">Criar turma</h1>41 <p className="createclass-titles">Nome da turma</p>42 <input43 className="createclass-inputs"44 maxLength={25}45 onChange={(data) => setClassName(data.target.value)}46 />47 </div>48 <div className="createclass-inputs-divs">49 <p className="createclass-titles">Nome da escola</p>50 <input51 className="createclass-inputs"52 maxLength={25}53 onChange={(data) => setSchoolName(data.target.value)}54 />55 </div>56 <div className="createclass-inputs-divs">57 <p className="createclass-titles">Bio da turma</p>58 <input59 className="createclass-inputs"60 maxLength={180}61 onChange={(data) => setClassBio(data.target.value)}62 />63 </div>64 <div className="createclass-button">65 <Button name="Criar turma" onClick={handleClassSelect} />66 </div>67 </main>68 </div>69 );...

Using AI Code Generation

1const { PlaywrightInternal } = require('playwright-core/lib/server/playwright.js');2const { BrowserContext } = require('playwright-core/lib/server/browserContext.js');3const { BrowserServer } = require('playwright-core/lib/server/browserServer.js');4const { Browser } = require('playwright-core/lib/server/browser.js');5const { Page } = require('playwright-core/lib/server/page.js');6const { Frame } = require('playwright-core/lib/server/frame.js');7const { ElementHandle } = require('playwright-core/lib/server/elementHandler.js');8const { JSHandle } = require('playwright-core/lib/server/javascript.js');9const { CDPSession } = require('playwright-core/lib/server/cdpsession.js');10const { Worker } = require('playwright-core/lib/server/worker.js');11const { Download } = require('playwright-core/lib/server/download.js');12const { ConsoleMessage } = require('playwright-core/lib/server/consoleMessage.js');13const { Dialog } = require('playwright-core/lib/server/dialog.js');14const { BindingCall } = require('playwright-core/lib/server/injected/injectedScript.js');15const { Selectors } = require('playwright-core/lib/server/selectors.js');16const { Events } = require('playwright-core/lib/server/events.js');17const { BrowserContextDispatcher } = require('playwright-core/lib/server/browserContextDispatcher.js');18const { BrowserServerDispatcher } = require('playwright-core/lib/server/browserServerDispatcher.js');19const { BrowserDispatcher } = require('playwright-core/lib/server/browserDispatcher.js');20const { PageDispatcher } = require('playwright-core/lib/server/pageDispatcher.js');21const { FrameDispatcher } = require('playwright-core/lib/server/frameDispatcher.js');22const { ElementHandleDispatcher } = require('playwright-core/lib/server/elementHandlerDispatcher.js');23const { JSHandleDispatcher } = require('playwright-core/lib/server/javascriptDispatcher.js');24const { CDPSessionDispatcher } = require('playwright-core/lib/server/cdpsessionDispatcher.js');25const { WorkerDispatcher } = require('playwright-core/lib/server/workerDispatcher.js');26const { DownloadDispatcher } = require('playwright-core/lib/server/downloadDispatcher.js');27const { ConsoleMessageDispatcher } = require('playwright-core/lib/server/consoleMessageDispatcher.js');28const { DialogDispatcher } = require('playwright-core/lib/server/dialogDispatcher.js');29const { BindingCallDispatcher } = require('playwright-core

Using AI Code Generation

1const { Playwright } = require('@playwright/test');2const playwright = new Playwright();3const { chromium } = playwright;4const { Page } = require('@playwright/test');5const page = new Page(chromium);6const { ElementHandle } = require('@playwright/test');7const elementHandle = new ElementHandle(page);8const { ElementHandleLoader } = require('@playwright/test');9const elementHandleLoader = new ElementHandleLoader(elementHandle);10const { PageLoader } = require('@playwright/test');11const pageLoader = new PageLoader(page);12const { PageDispatcher } = require('@playwright/test');13const pageDispatcher = new PageDispatcher(page);14const { ElementHandleDispatcher } = require('@playwright/test');15const elementHandleDispatcher = new ElementHandleDispatcher(elementHandle);16const { DispatcherScope } = require('@playwright/test');17const dispatcherScope = new DispatcherScope();18const { DispatcherConnection } = require('@playwright/test');19const dispatcherConnection = new DispatcherConnection();20const { Dispatcher } = require('@playwright/test');21const dispatcher = new Dispatcher(dispatcherScope, dispatcherConnection);22const { DispatcherConnectionLog } = require('@playwright/test');23const dispatcherConnectionLog = new DispatcherConnectionLog();24const { DispatcherConnection } = require('@playwright/test');25const dispatcherConnection = new DispatcherConnection();26const { Dispatcher } = require('@playwright/test');27const dispatcher = new Dispatcher(dispatcherScope, dispatcherConnection);28const { DispatcherConnectionLog } = require('@playwright/test');29const dispatcherConnectionLog = new DispatcherConnectionLog();30const { DispatcherConnection } = require('@playwright/test');31const dispatcherConnection = new DispatcherConnection();32const { Dispatcher } = require('@playwright/test');33const dispatcher = new Dispatcher(dispatcherScope, dispatcherConnection);34const { DispatcherConnectionLog } = require('@playwright/test');35const dispatcherConnectionLog = new DispatcherConnectionLog();36const { DispatcherConnection } = require('@playwright/test');37const dispatcherConnection = new DispatcherConnection();38const { Dispatcher } = require('@playwright/test');39const dispatcher = new Dispatcher(dispatcherScope, dispatcherConnection);40const { DispatcherConnectionLog } = require('@playwright/test');41const dispatcherConnectionLog = new DispatcherConnectionLog();42const { DispatcherConnection } = require('@playwright/test');43const dispatcherConnection = new DispatcherConnection();44const { Dispatcher } = require('@playwright/test');45const dispatcher = new Dispatcher(dispatcherScope, dispatcherConnection);46const { DispatcherConnectionLog } = require('@playwright/test

Using AI Code Generation

1const { Playwright } = require('playwright');2const { createClass } = Playwright;3const { PlaywrightTest } = createClass();4const { test } = PlaywrightTest;5test('test', async ({ page }) => {6});7const { Playwright } = require('playwright');8const { createClass } = Playwright;9const { PlaywrightTest } = createClass();10PlaywrightTest.test('test', async ({ page }) => {11});

Using AI Code Generation

1const { InternalLibrary } = require('@playwright/test');2const { createClass } = InternalLibrary.createClass;3const myClass = createClass('myClass', {4 method1: async function () {5 },6 method2: async function () {7 }8});9myClass.method1();10const myClass2 = createClass('myClass2', {11 method3: async function () {12 },13 method4: async function () {14 }15}, myClass);16myClass2.method3();17const myClass3 = createClass('myClass3', {18 method5: async function () {19 },20 method6: async function () {21 }22}, myClass2);23myClass3.method5();

Using AI Code Generation

1const { InternalModule } = require('playwright/lib/internal/exports');2const createClass = InternalModule.createPlaywrightClass;3const Playwright = require('playwright/lib/server/playwright');4const { WebKit } = require('playwright/lib/server/webkit');5const { Chromium } = require('playwright/lib/server/chromium');6const { Firefox } = require('playwright/lib/server/firefox');7const WebKitClass = createClass(WebKit);8const ChromiumClass = createClass(Chromium);9const FirefoxClass = createClass(Firefox);10const PlaywrightClass = createClass(Playwright);11const playwright = new PlaywrightClass();12module.exports = playwright;13const playwright = require('./test');14(async () => {15 const browser = await playwright.chromium.launch();16 const context = await browser.newContext();17 const page = await context.newPage();18 await page.screenshot({ path: 'example.png' });19 await browser.close();20})();

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

›

_