Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

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:

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.
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.
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.
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.
Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
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.
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.
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.
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.
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.
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.
Playwright Video Tutorial: Watch the video tutorials on Playwright testing from experts and get a consecutive in-depth explanation of Playwright automation testing.