scripts/bench/benchmarks/pe-functional-components/benchmark.js - main - ashipov/react

scripts/bench/benchmarks/pe-functional-components/benchmark.js
5 179 строк136 KB
Jan Kassens
Upgrade prettier (#26081)
31 янв 2023, 16:25
31 янв 2023, 16:256b30832
(function () {
  'use strict';

  var ReactImage0 = function (props) {
    if (props.x === 0) {
      return React.createElement('i', {
        alt: '',
        className: '_3-99 img sp_i534r85sjIn sx_538591',
        src: null,
      });
    }
    if (props.x === 15) {
      return React.createElement('i', {
        className: '_3ut_ img sp_i534r85sjIn sx_e8ac93',
        src: null,
        alt: '',
      });
    }
    if (props.x === 22) {
      return React.createElement('i', {
        alt: '',
        className: '_3-8_ img sp_i534r85sjIn sx_7b15bc',
        src: null,
      });
    }
    if (props.x === 29) {
      return React.createElement('i', {
        className: '_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c',
        src: null,
        alt: '',
      });
    }
    if (props.x === 42) {
      return React.createElement(
        'i',
        {
          alt: 'Warning',
          className: '_585p img sp_i534r85sjIn sx_20273d',
          src: null,
        },
        React.createElement('u', null, 'Warning')
      );
    }
    if (props.x === 67) {
      return React.createElement('i', {
        alt: '',
        className: '_3-8_ img sp_i534r85sjIn sx_b5d079',
        src: null,
      });
    }
    if (props.x === 70) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_29f8c9',
      });
    }
    if (props.x === 76) {
      return React.createElement('i', {
        alt: '',
        className: '_3-8_ img sp_i534r85sjIn sx_ef6a9c',
        src: null,
      });
    }
    if (props.x === 79) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_6f8c43',
      });
    }
    if (props.x === 88) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_e94a2d',
      });
    }
    if (props.x === 91) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_7ed7d4',
      });
    }
    if (props.x === 94) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_930440',
      });
    }
    if (props.x === 98) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_750c83',
      });
    }
    if (props.x === 108) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_73c1bb',
      });
    }
    if (props.x === 111) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_29f28d',
      });
    }
    if (props.x === 126) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: '_3-8_ img sp_i534r85sjIn sx_91c59e',
      });
    }
    if (props.x === 127) {
      return React.createElement('i', {
        alt: '',
        className: '_3-99 img sp_i534r85sjIn sx_538591',
        src: null,
      });
    }
    if (props.x === 134) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: '_3-8_ img sp_i534r85sjIn sx_c8eb75',
      });
    }
    if (props.x === 135) {
      return React.createElement('i', {
        alt: '',
        className: '_3-99 img sp_i534r85sjIn sx_538591',
        src: null,
      });
    }
    if (props.x === 148) {
      return React.createElement('i', {
        className: '_3yz6 _5whs img sp_i534r85sjIn sx_896996',
        src: null,
        alt: '',
      });
    }
    if (props.x === 152) {
      return React.createElement('i', {
        className: '_5b5p _4gem img sp_i534r85sjIn sx_896996',
        src: null,
        alt: '',
      });
    }
    if (props.x === 153) {
      return React.createElement('i', {
        className: '_541d img sp_i534r85sjIn sx_2f396a',
        src: null,
        alt: '',
      });
    }
    if (props.x === 160) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_31d9b0',
      });
    }
    if (props.x === 177) {
      return React.createElement('i', {
        alt: '',
        className: '_3-99 img sp_i534r85sjIn sx_2c18b7',
        src: null,
      });
    }
    if (props.x === 186) {
      return React.createElement('i', {
        src: null,
        alt: '',
        className: 'img sp_i534r85sjIn sx_0a681f',
      });
    }
    if (props.x === 195) {
      return React.createElement('i', {
        className: '_1-lx img sp_OkER5ktbEyg sx_b369b4',
        src: null,
        alt: '',
      });
    }
    if (props.x === 198) {
      return React.createElement('i', {
        className: '_1-lx img sp_i534r85sjIn sx_96948e',
        src: null,
        alt: '',
      });
    }
    if (props.x === 237) {
      return React.createElement('i', {
        className: '_541d img sp_i534r85sjIn sx_2f396a',
        src: null,
        alt: '',
      });
    }
    if (props.x === 266) {
      return React.createElement('i', {
        alt: '',
        className: '_3-99 img sp_i534r85sjIn sx_538591',
        src: null,
      });
    }
    if (props.x === 314) {
      return React.createElement('i', {
        className: '_1cie _1cif img sp_i534r85sjIn sx_6e6820',
        src: null,
        alt: '',
      });
    }
    if (props.x === 345) {
      return React.createElement('i', {
        className: '_1cie img sp_i534r85sjIn sx_e896cf',
        src: null,
        alt: '',
      });
    }
    if (props.x === 351) {
      return React.createElement('i', {
        className: '_1cie img sp_i534r85sjIn sx_38fed8',
        src: null,
        alt: '',
      });
    }
  };

  var AbstractLink1 = function (props) {
    if (props.x === 1) {
      return React.createElement(
        'a',
        {
          className: '_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft',
          style: {width: 250, maxWidth: '250px'},
          disabled: null,
          label: null,
          href: '#',
          rel: undefined,
          onClick: function () {},
        },
        null,
        React.createElement(
          'span',
          {className: '_55pe', style: {maxWidth: '236px'}},
          null,
          React.createElement(
            'span',
            null,
            React.createElement('span', {className: '_48u-'}, 'Account:'),
            ' ',
            'Dick Madanson (10149999073643408)'
          )
        ),
        React.createElement(ReactImage0, {x: 0})
      );
    }
    if (props.x === 43) {
      return React.createElement(
        'a',
        {
          className: '_585q _50zy _50-0 _50z- _5upp _42ft',
          size: 'medium',
          type: null,
          title: 'Remove',
          'data-hover': undefined,
          'data-tooltip-alignh': undefined,
          'data-tooltip-content': undefined,
          disabled: null,
          label: null,
          href: '#',
          rel: undefined,
          onClick: function () {},
        },
        undefined,
        'Remove',
        undefined
      );
    }
    if (props.x === 49) {
      return React.createElement(
        'a',
        {
          target: '_blank',
          href: '/ads/manage/billing.php?act=10149999073643408',
          rel: undefined,
          onClick: function () {},
        },
        React.createElement(XUIText29, {x: 48})
      );
    }
    if (props.x === 128) {
      return React.createElement(
        'a',
        {
          className: ' _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft',
          style: {maxWidth: '200px'},
          disabled: null,
          label: null,
          href: '#',
          rel: undefined,
          onClick: function () {},
        },
        null,
        React.createElement(
          'span',
          {className: '_55pe', style: {maxWidth: '186px'}},
          React.createElement(ReactImage0, {x: 126}),
          'Search'
        ),
        React.createElement(ReactImage0, {x: 127})
      );
    }
    if (props.x === 136) {
      return React.createElement(
        'a',
        {
          className: ' _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft',
          style: {maxWidth: '200px'},
          disabled: null,
          label: null,
          href: '#',
          rel: undefined,
          onClick: function () {},
        },
        null,
        React.createElement(
          'span',
          {className: '_55pe', style: {maxWidth: '186px'}},
          React.createElement(ReactImage0, {x: 134}),
          'Filters'
        ),
        React.createElement(ReactImage0, {x: 135})
      );
    }
    if (props.x === 178) {
      return React.createElement(
        'a',
        {
          className: '_1_-t _1_-v _42ft',
          disabled: null,
          height: 'medium',
          role: 'button',
          label: null,
          href: '#',
          rel: undefined,
          onClick: function () {},
        },
        undefined,
        'Lifetime',
        React.createElement(ReactImage0, {x: 177})
      );
    }
    if (props.x === 207) {
      return React.createElement(
        'a',
        {href: '#', rel: undefined, onClick: function () {}},
        'Create Ad Set'
      );
    }
    if (props.x === 209) {
      return React.createElement(
        'a',
        {href: '#', rel: undefined, onClick: function () {}},
        'View Ad Set'
      );
    }
    if (props.x === 241) {
      return React.createElement(
        'a',
        {href: '#', rel: undefined, onClick: function () {}},
        'Set a Limit'
      );
    }
    if (props.x === 267) {
      return React.createElement(
        'a',
        {
          className: '_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft',
          style: {maxWidth: '200px'},
          disabled: null,
          label: null,
          href: '#',
          rel: undefined,
          onClick: function () {},
        },
        null,
        React.createElement(
          'span',
          {className: '_55pe', style: {maxWidth: '186px'}},
          null,
          'Links'
        ),
        React.createElement(ReactImage0, {x: 266})
      );
    }
  };

  var Link2 = function (props) {
    if (props.x === 2) {
      return React.createElement(AbstractLink1, {x: 1});
    }
    if (props.x === 44) {
      return React.createElement(AbstractLink1, {x: 43});
    }
    if (props.x === 50) {
      return React.createElement(AbstractLink1, {x: 49});
    }
    if (props.x === 129) {
      return React.createElement(AbstractLink1, {x: 128});
    }
    if (props.x === 137) {
      return React.createElement(AbstractLink1, {x: 136});
    }
    if (props.x === 179) {
      return React.createElement(AbstractLink1, {x: 178});
    }
    if (props.x === 208) {
      return React.createElement(AbstractLink1, {x: 207});
    }
    if (props.x === 210) {
      return React.createElement(AbstractLink1, {x: 209});
    }
    if (props.x === 242) {
      return React.createElement(AbstractLink1, {x: 241});
    }
    if (props.x === 268) {
      return React.createElement(AbstractLink1, {x: 267});
    }
  };

  var AbstractButton3 = function (props) {
    if (props.x === 3) {
      return React.createElement(Link2, {x: 2});
    }
    if (props.x === 20) {
      return React.createElement(
        'button',
        {
          className: '_5n7z _4jy0 _4jy4 _517h _51sy _42ft',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        undefined,
        'Discard Changes',
        undefined
      );
    }
    if (props.x === 23) {
      return React.createElement(
        'button',
        {
          className: '_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr',
          disabled: true,
          onClick: function () {},
          'data-tooltip-content': 'You have no changes to publish',
          'data-hover': 'tooltip',
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 22}),
        'Review Changes',
        undefined
      );
    }
    if (props.x === 45) {
      return React.createElement(Link2, {x: 44});
    }
    if (props.x === 68) {
      return React.createElement(
        'button',
        {
          className: '_u_k _4jy0 _4jy4 _517h _51sy _42ft',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 67}),
        'Create Campaign',
        undefined
      );
    }
    if (props.x === 71) {
      return React.createElement(
        'button',
        {
          className: '_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft',
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 70}),
        undefined,
        undefined
      );
    }
    if (props.x === 77) {
      return React.createElement(
        'button',
        {
          'aria-label': 'Edit',
          'data-tooltip-content': 'Edit Campaigns (Ctrl+U)',
          'data-hover': 'tooltip',
          className: '_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft',
          disabled: false,
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 76}),
        'Edit',
        undefined
      );
    }
    if (props.x === 80) {
      return React.createElement(
        'button',
        {
          className: '_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft',
          disabled: false,
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 79}),
        undefined,
        undefined
      );
    }
    if (props.x === 89) {
      return React.createElement(
        'button',
        {
          'aria-label': 'Revert',
          className: '_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr',
          'data-hover': 'tooltip',
          'data-tooltip-content': 'Revert',
          disabled: true,
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 88}),
        undefined,
        undefined
      );
    }
    if (props.x === 92) {
      return React.createElement(
        'button',
        {
          'aria-label': 'Delete',
          className: '_u_k _4jy0 _4jy4 _517h _51sy _42ft',
          'data-hover': 'tooltip',
          'data-tooltip-content': 'Delete',
          disabled: false,
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 91}),
        undefined,
        undefined
      );
    }
    if (props.x === 95) {
      return React.createElement(
        'button',
        {
          'aria-label': 'Duplicate',
          className: '_u_k _4jy0 _4jy4 _517h _51sy _42ft',
          'data-hover': 'tooltip',
          'data-tooltip-content': 'Duplicate',
          disabled: false,
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 94}),
        undefined,
        undefined
      );
    }
    if (props.x === 99) {
      return React.createElement(
        'button',
        {
          'aria-label': 'Export & Import',
          className: '_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft',
          'data-hover': 'tooltip',
          'data-tooltip-content': 'Export & Import',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 98}),
        undefined,
        undefined
      );
    }
    if (props.x === 109) {
      return React.createElement(
        'button',
        {
          'aria-label': 'Create Report',
          className: '_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft',
          'data-hover': 'tooltip',
          'data-tooltip-content': 'Create Report',
          disabled: false,
          style: {boxSizing: 'border-box', height: '28px', width: '48px'},
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 108}),
        undefined,
        undefined
      );
    }
    if (props.x === 112) {
      return React.createElement(
        'button',
        {
          'aria-label': 'Campaign Tags',
          className: ' _5uy7 _4jy0 _4jy4 _517h _51sy _42ft',
          'data-hover': 'tooltip',
          'data-tooltip-content': 'Campaign Tags',
          disabled: false,
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 111}),
        undefined,
        undefined
      );
    }
    if (props.x === 130) {
      return React.createElement(Link2, {x: 129});
    }
    if (props.x === 138) {
      return React.createElement(Link2, {x: 137});
    }
    if (props.x === 149) {
      return React.createElement(
        'button',
        {
          className: '_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft',
          size: 'small',
          onClick: function () {},
          type: 'button',
          title: 'Remove',
          'data-hover': undefined,
          'data-tooltip-alignh': undefined,
          'data-tooltip-content': undefined,
          label: null,
        },
        undefined,
        'Remove',
        undefined
      );
    }
    if (props.x === 156) {
      return React.createElement(
        'button',
        {
          className: '_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        undefined,
        'Apply',
        undefined
      );
    }
    if (props.x === 161) {
      return React.createElement(
        'button',
        {
          className: '_1wdf _4jy0 _517i _517h _51sy _42ft',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 160}),
        undefined,
        undefined
      );
    }
    if (props.x === 180) {
      return React.createElement(Link2, {x: 179});
    }
    if (props.x === 187) {
      return React.createElement(
        'button',
        {
          'aria-label': 'List Settings',
          className: '_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft',
          'data-hover': 'tooltip',
          'data-tooltip-content': 'List Settings',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        React.createElement(ReactImage0, {x: 186}),
        undefined,
        undefined
      );
    }
    if (props.x === 269) {
      return React.createElement(Link2, {x: 268});
    }
    if (props.x === 303) {
      return React.createElement(
        'button',
        {
          className: '_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft',
          'data-tooltip-position': 'right',
          'data-tooltip-content': 'Campaigns',
          'data-hover': 'tooltip',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        undefined,
        React.createElement(
          'div',
          null,
          React.createElement('div', {className: '_tma'}),
          React.createElement('div', {className: '_tm8'}),
          React.createElement('div', {className: '_tm9'}, 1)
        ),
        undefined
      );
    }
    if (props.x === 305) {
      return React.createElement(
        'button',
        {
          className: '_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft',
          'data-tooltip-position': 'right',
          'data-tooltip-content': 'Ad Sets',
          'data-hover': 'tooltip',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        undefined,
        React.createElement(
          'div',
          null,
          React.createElement('div', {className: '_tma'}),
          React.createElement('div', {className: '_tm8'}),
          React.createElement('div', {className: '_tm9'}, 1)
        ),
        undefined
      );
    }
    if (props.x === 307) {
      return React.createElement(
        'button',
        {
          className: '_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft',
          'data-tooltip-position': 'right',
          'data-tooltip-content': 'Ads',
          'data-hover': 'tooltip',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1',
        },
        undefined,
        React.createElement(
          'div',
          null,
          React.createElement('div', {className: '_tma'}),
          React.createElement('div', {className: '_tm8'}),
          React.createElement('div', {className: '_tm9'}, 1)
        ),
        undefined
      );
    }
  };

  var XUIButton4 = function (props) {
    if (props.x === 4) {
      return React.createElement(AbstractButton3, {x: 3});
    }
    if (props.x === 21) {
      return React.createElement(AbstractButton3, {x: 20});
    }
    if (props.x === 24) {
      return React.createElement(AbstractButton3, {x: 23});
    }
    if (props.x === 69) {
      return React.createElement(AbstractButton3, {x: 68});
    }
    if (props.x === 72) {
      return React.createElement(AbstractButton3, {x: 71});
    }
    if (props.x === 78) {
      return React.createElement(AbstractButton3, {x: 77});
    }
    if (props.x === 81) {
      return React.createElement(AbstractButton3, {x: 80});
    }
    if (props.x === 90) {
      return React.createElement(AbstractButton3, {x: 89});
    }
    if (props.x === 93) {
      return React.createElement(AbstractButton3, {x: 92});
    }
    if (props.x === 96) {
      return React.createElement(AbstractButton3, {x: 95});
    }
    if (props.x === 100) {
      return React.createElement(AbstractButton3, {x: 99});
    }
    if (props.x === 110) {
      return React.createElement(AbstractButton3, {x: 109});
    }
    if (props.x === 113) {
      return React.createElement(AbstractButton3, {x: 112});
    }
    if (props.x === 131) {
      return React.createElement(AbstractButton3, {x: 130});
    }
    if (props.x === 139) {
      return React.createElement(AbstractButton3, {x: 138});
    }
    if (props.x === 157) {
      return React.createElement(AbstractButton3, {x: 156});
    }
    if (props.x === 162) {
      return React.createElement(AbstractButton3, {x: 161});
    }
    if (props.x === 188) {
      return React.createElement(AbstractButton3, {x: 187});
    }
    if (props.x === 270) {
      return React.createElement(AbstractButton3, {x: 269});
    }
    if (props.x === 304) {
      return React.createElement(AbstractButton3, {x: 303});
    }
    if (props.x === 306) {
      return React.createElement(AbstractButton3, {x: 305});
    }
    if (props.x === 308) {
      return React.createElement(AbstractButton3, {x: 307});
    }
  };

  var AbstractPopoverButton5 = function (props) {
    if (props.x === 5) {
      return React.createElement(XUIButton4, {x: 4});
    }
    if (props.x === 132) {
      return React.createElement(XUIButton4, {x: 131});
    }
    if (props.x === 140) {
      return React.createElement(XUIButton4, {x: 139});
    }
    if (props.x === 271) {
      return React.createElement(XUIButton4, {x: 270});
    }
  };

  var ReactXUIPopoverButton6 = function (props) {
    if (props.x === 6) {
      return React.createElement(AbstractPopoverButton5, {x: 5});
    }
    if (props.x === 133) {
      return React.createElement(AbstractPopoverButton5, {x: 132});
    }
    if (props.x === 141) {
      return React.createElement(AbstractPopoverButton5, {x: 140});
    }
    if (props.x === 272) {
      return React.createElement(AbstractPopoverButton5, {x: 271});
    }
  };

  var BIGAdAccountSelector7 = function (props) {
    if (props.x === 7) {
      return React.createElement(
        'div',
        null,
        React.createElement(ReactXUIPopoverButton6, {x: 6}),
        null
      );
    }
  };

  var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = function (props) {
    if (props.x === 8) {
      return React.createElement(BIGAdAccountSelector7, {x: 7});
    }
  };

  var ErrorBoundary9 = function (props) {
    if (props.x === 9) {
      return React.createElement(
        FluxContainer_AdsPEBIGAdAccountSelectorContainer_8,
        {x: 8}
      );
    }
    if (props.x === 13) {
      return React.createElement(FluxContainer_AdsPENavigationBarContainer_12, {
        x: 12,
      });
    }
    if (props.x === 27) {
      return React.createElement(FluxContainer_AdsPEPublishButtonContainer_18, {
        x: 26,
      });
    }
    if (props.x === 32) {
      return React.createElement(ReactPopoverMenu20, {x: 31});
    }
    if (props.x === 38) {
      return React.createElement(AdsPEResetDialog24, {x: 37});
    }
    if (props.x === 57) {
      return React.createElement(FluxContainer_AdsPETopErrorContainer_35, {
        x: 56,
      });
    }
    if (props.x === 60) {
      return React.createElement(FluxContainer_AdsGuidanceChannel_36, {x: 59});
    }
    if (props.x === 64) {
      return React.createElement(FluxContainer_AdsBulkEditDialogContainer_38, {
        x: 63,
      });
    }
    if (props.x === 124) {
      return React.createElement(AdsPECampaignGroupToolbarContainer57, {
        x: 123,
      });
    }
    if (props.x === 170) {
      return React.createElement(AdsPEFilterContainer72, {x: 169});
    }
    if (props.x === 175) {
      return React.createElement(AdsPETablePagerContainer75, {x: 174});
    }
    if (props.x === 193) {
      return React.createElement(AdsPEStatRangeContainer81, {x: 192});
    }
    if (props.x === 301) {
      return React.createElement(
        FluxContainer_AdsPEMultiTabDrawerContainer_137,
        {x: 300}
      );
    }
    if (props.x === 311) {
      return React.createElement(AdsPEOrganizerContainer139, {x: 310});
    }
    if (props.x === 471) {
      return React.createElement(AdsPECampaignGroupTableContainer159, {x: 470});
    }
    if (props.x === 475) {
      return React.createElement(AdsPEContentContainer161, {x: 474});
    }
  };

  var AdsErrorBoundary10 = function (props) {
    if (props.x === 10) {
      return React.createElement(ErrorBoundary9, {x: 9});
    }
    if (props.x === 14) {
      return React.createElement(ErrorBoundary9, {x: 13});
    }
    if (props.x === 28) {
      return React.createElement(ErrorBoundary9, {x: 27});
    }
    if (props.x === 33) {
      return React.createElement(ErrorBoundary9, {x: 32});
    }
    if (props.x === 39) {
      return React.createElement(ErrorBoundary9, {x: 38});
    }
    if (props.x === 58) {
      return React.createElement(ErrorBoundary9, {x: 57});
    }
    if (props.x === 61) {
      return React.createElement(ErrorBoundary9, {x: 60});
    }
    if (props.x === 65) {
      return React.createElement(ErrorBoundary9, {x: 64});
    }
    if (props.x === 125) {
      return React.createElement(ErrorBoundary9, {x: 124});
    }
    if (props.x === 171) {
      return React.createElement(ErrorBoundary9, {x: 170});
    }
    if (props.x === 176) {
      return React.createElement(ErrorBoundary9, {x: 175});
    }
    if (props.x === 194) {
      return React.createElement(ErrorBoundary9, {x: 193});
    }
    if (props.x === 302) {
      return React.createElement(ErrorBoundary9, {x: 301});
    }
    if (props.x === 312) {
      return React.createElement(ErrorBoundary9, {x: 311});
    }
    if (props.x === 472) {
      return React.createElement(ErrorBoundary9, {x: 471});
    }
    if (props.x === 476) {
      return React.createElement(ErrorBoundary9, {x: 475});
    }
  };

  var AdsPENavigationBar11 = function (props) {
    if (props.x === 11) {
      return React.createElement('div', {className: '_4t_9'});
    }
  };

  var FluxContainer_AdsPENavigationBarContainer_12 = function (props) {
    if (props.x === 12) {
      return React.createElement(AdsPENavigationBar11, {x: 11});
    }
  };

  var AdsPEDraftSyncStatus13 = function (props) {
    if (props.x === 16) {
      return React.createElement(
        'div',
        {className: '_3ut-', onClick: function () {}},
        React.createElement(
          'span',
          {className: '_3uu0'},
          React.createElement(ReactImage0, {x: 15})
        )
      );
    }
  };

  var FluxContainer_AdsPEDraftSyncStatusContainer_14 = function (props) {
    if (props.x === 17) {
      return React.createElement(AdsPEDraftSyncStatus13, {x: 16});
    }
  };

  var AdsPEDraftErrorsStatus15 = function (props) {
    if (props.x === 18) {
      return null;
    }
  };

  var FluxContainer_viewFn_16 = function (props) {
    if (props.x === 19) {
      return React.createElement(AdsPEDraftErrorsStatus15, {x: 18});
    }
  };

  var AdsPEPublishButton17 = function (props) {
    if (props.x === 25) {
      return React.createElement(
        'div',
        {className: '_5533'},
        React.createElement(FluxContainer_AdsPEDraftSyncStatusContainer_14, {
          x: 17,
        }),
        React.createElement(FluxContainer_viewFn_16, {x: 19}),
        null,
        React.createElement(XUIButton4, {x: 21, key: 'discard'}),
        React.createElement(XUIButton4, {x: 24})
      );
    }
  };

  var FluxContainer_AdsPEPublishButtonContainer_18 = function (props) {
    if (props.x === 26) {
      return React.createElement(AdsPEPublishButton17, {x: 25});
    }
  };

  var InlineBlock19 = function (props) {
    if (props.x === 30) {
      return React.createElement(
        'div',
        {className: 'uiPopover _6a _6b', disabled: null},
        React.createElement(ReactImage0, {x: 29, key: '.0'})
      );
    }
    if (props.x === 73) {
      return React.createElement(
        'div',
        {className: 'uiPopover _6a _6b', disabled: null},
        React.createElement(XUIButton4, {x: 72, key: '.0'})
      );
    }
    if (props.x === 82) {
      return React.createElement(
        'div',
        {className: '_1nwm uiPopover _6a _6b', disabled: null},
        React.createElement(XUIButton4, {x: 81, key: '.0'})
      );
    }
    if (props.x === 101) {
      return React.createElement(
        'div',
        {size: 'large', className: 'uiPopover _6a _6b', disabled: null},
        React.createElement(XUIButton4, {x: 100, key: '.0'})
      );
    }
    if (props.x === 273) {
      return React.createElement(
        'div',
        {
          className: '_3-90 uiPopover _6a _6b',
          style: {marginTop: 2},
          disabled: null,
        },
        React.createElement(ReactXUIPopoverButton6, {x: 272, key: '.0'})
      );
    }
  };

  var ReactPopoverMenu20 = function (props) {
    if (props.x === 31) {
      return React.createElement(InlineBlock19, {x: 30});
    }
    if (props.x === 74) {
      return React.createElement(InlineBlock19, {x: 73});
    }
    if (props.x === 83) {
      return React.createElement(InlineBlock19, {x: 82});
    }
    if (props.x === 102) {
      return React.createElement(InlineBlock19, {x: 101});
    }
    if (props.x === 274) {
      return React.createElement(InlineBlock19, {x: 273});
    }
  };

  var LeftRight21 = function (props) {
    if (props.x === 34) {
      return React.createElement(
        'div',
        {className: 'clearfix'},
        React.createElement(
          'div',
          {key: 'left', className: '_ohe lfloat'},
          React.createElement(
            'div',
            {className: '_34_j'},
            React.createElement(
              'div',
              {className: '_34_k'},
              React.createElement(AdsErrorBoundary10, {x: 10})
            ),
            React.createElement(
              'div',
              {className: '_2u-6'},
              React.createElement(AdsErrorBoundary10, {x: 14})
            )
          )
        ),
        React.createElement(
          'div',
          {key: 'right', className: '_ohf rfloat'},
          React.createElement(
            'div',
            {className: '_34_m'},
            React.createElement(
              'div',
              {key: '0', className: '_5ju2'},
              React.createElement(AdsErrorBoundary10, {x: 28})
            ),
            React.createElement(
              'div',
              {key: '1', className: '_5ju2'},
              React.createElement(AdsErrorBoundary10, {x: 33})
            )
          )
        )
      );
    }
    if (props.x === 232) {
      return React.createElement(
        'div',
        {direction: 'left', className: 'clearfix'},
        React.createElement(
          'div',
          {key: 'left', className: '_ohe lfloat'},
          React.createElement(AdsLabeledField104, {x: 231})
        ),
        React.createElement(
          'div',
          {key: 'right', className: ''},
          React.createElement(
            'div',
            {className: '_42ef'},
            React.createElement(
              'div',
              {className: '_2oc7'},
              'Clicks to Website'
            )
          )
        )
      );
    }
    if (props.x === 235) {
      return React.createElement(
        'div',
        {className: '_3-8x clearfix', direction: 'left'},
        React.createElement(
          'div',
          {key: 'left', className: '_ohe lfloat'},
          React.createElement(AdsLabeledField104, {x: 234})
        ),
        React.createElement(
          'div',
          {key: 'right', className: ''},
          React.createElement(
            'div',
            {className: '_42ef'},
            React.createElement('div', {className: '_2oc7'}, 'Auction')
          )
        )
      );
    }
    if (props.x === 245) {
      return React.createElement(
        'div',
        {className: '_3-8y clearfix', direction: 'left'},
        React.createElement(
          'div',
          {key: 'left', className: '_ohe lfloat'},
          React.createElement(AdsLabeledField104, {x: 240})
        ),
        React.createElement(
          'div',
          {key: 'right', className: ''},
          React.createElement(
            'div',
            {className: '_42ef'},
            React.createElement(
              FluxContainer_AdsCampaignGroupSpendCapContainer_107,
              {x: 244}
            )
          )
        )
      );
    }
    if (props.x === 277) {
      return React.createElement(
        'div',
        {className: '_5dw9 _5dwa clearfix'},
        React.createElement(
          'div',
          {key: 'left', className: '_ohe lfloat'},
          React.createElement(XUICardHeaderTitle100, {x: 265, key: '.0'})
        ),
        React.createElement(
          'div',
          {key: 'right', className: '_ohf rfloat'},
          React.createElement(
            FluxContainer_AdsPluginizedLinksMenuContainer_121,
            {x: 276, key: '.1'}
          )
        )
      );
    }
  };

  var AdsUnifiedNavigationLocalNav22 = function (props) {
    if (props.x === 35) {
      return React.createElement(
        'div',
        {className: '_34_i'},
        React.createElement(LeftRight21, {x: 34})
      );
    }
  };

  var XUIDialog23 = function (props) {
    if (props.x === 36) {
      return null;
    }
  };

  var AdsPEResetDialog24 = function (props) {
    if (props.x === 37) {
      return React.createElement(
        'span',
        null,
        React.createElement(XUIDialog23, {x: 36, key: 'dialog/.0'})
      );
    }
  };

  var AdsPETopNav25 = function (props) {
    if (props.x === 40) {
      return React.createElement(
        'div',
        {style: {width: 1306}},
        React.createElement(AdsUnifiedNavigationLocalNav22, {x: 35}),
        React.createElement(AdsErrorBoundary10, {x: 39})
      );
    }
  };

  var FluxContainer_AdsPETopNavContainer_26 = function (props) {
    if (props.x === 41) {
      return React.createElement(AdsPETopNav25, {x: 40});
    }
  };

  var XUIAbstractGlyphButton27 = function (props) {
    if (props.x === 46) {
      return React.createElement(AbstractButton3, {x: 45});
    }
    if (props.x === 150) {
      return React.createElement(AbstractButton3, {x: 149});
    }
  };

  var XUICloseButton28 = function (props) {
    if (props.x === 47) {
      return React.createElement(XUIAbstractGlyphButton27, {x: 46});
    }
    if (props.x === 151) {
      return React.createElement(XUIAbstractGlyphButton27, {x: 150});
    }
  };

  var XUIText29 = function (props) {
    if (props.x === 48) {
      return React.createElement(
        'span',
        {display: 'inline', className: ' _50f7'},
        'Ads Manager'
      );
    }
    if (props.x === 205) {
      return React.createElement(
        'span',
        {className: '_2x9f  _50f5 _50f7', display: 'inline'},
        'Editing Campaign'
      );
    }
    if (props.x === 206) {
      return React.createElement(
        'span',
        {display: 'inline', className: ' _50f5 _50f7'},
        'Test Campaign'
      );
    }
  };

  var XUINotice30 = function (props) {
    if (props.x === 51) {
      return React.createElement(
        'div',
        {size: 'medium', className: '_585n _585o _2wdd'},
        React.createElement(ReactImage0, {x: 42}),
        React.createElement(XUICloseButton28, {x: 47}),
        React.createElement(
          'div',
          {className: '_585r _2i-a _50f4'},
          'Please go to ',
          React.createElement(Link2, {x: 50}),
          ' to set up a payment method for this ad account.'
        )
      );
    }
  };

  var ReactCSSTransitionGroupChild31 = function (props) {
    if (props.x === 52) {
      return React.createElement(XUINotice30, {x: 51});
    }
  };

  var ReactTransitionGroup32 = function (props) {
    if (props.x === 53) {
      return React.createElement(
        'span',
        null,
        React.createElement(ReactCSSTransitionGroupChild31, {x: 52, key: '.0'})
      );
    }
  };

  var ReactCSSTransitionGroup33 = function (props) {
    if (props.x === 54) {
      return React.createElement(ReactTransitionGroup32, {x: 53});
    }
  };

  var AdsPETopError34 = function (props) {
    if (props.x === 55) {
      return React.createElement(
        'div',
        {className: '_2wdc'},
        React.createElement(ReactCSSTransitionGroup33, {x: 54})
      );
    }
  };

  var FluxContainer_AdsPETopErrorContainer_35 = function (props) {
    if (props.x === 56) {
      return React.createElement(AdsPETopError34, {x: 55});
    }
  };

  var FluxContainer_AdsGuidanceChannel_36 = function (props) {
    if (props.x === 59) {
      return null;
    }
  };

  var ResponsiveBlock37 = function (props) {
    if (props.x === 62) {
      return React.createElement(
        'div',
        {className: '_4u-c'},
        [
          React.createElement(AdsErrorBoundary10, {x: 58, key: 1}),
          React.createElement(AdsErrorBoundary10, {x: 61, key: 2}),
        ],
        React.createElement(
          'div',
          {key: 'sensor', className: '_4u-f'},
          React.createElement('iframe', {
            'aria-hidden': 'true',
            className: '_1_xb',
            tabIndex: '-1',
          })
        )
      );
    }
    if (props.x === 469) {
      return React.createElement(
        'div',
        {className: '_4u-c'},
        React.createElement(AdsPEDataTableContainer158, {x: 468}),
        React.createElement(
          'div',
          {key: 'sensor', className: '_4u-f'},
          React.createElement('iframe', {
            'aria-hidden': 'true',
            className: '_1_xb',
            tabIndex: '-1',
          })
        )
      );
    }
  };

  var FluxContainer_AdsBulkEditDialogContainer_38 = function (props) {
    if (props.x === 63) {
      return null;
    }
  };

  var Column39 = function (props) {
    if (props.x === 66) {
      return React.createElement(
        'div',
        {className: '_4bl8 _4bl7'},
        React.createElement(
          'div',
          {className: '_3c5f'},
          null,
          null,
          React.createElement('div', {className: '_3c5i'}),
          null
        )
      );
    }
  };

  var XUIButtonGroup40 = function (props) {
    if (props.x === 75) {
      return React.createElement(
        'div',
        {className: '_5n7z _51xa'},
        React.createElement(XUIButton4, {x: 69}),
        React.createElement(ReactPopoverMenu20, {x: 74})
      );
    }
    if (props.x === 84) {
      return React.createElement(
        'div',
        {className: '_5n7z _51xa'},
        React.createElement(XUIButton4, {x: 78, key: 'edit'}),
        React.createElement(ReactPopoverMenu20, {x: 83, key: 'editMenu'})
      );
    }
    if (props.x === 97) {
      return React.createElement(
        'div',
        {className: '_5n7z _51xa'},
        React.createElement(XUIButton4, {x: 90, key: 'revert'}),
        React.createElement(XUIButton4, {x: 93, key: 'delete'}),
        React.createElement(XUIButton4, {x: 96, key: 'duplicate'})
      );
    }
    if (props.x === 117) {
      return React.createElement(
        'div',
        {className: '_5n7z _51xa'},
        React.createElement(AdsPEExportImportMenuContainer48, {x: 107}),
        React.createElement(XUIButton4, {x: 110, key: 'createReport'}),
        React.createElement(AdsPECampaignGroupTagContainer51, {
          x: 116,
          key: 'tags',
        })
      );
    }
  };

  var AdsPEEditToolbarButton41 = function (props) {
    if (props.x === 85) {
      return React.createElement(XUIButtonGroup40, {x: 84});
    }
  };

  var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = function (
    props
  ) {
    if (props.x === 86) {
      return React.createElement(AdsPEEditToolbarButton41, {x: 85});
    }
  };

  var FluxContainer_AdsPEEditToolbarButtonContainer_43 = function (props) {
    if (props.x === 87) {
      return React.createElement(
        FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42,
        {x: 86}
      );
    }
  };

  var AdsPEExportImportMenu44 = function (props) {
    if (props.x === 103) {
      return React.createElement(ReactPopoverMenu20, {x: 102, key: 'export'});
    }
  };

  var FluxContainer_AdsPECustomizeExportContainer_45 = function (props) {
    if (props.x === 104) {
      return null;
    }
  };

  var AdsPEExportAsTextDialog46 = function (props) {
    if (props.x === 105) {
      return null;
    }
  };

  var FluxContainer_AdsPEExportAsTextDialogContainer_47 = function (props) {
    if (props.x === 106) {
      return React.createElement(AdsPEExportAsTextDialog46, {x: 105});
    }
  };

  var AdsPEExportImportMenuContainer48 = function (props) {
    if (props.x === 107) {
      return React.createElement(
        'span',
        null,
        React.createElement(AdsPEExportImportMenu44, {x: 103}),
        React.createElement(FluxContainer_AdsPECustomizeExportContainer_45, {
          x: 104,
        }),
        React.createElement(FluxContainer_AdsPEExportAsTextDialogContainer_47, {
          x: 106,
        }),
        null,
        null
      );
    }
  };

  var Constructor49 = function (props) {
    if (props.x === 114) {
      return null;
    }
    if (props.x === 142) {
      return null;
    }
    if (props.x === 143) {
      return null;
    }
    if (props.x === 183) {
      return null;
    }
  };

  var TagSelectorPopover50 = function (props) {
    if (props.x === 115) {
      return React.createElement(
        'span',
        {className: ' _3d6e'},
        React.createElement(XUIButton4, {x: 113}),
        React.createElement(Constructor49, {x: 114, key: 'layer'})
      );
    }
  };

  var AdsPECampaignGroupTagContainer51 = function (props) {
    if (props.x === 116) {
      return React.createElement(TagSelectorPopover50, {
        x: 115,
        key: '98010048849317',
      });
    }
  };

  var AdsRuleToolbarMenu52 = function (props) {
    if (props.x === 118) {
      return null;
    }
  };

  var FluxContainer_AdsPERuleToolbarMenuContainer_53 = function (props) {
    if (props.x === 119) {
      return React.createElement(AdsRuleToolbarMenu52, {x: 118});
    }
  };

  var FillColumn54 = function (props) {
    if (props.x === 120) {
      return React.createElement(
        'div',
        {className: '_4bl9'},
        React.createElement(
          'span',
          {className: '_3c5e'},
          React.createElement(
            'span',
            null,
            React.createElement(XUIButtonGroup40, {x: 75}),
            React.createElement(
              FluxContainer_AdsPEEditToolbarButtonContainer_43,
              {x: 87}
            ),
            null,
            React.createElement(XUIButtonGroup40, {x: 97})
          ),
          React.createElement(XUIButtonGroup40, {x: 117}),
          React.createElement(FluxContainer_AdsPERuleToolbarMenuContainer_53, {
            x: 119,
          })
        )
      );
    }
  };

  var Layout55 = function (props) {
    if (props.x === 121) {
      return React.createElement(
        'div',
        {className: 'clearfix'},
        React.createElement(Column39, {x: 66, key: '1'}),
        React.createElement(FillColumn54, {x: 120, key: '0'})
      );
    }
  };

  var AdsPEMainPaneToolbar56 = function (props) {
    if (props.x === 122) {
      return React.createElement(
        'div',
        {className: '_3c5b clearfix'},
        React.createElement(Layout55, {x: 121})
      );
    }
  };

  var AdsPECampaignGroupToolbarContainer57 = function (props) {
    if (props.x === 123) {
      return React.createElement(AdsPEMainPaneToolbar56, {x: 122});
    }
  };

  var AdsPEFiltersPopover58 = function (props) {
    if (props.x === 144) {
      return React.createElement(
        'span',
        {className: '_5b-l  _5bbe'},
        React.createElement(ReactXUIPopoverButton6, {x: 133}),
        React.createElement(ReactXUIPopoverButton6, {x: 141}),
        [
          React.createElement(Constructor49, {x: 142, key: 'filterMenu/.0'}),
          React.createElement(Constructor49, {x: 143, key: 'searchMenu/.0'}),
        ]
      );
    }
  };

  var AbstractCheckboxInput59 = function (props) {
    if (props.x === 145) {
      return React.createElement(
        'label',
        {className: 'uiInputLabelInput _55sg _kv1'},
        React.createElement('input', {
          checked: true,
          disabled: true,
          name: 'filterUnpublished',
          value: 'on',
          onClick: function () {},
          className: null,
          id: 'js_input_label_21',
          type: 'checkbox',
        }),
        React.createElement('span', {
          'data-hover': null,
          'data-tooltip-content': undefined,
        })
      );
    }
    if (props.x === 336) {
      return React.createElement(
        'label',
        {className: '_4h2r _55sg _kv1'},
        React.createElement('input', {
          checked: undefined,
          onChange: function () {},
          className: null,
          type: 'checkbox',
        }),
        React.createElement('span', {
          'data-hover': null,
          'data-tooltip-content': undefined,
        })
      );
    }
  };

  var XUICheckboxInput60 = function (props) {
    if (props.x === 146) {
      return React.createElement(AbstractCheckboxInput59, {x: 145});
    }
    if (props.x === 337) {
      return React.createElement(AbstractCheckboxInput59, {x: 336});
    }
  };

  var InputLabel61 = function (props) {
    if (props.x === 147) {
      return React.createElement(
        'div',
        {display: 'block', className: 'uiInputLabel clearfix'},
        React.createElement(XUICheckboxInput60, {x: 146}),
        React.createElement(
          'label',
          {className: 'uiInputLabelLabel', htmlFor: 'js_input_label_21'},
          'Always show new items'
        )
      );
    }
  };

  var AdsPopoverLink62 = function (props) {
    if (props.x === 154) {
      return React.createElement(
        'span',
        null,
        React.createElement(
          'span',
          {
            onMouseEnter: function () {},
            onMouseLeave: function () {},
            onMouseUp: undefined,
          },
          React.createElement('span', {className: '_3o_j'}),
          React.createElement(ReactImage0, {x: 153})
        ),
        null
      );
    }
    if (props.x === 238) {
      return React.createElement(
        'span',
        null,
        React.createElement(
          'span',
          {
            onMouseEnter: function () {},
            onMouseLeave: function () {},
            onMouseUp: undefined,
          },
          React.createElement('span', {className: '_3o_j'}),
          React.createElement(ReactImage0, {x: 237})
        ),
        null
      );
    }
  };

  var AdsHelpLink63 = function (props) {
    if (props.x === 155) {
      return React.createElement(AdsPopoverLink62, {x: 154});
    }
    if (props.x === 239) {
      return React.createElement(AdsPopoverLink62, {x: 238});
    }
  };

  var BUIFilterTokenInput64 = function (props) {
    if (props.x === 158) {
      return React.createElement(
        'div',
        {className: '_5b5o _3yz3 _4cld'},
        React.createElement(
          'div',
          {className: '_5b5t _2d2k'},
          React.createElement(ReactImage0, {x: 152}),
          React.createElement(
            'div',
            {className: '_5b5r'},
            'Campaigns: (1)',
            React.createElement(AdsHelpLink63, {x: 155})
          )
        ),
        React.createElement(XUIButton4, {x: 157})
      );
    }
  };

  var BUIFilterToken65 = function (props) {
    if (props.x === 159) {
      return React.createElement(
        'div',
        {className: '_3yz1 _3yz2 _3dad'},
        React.createElement(
          'div',
          {className: '_3yz4', 'aria-hidden': false},
          React.createElement(
            'div',
            {onClick: function () {}, className: '_3yz5'},
            React.createElement(ReactImage0, {x: 148}),
            React.createElement('div', {className: '_3yz7'}, 'Campaigns:'),
            React.createElement(
              'div',
              {
                className: 'ellipsis _3yz8',
                'data-hover': 'tooltip',
                'data-tooltip-display': 'overflow',
              },
              '(1)'
            )
          ),
          null,
          React.createElement(XUICloseButton28, {x: 151})
        ),
        React.createElement(BUIFilterTokenInput64, {x: 158})
      );
    }
  };

  var BUIFilterTokenCreateButton66 = function (props) {
    if (props.x === 163) {
      return React.createElement(
        'div',
        {className: '_1tc'},
        React.createElement(XUIButton4, {x: 162})
      );
    }
  };

  var BUIFilterTokenizer67 = function (props) {
    if (props.x === 164) {
      return React.createElement(
        'div',
        {className: '_5b-m  clearfix'},
        undefined,
        [],
        React.createElement(BUIFilterToken65, {x: 159, key: 'token0'}),
        React.createElement(BUIFilterTokenCreateButton66, {x: 163}),
        null,
        React.createElement('div', {className: '_49u3'})
      );
    }
  };

  var XUIAmbientNUX68 = function (props) {
    if (props.x === 165) {
      return null;
    }
    if (props.x === 189) {
      return null;
    }
    if (props.x === 200) {
      return null;
    }
  };

  var XUIAmbientNUX69 = function (props) {
    if (props.x === 166) {
      return React.createElement(XUIAmbientNUX68, {x: 165});
    }
    if (props.x === 190) {
      return React.createElement(XUIAmbientNUX68, {x: 189});
    }
    if (props.x === 201) {
      return React.createElement(XUIAmbientNUX68, {x: 200});
    }
  };

  var AdsPEAmbientNUXMegaphone70 = function (props) {
    if (props.x === 167) {
      return React.createElement(
        'span',
        null,
        React.createElement('span', {}),
        React.createElement(XUIAmbientNUX69, {x: 166, key: 'nux'})
      );
    }
  };

  var AdsPEFilters71 = function (props) {
    if (props.x === 168) {
      return React.createElement(
        'div',
        {className: '_4rw_'},
        React.createElement(AdsPEFiltersPopover58, {x: 144}),
        React.createElement(
          'div',
          {className: '_1eo'},
          React.createElement(InputLabel61, {x: 147})
        ),
        React.createElement(BUIFilterTokenizer67, {x: 164}),
        '',
        React.createElement(AdsPEAmbientNUXMegaphone70, {x: 167})
      );
    }
  };

  var AdsPEFilterContainer72 = function (props) {
    if (props.x === 169) {
      return React.createElement(AdsPEFilters71, {x: 168});
    }
  };

  var AdsPETablePager73 = function (props) {
    if (props.x === 172) {
      return null;
    }
  };

  var AdsPECampaignGroupTablePagerContainer74 = function (props) {
    if (props.x === 173) {
      return React.createElement(AdsPETablePager73, {x: 172});
    }
  };

  var AdsPETablePagerContainer75 = function (props) {
    if (props.x === 174) {
      return React.createElement(AdsPECampaignGroupTablePagerContainer74, {
        x: 173,
      });
    }
  };

  var ReactXUIError76 = function (props) {
    if (props.x === 181) {
      return React.createElement(AbstractButton3, {x: 180});
    }
    if (props.x === 216) {
      return React.createElement(
        'div',
        {className: '_40bf _2vl4 _1h18'},
        null,
        null,
        React.createElement(
          'div',
          {className: '_2vl9 _1h1f', style: {backgroundColor: '#fff'}},
          React.createElement(
            'div',
            {className: '_2vla _1h1g'},
            React.createElement(
              'div',
              null,
              null,
              React.createElement('textarea', {
                className: '_2vli _2vlj _1h26 _1h27',
                dir: 'auto',
                disabled: undefined,
                id: undefined,
                maxLength: null,
                value: 'Test Campaign',
                onBlur: function () {},
                onChange: function () {},
                onFocus: function () {},
                onKeyDown: function () {},
              }),
              null
            ),
            React.createElement('div', {
              'aria-hidden': 'true',
              className: '_2vlk',
            })
          )
        ),
        null
      );
    }
    if (props.x === 221) {
      return React.createElement(XUICard94, {x: 220});
    }
    if (props.x === 250) {
      return React.createElement(XUICard94, {x: 249});
    }
    if (props.x === 280) {
      return React.createElement(XUICard94, {x: 279});
    }
  };

  var BUIPopoverButton77 = function (props) {
    if (props.x === 182) {
      return React.createElement(ReactXUIError76, {x: 181});
    }
  };

  var BUIDateRangePicker78 = function (props) {
    if (props.x === 184) {
      return React.createElement(
        'span',
        null,
        React.createElement(BUIPopoverButton77, {x: 182}),
        [React.createElement(Constructor49, {x: 183, key: 'layer/.0'})]
      );
    }
  };

  var AdsPEStatsRangePicker79 = function (props) {
    if (props.x === 185) {
      return React.createElement(BUIDateRangePicker78, {x: 184});
    }
  };

  var AdsPEStatRange80 = function (props) {
    if (props.x === 191) {
      return React.createElement(
        'div',
        {className: '_3c5k'},
        React.createElement('span', {className: '_3c5j'}, 'Stats:'),
        React.createElement(
          'span',
          {className: '_3c5l'},
          React.createElement(AdsPEStatsRangePicker79, {x: 185}),
          React.createElement(XUIButton4, {x: 188, key: 'settings'})
        ),
        [React.createElement(XUIAmbientNUX69, {x: 190, key: 'roasNUX/.0'})]
      );
    }
  };

  var AdsPEStatRangeContainer81 = function (props) {
    if (props.x === 192) {
      return React.createElement(AdsPEStatRange80, {x: 191});
    }
  };

  var AdsPESideTrayTabButton82 = function (props) {
    if (props.x === 196) {
      return React.createElement(
        'div',
        {className: '_1-ly _59j9 _d9a', onClick: function () {}},
        React.createElement(ReactImage0, {x: 195}),
        React.createElement('div', {className: '_vf7'}),
        React.createElement('div', {className: '_vf8'})
      );
    }
    if (props.x === 199) {
      return React.createElement(
        'div',
        {className: ' _1-lz _d9a', onClick: function () {}},
        React.createElement(ReactImage0, {x: 198}),
        React.createElement('div', {className: '_vf7'}),
        React.createElement('div', {className: '_vf8'})
      );
    }
    if (props.x === 203) {
      return null;
    }
  };

  var AdsPEEditorTrayTabButton83 = function (props) {
    if (props.x === 197) {
      return React.createElement(AdsPESideTrayTabButton82, {x: 196});
    }
  };

  var AdsPEInsightsTrayTabButton84 = function (props) {
    if (props.x === 202) {
      return React.createElement(
        'span',
        null,
        React.createElement(AdsPESideTrayTabButton82, {x: 199}),
        React.createElement(XUIAmbientNUX69, {x: 201, key: 'roasNUX'})
      );
    }
  };

  var AdsPENekoDebuggerTrayTabButton85 = function (props) {
    if (props.x === 204) {
      return React.createElement(AdsPESideTrayTabButton82, {x: 203});
    }
  };

  var AdsPEEditorChildLink86 = function (props) {
    if (props.x === 211) {
      return React.createElement(
        'div',
        {className: '_3ywr'},
        React.createElement(Link2, {x: 208}),
        React.createElement('span', {className: '_3ywq'}, '|'),
        React.createElement(Link2, {x: 210})
      );
    }
  };

  var AdsPEEditorChildLinkContainer87 = function (props) {
    if (props.x === 212) {
      return React.createElement(AdsPEEditorChildLink86, {x: 211});
    }
  };

  var AdsPEHeaderSection88 = function (props) {
    if (props.x === 213) {
      return React.createElement(
        'div',
        {className: '_yke'},
        React.createElement('div', {className: '_2x9d _pr-'}),
        React.createElement(XUIText29, {x: 205}),
        React.createElement(
          'div',
          {className: '_3a-a'},
          React.createElement(
            'div',
            {className: '_3a-b'},
            React.createElement(XUIText29, {x: 206})
          )
        ),
        React.createElement(AdsPEEditorChildLinkContainer87, {x: 212})
      );
    }
  };

  var AdsPECampaignGroupHeaderSectionContainer89 = function (props) {
    if (props.x === 214) {
      return React.createElement(AdsPEHeaderSection88, {x: 213});
    }
  };

  var AdsEditorLoadingErrors90 = function (props) {
    if (props.x === 215) {
      return null;
    }
  };

  var AdsTextInput91 = function (props) {
    if (props.x === 217) {
      return React.createElement(ReactXUIError76, {x: 216});
    }
  };

  var BUIFormElement92 = function (props) {
    if (props.x === 218) {
      return React.createElement(
        'div',
        {className: '_5521 clearfix'},
        React.createElement(
          'div',
          {className: '_5522 _3w5q'},
          React.createElement(
            'label',
            {
              onClick: undefined,
              htmlFor: '1467872040612:1961945894',
              className: '_5523 _3w5r',
            },
            'Campaign Name',
            null
          )
        ),
        React.createElement(
          'div',
          {className: '_5527'},
          React.createElement(
            'div',
            {className: '_5528'},
            React.createElement(
              'span',
              {key: '.0', className: '_40bg', id: '1467872040612:1961945894'},
              React.createElement(AdsTextInput91, {
                x: 217,
                key: 'nameEditor98010048849317',
              }),
              null
            )
          ),
          null
        )
      );
    }
  };

  var BUIForm93 = function (props) {
    if (props.x === 219) {
      return React.createElement(
        'div',
        {className: '_5ks1 _550r  _550t _550y _3w5n'},
        React.createElement(BUIFormElement92, {x: 218, key: '.0'})
      );
    }
  };

  var XUICard94 = function (props) {
    if (props.x === 220) {
      return React.createElement(
        'div',
        {className: '_40bc _12k2 _4-u2  _4-u8'},
        React.createElement(BUIForm93, {x: 219})
      );
    }
    if (props.x === 249) {
      return React.createElement(
        'div',
        {className: '_12k2 _4-u2  _4-u8'},
        React.createElement(AdsCardHeader103, {x: 230}),
        React.createElement(AdsCardSection108, {x: 248})
      );
    }
    if (props.x === 279) {
      return React.createElement(
        'div',
        {className: '_12k2 _4-u2  _4-u8'},
        React.createElement(AdsCardLeftRightHeader122, {x: 278})
      );
    }
  };

  var AdsCard95 = function (props) {
    if (props.x === 222) {
      return React.createElement(ReactXUIError76, {x: 221});
    }
    if (props.x === 251) {
      return React.createElement(ReactXUIError76, {x: 250});
    }
    if (props.x === 281) {
      return React.createElement(ReactXUIError76, {x: 280});
    }
  };

  var AdsEditorNameSection96 = function (props) {
    if (props.x === 223) {
      return React.createElement(AdsCard95, {x: 222});
    }
  };

  var AdsCampaignGroupNameSectionContainer97 = function (props) {
    if (props.x === 224) {
      return React.createElement(AdsEditorNameSection96, {
        x: 223,
        key: 'nameSection98010048849317',
      });
    }
  };

  var _render98 = function (props) {
    if (props.x === 225) {
      return React.createElement(AdsCampaignGroupNameSectionContainer97, {
        x: 224,
      });
    }
  };

  var AdsPluginWrapper99 = function (props) {
    if (props.x === 226) {
      return React.createElement(_render98, {x: 225});
    }
    if (props.x === 255) {
      return React.createElement(_render111, {x: 254});
    }
    if (props.x === 258) {
      return React.createElement(_render113, {x: 257});
    }
    if (props.x === 287) {
      return React.createElement(_render127, {x: 286});
    }
    if (props.x === 291) {
      return React.createElement(_render130, {x: 290});
    }
  };

  var XUICardHeaderTitle100 = function (props) {
    if (props.x === 227) {
      return React.createElement(
        'span',
        {className: '_38my'},
        'Campaign Details',
        null,
        React.createElement('span', {className: '_c1c'})
      );
    }
    if (props.x === 265) {
      return React.createElement(
        'span',
        {className: '_38my'},
        [
          React.createElement(
            'span',
            {key: 1},
            'Campaign ID',
            ': ',
            '98010048849317'
          ),
          React.createElement(
            'div',
            {className: '_5lh9', key: 2},
            React.createElement(
              FluxContainer_AdsCampaignGroupStatusSwitchContainer_119,
              {x: 264}
            )
          ),
        ],
        null,
        React.createElement('span', {className: '_c1c'})
      );
    }
  };

  var XUICardSection101 = function (props) {
    if (props.x === 228) {
      return React.createElement(
        'div',
        {className: '_5dw9 _5dwa _4-u3'},
        [React.createElement(XUICardHeaderTitle100, {x: 227, key: '.0'})],
        undefined,
        undefined,
        React.createElement('div', {className: '_3s3-'})
      );
    }
    if (props.x === 247) {
      return React.createElement(
        'div',
        {className: '_12jy _4-u3'},
        React.createElement(
          'div',
          {className: '_3-8j'},
          React.createElement(FlexibleBlock105, {x: 233}),
          React.createElement(FlexibleBlock105, {x: 236}),
          React.createElement(FlexibleBlock105, {x: 246}),
          null,
          null
        )
      );
    }
  };

  var XUICardHeader102 = function (props) {
    if (props.x === 229) {
      return React.createElement(XUICardSection101, {x: 228});
    }
  };

  var AdsCardHeader103 = function (props) {
    if (props.x === 230) {
      return React.createElement(XUICardHeader102, {x: 229});
    }
  };

  var AdsLabeledField104 = function (props) {
    if (props.x === 231) {
      return React.createElement(
        'div',
        {className: '_2oc6 _3bvz', label: 'Objective'},
        React.createElement(
          'label',
          {className: '_4el4 _3qwj _3hy-', htmlFor: undefined},
          'Objective '
        ),
        null,
        React.createElement('div', {className: '_3bv-'})
      );
    }
    if (props.x === 234) {
      return React.createElement(
        'div',
        {className: '_2oc6 _3bvz', label: 'Buying Type'},
        React.createElement(
          'label',
          {className: '_4el4 _3qwj _3hy-', htmlFor: undefined},
          'Buying Type '
        ),
        null,
        React.createElement('div', {className: '_3bv-'})
      );
    }
    if (props.x === 240) {
      return React.createElement(
        'div',
        {className: '_2oc6 _3bvz'},
        React.createElement(
          'label',
          {className: '_4el4 _3qwj _3hy-', htmlFor: undefined},
          'Campaign Spending Limit '
        ),
        React.createElement(AdsHelpLink63, {x: 239}),
        React.createElement('div', {className: '_3bv-'})
      );
    }
  };

  var FlexibleBlock105 = function (props) {
    if (props.x === 233) {
      return React.createElement(LeftRight21, {x: 232});
    }
    if (props.x === 236) {
      return React.createElement(LeftRight21, {x: 235});
    }
    if (props.x === 246) {
      return React.createElement(LeftRight21, {x: 245});
    }
  };

  var AdsBulkCampaignSpendCapField106 = function (props) {
    if (props.x === 243) {
      return React.createElement(
        'div',
        {className: '_33dv'},
        '',
        React.createElement(Link2, {x: 242}),
        ' (optional)'
      );
    }
  };

  var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = function (props) {
    if (props.x === 244) {
      return React.createElement(AdsBulkCampaignSpendCapField106, {x: 243});
    }
  };

  var AdsCardSection108 = function (props) {
    if (props.x === 248) {
      return React.createElement(XUICardSection101, {x: 247});
    }
  };

  var AdsEditorCampaignGroupDetailsSection109 = function (props) {
    if (props.x === 252) {
      return React.createElement(AdsCard95, {x: 251});
    }
  };

  var AdsEditorCampaignGroupDetailsSectionContainer110 = function (props) {
    if (props.x === 253) {
      return React.createElement(AdsEditorCampaignGroupDetailsSection109, {
        x: 252,
        key: 'campaignGroupDetailsSection98010048849317',
      });
    }
  };

  var _render111 = function (props) {
    if (props.x === 254) {
      return React.createElement(
        AdsEditorCampaignGroupDetailsSectionContainer110,
        {x: 253}
      );
    }
  };

  var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = function (
    props
  ) {
    if (props.x === 256) {
      return null;
    }
  };

  var _render113 = function (props) {
    if (props.x === 257) {
      return React.createElement(
        FluxContainer_AdsEditorToplineDetailsSectionContainer_112,
        {x: 256}
      );
    }
  };

  var AdsStickyArea114 = function (props) {
    if (props.x === 259) {
      return React.createElement(
        'div',
        {},
        React.createElement('div', {onWheel: function () {}})
      );
    }
    if (props.x === 292) {
      return React.createElement(
        'div',
        {},
        React.createElement('div', {onWheel: function () {}}, [
          React.createElement(
            'div',
            {key: 'campaign_group_errors_section98010048849317'},
            React.createElement(AdsPluginWrapper99, {x: 291})
          ),
        ])
      );
    }
  };

  var FluxContainer_AdsEditorColumnContainer_115 = function (props) {
    if (props.x === 260) {
      return React.createElement(
        'div',
        null,
        [
          React.createElement(
            'div',
            {key: 'campaign_group_name_section98010048849317'},
            React.createElement(AdsPluginWrapper99, {x: 226})
          ),
          React.createElement(
            'div',
            {key: 'campaign_group_basic_section98010048849317'},
            React.createElement(AdsPluginWrapper99, {x: 255})
          ),
          React.createElement(
            'div',
            {key: 'campaign_group_topline_section98010048849317'},
            React.createElement(AdsPluginWrapper99, {x: 258})
          ),
        ],
        React.createElement(AdsStickyArea114, {x: 259})
      );
    }
    if (props.x === 293) {
      return React.createElement(
        'div',
        null,
        [
          React.createElement(
            'div',
            {key: 'campaign_group_navigation_section98010048849317'},
            React.createElement(AdsPluginWrapper99, {x: 287})
          ),
        ],
        React.createElement(AdsStickyArea114, {x: 292})
      );
    }
  };

  var BUISwitch116 = function (props) {
    if (props.x === 261) {
      return React.createElement(
        'div',
        {
          'data-hover': 'tooltip',
          'data-tooltip-content':
            'Currently active. Click this switch to deactivate it.',
          'data-tooltip-position': 'below',
          disabled: false,
          value: true,
          onToggle: function () {},
          className: '_128j _128k _128n',
          role: 'checkbox',
          'aria-checked': 'true',
        },
        React.createElement(
          'div',
          {
            className: '_128o',
            onClick: function () {},
            onKeyDown: function () {},
            onMouseDown: function () {},
            tabIndex: '0',
          },
          React.createElement('div', {className: '_128p'})
        ),
        null
      );
    }
  };

  var AdsStatusSwitchInternal117 = function (props) {
    if (props.x === 262) {
      return React.createElement(BUISwitch116, {x: 261});
    }
  };

  var AdsStatusSwitch118 = function (props) {
    if (props.x === 263) {
      return React.createElement(AdsStatusSwitchInternal117, {x: 262});
    }
  };

  var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = function (
    props
  ) {
    if (props.x === 264) {
      return React.createElement(AdsStatusSwitch118, {
        x: 263,
        key: 'status98010048849317',
      });
    }
  };

  var AdsLinksMenu120 = function (props) {
    if (props.x === 275) {
      return React.createElement(ReactPopoverMenu20, {x: 274});
    }
  };

  var FluxContainer_AdsPluginizedLinksMenuContainer_121 = function (props) {
    if (props.x === 276) {
      return React.createElement(
        'div',
        null,
        null,
        React.createElement(AdsLinksMenu120, {x: 275})
      );
    }
  };

  var AdsCardLeftRightHeader122 = function (props) {
    if (props.x === 278) {
      return React.createElement(LeftRight21, {x: 277});
    }
  };

  var AdsPEIDSection123 = function (props) {
    if (props.x === 282) {
      return React.createElement(AdsCard95, {x: 281});
    }
  };

  var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = function (
    props
  ) {
    if (props.x === 283) {
      return React.createElement(AdsPEIDSection123, {x: 282});
    }
  };

  var DeferredComponent125 = function (props) {
    if (props.x === 284) {
      return React.createElement(
        FluxContainer_AdsPECampaignGroupIDSectionContainer_124,
        {x: 283}
      );
    }
  };

  var BootloadedComponent126 = function (props) {
    if (props.x === 285) {
      return React.createElement(DeferredComponent125, {x: 284});
    }
  };

  var _render127 = function (props) {
    if (props.x === 286) {
      return React.createElement(BootloadedComponent126, {x: 285});
    }
  };

  var AdsEditorErrorsCard128 = function (props) {
    if (props.x === 288) {
      return null;
    }
  };

  var FluxContainer_FunctionalContainer_129 = function (props) {
    if (props.x === 289) {
      return React.createElement(AdsEditorErrorsCard128, {x: 288});
    }
  };

  var _render130 = function (props) {
    if (props.x === 290) {
      return React.createElement(FluxContainer_FunctionalContainer_129, {
        x: 289,
      });
    }
  };

  var AdsEditorMultiColumnLayout131 = function (props) {
    if (props.x === 294) {
      return React.createElement(
        'div',
        {className: '_psh'},
        React.createElement(
          'div',
          {className: '_3cc0'},
          React.createElement(
            'div',
            null,
            React.createElement(AdsEditorLoadingErrors90, {x: 215, key: '.0'}),
            React.createElement(
              'div',
              {className: '_3ms3'},
              React.createElement(
                'div',
                {className: '_3ms4'},
                React.createElement(
                  FluxContainer_AdsEditorColumnContainer_115,
                  {x: 260, key: '.1'}
                )
              ),
              React.createElement(
                'div',
                {className: '_3pvg'},
                React.createElement(
                  FluxContainer_AdsEditorColumnContainer_115,
                  {x: 293, key: '.2'}
                )
              )
            )
          )
        )
      );
    }
  };

  var AdsPECampaignGroupEditor132 = function (props) {
    if (props.x === 295) {
      return React.createElement(
        'div',
        null,
        React.createElement(AdsPECampaignGroupHeaderSectionContainer89, {
          x: 214,
        }),
        React.createElement(AdsEditorMultiColumnLayout131, {x: 294})
      );
    }
  };

  var AdsPECampaignGroupEditorContainer133 = function (props) {
    if (props.x === 296) {
      return React.createElement(AdsPECampaignGroupEditor132, {x: 295});
    }
  };

  var AdsPESideTrayTabContent134 = function (props) {
    if (props.x === 297) {
      return React.createElement(
        'div',
        {className: '_1o_8 _44ra _5cyn'},
        React.createElement(AdsPECampaignGroupEditorContainer133, {x: 296})
      );
    }
  };

  var AdsPEEditorTrayTabContentContainer135 = function (props) {
    if (props.x === 298) {
      return React.createElement(AdsPESideTrayTabContent134, {x: 297});
    }
  };

  var AdsPEMultiTabDrawer136 = function (props) {
    if (props.x === 299) {
      return React.createElement(
        'div',
        {className: '_2kev _2kex'},
        React.createElement(
          'div',
          {className: '_5yno'},
          React.createElement(AdsPEEditorTrayTabButton83, {
            x: 197,
            key: 'editor_tray_button',
          }),
          React.createElement(AdsPEInsightsTrayTabButton84, {
            x: 202,
            key: 'insights_tray_button',
          }),
          React.createElement(AdsPENekoDebuggerTrayTabButton85, {
            x: 204,
            key: 'neko_debugger_tray_button',
          })
        ),
        React.createElement(
          'div',
          {className: '_5ynn'},
          React.createElement(AdsPEEditorTrayTabContentContainer135, {
            x: 298,
            key: 'EDITOR_DRAWER',
          }),
          null
        )
      );
    }
  };

  var FluxContainer_AdsPEMultiTabDrawerContainer_137 = function (props) {
    if (props.x === 300) {
      return React.createElement(AdsPEMultiTabDrawer136, {x: 299});
    }
  };

  var AdsPESimpleOrganizer138 = function (props) {
    if (props.x === 309) {
      return React.createElement(
        'div',
        {className: '_tm2'},
        React.createElement(XUIButton4, {x: 304}),
        React.createElement(XUIButton4, {x: 306}),
        React.createElement(XUIButton4, {x: 308})
      );
    }
  };

  var AdsPEOrganizerContainer139 = function (props) {
    if (props.x === 310) {
      return React.createElement(
        'div',
        null,
        React.createElement(AdsPESimpleOrganizer138, {x: 309})
      );
    }
  };

  var FixedDataTableColumnResizeHandle140 = function (props) {
    if (props.x === 313) {
      return React.createElement(
        'div',
        {
          className: '_3487 _3488 _3489',
          style: {width: 0, height: 25, left: 0},
        },
        React.createElement('div', {className: '_348a', style: {height: 25}})
      );
    }
  };

  var AdsPETableHeader141 = function (props) {
    if (props.x === 315) {
      return React.createElement(
        'div',
        {className: '_1cig _1ksv _1vd7 _4h2r', id: undefined},
        React.createElement(ReactImage0, {x: 314}),
        React.createElement('span', {className: '_1cid'}, 'Campaigns')
      );
    }
    if (props.x === 320) {
      return React.createElement(
        'div',
        {className: '_1cig _1vd7 _4h2r', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Performance')
      );
    }
    if (props.x === 323) {
      return React.createElement(
        'div',
        {className: '_1cig _1vd7 _4h2r', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Overview')
      );
    }
    if (props.x === 326) {
      return React.createElement(
        'div',
        {className: '_1cig _1vd7 _4h2r', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Toplines')
      );
    }
    if (props.x === 329) {
      return React.createElement('div', {
        className: '_1cig _1vd7 _4h2r',
        id: undefined,
      });
    }
    if (props.x === 340) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Campaign Name')
      );
    }
    if (props.x === 346) {
      return React.createElement(
        'div',
        {
          className: '_1cig _25fg',
          id: undefined,
          'data-tooltip-content': 'Changed',
          'data-hover': 'tooltip',
        },
        React.createElement(ReactImage0, {x: 345}),
        null
      );
    }
    if (props.x === 352) {
      return React.createElement(
        'div',
        {
          className: '_1cig _25fg',
          id: 'ads_pe_table_error_header',
          'data-tooltip-content': 'Errors',
          'data-hover': 'tooltip',
        },
        React.createElement(ReactImage0, {x: 351}),
        null
      );
    }
    if (props.x === 357) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Status')
      );
    }
    if (props.x === 362) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Delivery')
      );
    }
    if (props.x === 369) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Results')
      );
    }
    if (props.x === 374) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Cost')
      );
    }
    if (props.x === 379) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Reach')
      );
    }
    if (props.x === 384) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Impressions')
      );
    }
    if (props.x === 389) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Clicks')
      );
    }
    if (props.x === 394) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Avg. CPM')
      );
    }
    if (props.x === 399) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Avg. CPC')
      );
    }
    if (props.x === 404) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'CTR %')
      );
    }
    if (props.x === 409) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Spent')
      );
    }
    if (props.x === 414) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Objective')
      );
    }
    if (props.x === 419) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Buying Type')
      );
    }
    if (props.x === 424) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Campaign ID')
      );
    }
    if (props.x === 429) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Start')
      );
    }
    if (props.x === 434) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'End')
      );
    }
    if (props.x === 439) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Date created')
      );
    }
    if (props.x === 444) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Date last edited')
      );
    }
    if (props.x === 449) {
      return React.createElement(
        'div',
        {className: '_1cig _25fg _4h2r', id: undefined},
        null,
        React.createElement('span', {className: '_1cid'}, 'Tags')
      );
    }
    if (props.x === 452) {
      return React.createElement('div', {
        className: '_1cig _25fg _4h2r',
        id: undefined,
      });
    }
  };

  var TransitionCell142 = function (props) {
    if (props.x === 316) {
      return React.createElement(
        'div',
        {
          label: 'Campaigns',
          height: 40,
          width: 721,
          className: '_4lgc _4h2u',
          style: {height: 40, width: 721},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(AdsPETableHeader141, {x: 315})
          )
        )
      );
    }
    if (props.x === 321) {
      return React.createElement(
        'div',
        {
          label: 'Performance',
          height: 40,
          width: 798,
          className: '_4lgc _4h2u',
          style: {height: 40, width: 798},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(AdsPETableHeader141, {x: 320})
          )
        )
      );
    }
    if (props.x === 324) {
      return React.createElement(
        'div',
        {
          label: 'Overview',
          height: 40,
          width: 1022,
          className: '_4lgc _4h2u',
          style: {height: 40, width: 1022},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(AdsPETableHeader141, {x: 323})
          )
        )
      );
    }
    if (props.x === 327) {
      return React.createElement(
        'div',
        {
          label: 'Toplines',
          height: 40,
          width: 0,
          className: '_4lgc _4h2u',
          style: {height: 40, width: 0},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(AdsPETableHeader141, {x: 326})
          )
        )
      );
    }
    if (props.x === 330) {
      return React.createElement(
        'div',
        {
          label: '',
          height: 40,
          width: 25,
          className: '_4lgc _4h2u',
          style: {height: 40, width: 25},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(AdsPETableHeader141, {x: 329})
          )
        )
      );
    }
    if (props.x === 338) {
      return React.createElement(
        'div',
        {
          label: undefined,
          width: 42,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 42},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(XUICheckboxInput60, {x: 337})
          )
        )
      );
    }
    if (props.x === 343) {
      return React.createElement(
        'div',
        {
          label: 'Campaign Name',
          width: 400,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 400},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 342})
          )
        )
      );
    }
    if (props.x === 349) {
      return React.createElement(
        'div',
        {
          label: undefined,
          width: 33,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 33},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 348})
          )
        )
      );
    }
    if (props.x === 355) {
      return React.createElement(
        'div',
        {
          label: undefined,
          width: 36,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 36},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 354})
          )
        )
      );
    }
    if (props.x === 360) {
      return React.createElement(
        'div',
        {
          label: 'Status',
          width: 60,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 60},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 359})
          )
        )
      );
    }
    if (props.x === 365) {
      return React.createElement(
        'div',
        {
          label: 'Delivery',
          width: 150,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 150},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 364})
          )
        )
      );
    }
    if (props.x === 372) {
      return React.createElement(
        'div',
        {
          label: 'Results',
          width: 140,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 140},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 371})
          )
        )
      );
    }
    if (props.x === 377) {
      return React.createElement(
        'div',
        {
          label: 'Cost',
          width: 140,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 140},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 376})
          )
        )
      );
    }
    if (props.x === 382) {
      return React.createElement(
        'div',
        {
          label: 'Reach',
          width: 80,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 80},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 381})
          )
        )
      );
    }
    if (props.x === 387) {
      return React.createElement(
        'div',
        {
          label: 'Impressions',
          width: 80,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 80},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 386})
          )
        )
      );
    }
    if (props.x === 392) {
      return React.createElement(
        'div',
        {
          label: 'Clicks',
          width: 60,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 60},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 391})
          )
        )
      );
    }
    if (props.x === 397) {
      return React.createElement(
        'div',
        {
          label: 'Avg. CPM',
          width: 80,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 80},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 396})
          )
        )
      );
    }
    if (props.x === 402) {
      return React.createElement(
        'div',
        {
          label: 'Avg. CPC',
          width: 78,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 78},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 401})
          )
        )
      );
    }
    if (props.x === 407) {
      return React.createElement(
        'div',
        {
          label: 'CTR %',
          width: 70,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 70},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 406})
          )
        )
      );
    }
    if (props.x === 412) {
      return React.createElement(
        'div',
        {
          label: 'Spent',
          width: 70,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 70},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 411})
          )
        )
      );
    }
    if (props.x === 417) {
      return React.createElement(
        'div',
        {
          label: 'Objective',
          width: 200,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 200},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 416})
          )
        )
      );
    }
    if (props.x === 422) {
      return React.createElement(
        'div',
        {
          label: 'Buying Type',
          width: 100,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 100},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 421})
          )
        )
      );
    }
    if (props.x === 427) {
      return React.createElement(
        'div',
        {
          label: 'Campaign ID',
          width: 120,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 120},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 426})
          )
        )
      );
    }
    if (props.x === 432) {
      return React.createElement(
        'div',
        {
          label: 'Start',
          width: 113,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 113},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 431})
          )
        )
      );
    }
    if (props.x === 437) {
      return React.createElement(
        'div',
        {
          label: 'End',
          width: 113,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 113},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 436})
          )
        )
      );
    }
    if (props.x === 442) {
      return React.createElement(
        'div',
        {
          label: 'Date created',
          width: 113,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 113},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 441})
          )
        )
      );
    }
    if (props.x === 447) {
      return React.createElement(
        'div',
        {
          label: 'Date last edited',
          width: 113,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 113},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(FixedDataTableSortableHeader149, {x: 446})
          )
        )
      );
    }
    if (props.x === 450) {
      return React.createElement(
        'div',
        {
          label: 'Tags',
          width: 150,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 150},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(AdsPETableHeader141, {x: 449})
          )
        )
      );
    }
    if (props.x === 453) {
      return React.createElement(
        'div',
        {
          label: '',
          width: 25,
          className: '_4lgc _4h2u',
          height: 25,
          style: {height: 25, width: 25},
        },
        React.createElement(
          'div',
          {className: '_4lgd _4h2w'},
          React.createElement(
            'div',
            {className: '_4lge _4h2x'},
            React.createElement(AdsPETableHeader141, {x: 452})
          )
        )
      );
    }
  };

  var FixedDataTableCell143 = function (props) {
    if (props.x === 317) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 40, width: 721, left: 0}},
        undefined,
        React.createElement(TransitionCell142, {x: 316})
      );
    }
    if (props.x === 322) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 40, width: 798, left: 0}},
        undefined,
        React.createElement(TransitionCell142, {x: 321})
      );
    }
    if (props.x === 325) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 40, width: 1022, left: 798}},
        undefined,
        React.createElement(TransitionCell142, {x: 324})
      );
    }
    if (props.x === 328) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 40, width: 0, left: 1820}},
        undefined,
        React.createElement(TransitionCell142, {x: 327})
      );
    }
    if (props.x === 331) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 40, width: 25, left: 1820}},
        undefined,
        React.createElement(TransitionCell142, {x: 330})
      );
    }
    if (props.x === 339) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg6 _4h2m',
          style: {height: 25, width: 42, left: 0},
        },
        undefined,
        React.createElement(TransitionCell142, {x: 338})
      );
    }
    if (props.x === 344) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 400, left: 42}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 343})
      );
    }
    if (props.x === 350) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 33, left: 442}},
        undefined,
        React.createElement(TransitionCell142, {x: 349})
      );
    }
    if (props.x === 356) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 36, left: 475}},
        undefined,
        React.createElement(TransitionCell142, {x: 355})
      );
    }
    if (props.x === 361) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 60, left: 511}},
        undefined,
        React.createElement(TransitionCell142, {x: 360})
      );
    }
    if (props.x === 366) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 150, left: 571}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 365})
      );
    }
    if (props.x === 373) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg5 _4h2p _4h2m',
          style: {height: 25, width: 140, left: 0},
        },
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 372})
      );
    }
    if (props.x === 378) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg5 _4h2p _4h2m',
          style: {height: 25, width: 140, left: 140},
        },
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 377})
      );
    }
    if (props.x === 383) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg5 _4h2p _4h2m',
          style: {height: 25, width: 80, left: 280},
        },
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 382})
      );
    }
    if (props.x === 388) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg5 _4h2p _4h2m',
          style: {height: 25, width: 80, left: 360},
        },
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 387})
      );
    }
    if (props.x === 393) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg5 _4h2p _4h2m',
          style: {height: 25, width: 60, left: 440},
        },
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 392})
      );
    }
    if (props.x === 398) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg5 _4h2p _4h2m',
          style: {height: 25, width: 80, left: 500},
        },
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 397})
      );
    }
    if (props.x === 403) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg5 _4h2p _4h2m',
          style: {height: 25, width: 78, left: 580},
        },
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 402})
      );
    }
    if (props.x === 408) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg5 _4h2p _4h2m',
          style: {height: 25, width: 70, left: 658},
        },
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 407})
      );
    }
    if (props.x === 413) {
      return React.createElement(
        'div',
        {
          className: '_4lg0 _4lg5 _4h2p _4h2m',
          style: {height: 25, width: 70, left: 728},
        },
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 412})
      );
    }
    if (props.x === 418) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 200, left: 798}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 417})
      );
    }
    if (props.x === 423) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 100, left: 998}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 422})
      );
    }
    if (props.x === 428) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 120, left: 1098}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 427})
      );
    }
    if (props.x === 433) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 113, left: 1218}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 432})
      );
    }
    if (props.x === 438) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 113, left: 1331}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 437})
      );
    }
    if (props.x === 443) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 113, left: 1444}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 442})
      );
    }
    if (props.x === 448) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 113, left: 1557}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 447})
      );
    }
    if (props.x === 451) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 150, left: 1670}},
        React.createElement(
          'div',
          {
            className: '_4lg9',
            style: {height: 25},
            onMouseDown: function () {},
          },
          React.createElement('div', {
            className: '_4lga _4lgb',
            style: {height: 25},
          })
        ),
        React.createElement(TransitionCell142, {x: 450})
      );
    }
    if (props.x === 454) {
      return React.createElement(
        'div',
        {className: '_4lg0 _4h2m', style: {height: 25, width: 25, left: 1820}},
        undefined,
        React.createElement(TransitionCell142, {x: 453})
      );
    }
  };

  var FixedDataTableCellGroupImpl144 = function (props) {
    if (props.x === 318) {
      return React.createElement(
        'div',
        {
          className: '_3pzj',
          style: {
            height: 40,
            position: 'absolute',
            width: 721,
            zIndex: 2,
            transform: 'translate3d(0px,0px,0)',
            backfaceVisibility: 'hidden',
          },
        },
        React.createElement(FixedDataTableCell143, {x: 317, key: 'cell_0'})
      );
    }
    if (props.x === 332) {
      return React.createElement(
        'div',
        {
          className: '_3pzj',
          style: {
            height: 40,
            position: 'absolute',
            width: 1845,
            zIndex: 0,
            transform: 'translate3d(0px,0px,0)',
            backfaceVisibility: 'hidden',
          },
        },
        React.createElement(FixedDataTableCell143, {x: 322, key: 'cell_0'}),
        React.createElement(FixedDataTableCell143, {x: 325, key: 'cell_1'}),
        React.createElement(FixedDataTableCell143, {x: 328, key: 'cell_2'}),
        React.createElement(FixedDataTableCell143, {x: 331, key: 'cell_3'})
      );
    }
    if (props.x === 367) {
      return React.createElement(
        'div',
        {
          className: '_3pzj',
          style: {
            height: 25,
            position: 'absolute',
            width: 721,
            zIndex: 2,
            transform: 'translate3d(0px,0px,0)',
            backfaceVisibility: 'hidden',
          },
        },
        React.createElement(FixedDataTableCell143, {x: 339, key: 'cell_0'}),
        React.createElement(FixedDataTableCell143, {x: 344, key: 'cell_1'}),
        React.createElement(FixedDataTableCell143, {x: 350, key: 'cell_2'}),
        React.createElement(FixedDataTableCell143, {x: 356, key: 'cell_3'}),
        React.createElement(FixedDataTableCell143, {x: 361, key: 'cell_4'}),
        React.createElement(FixedDataTableCell143, {x: 366, key: 'cell_5'})
      );
    }
    if (props.x === 455) {
      return React.createElement(
        'div',
        {
          className: '_3pzj',
          style: {
            height: 25,
            position: 'absolute',
            width: 1845,
            zIndex: 0,
            transform: 'translate3d(0px,0px,0)',
            backfaceVisibility: 'hidden',
          },
        },
        React.createElement(FixedDataTableCell143, {x: 373, key: 'cell_0'}),
        React.createElement(FixedDataTableCell143, {x: 378, key: 'cell_1'}),
        React.createElement(FixedDataTableCell143, {x: 383, key: 'cell_2'}),
        React.createElement(FixedDataTableCell143, {x: 388, key: 'cell_3'}),
        React.createElement(FixedDataTableCell143, {x: 393, key: 'cell_4'}),
        React.createElement(FixedDataTableCell143, {x: 398, key: 'cell_5'}),
        React.createElement(FixedDataTableCell143, {x: 403, key: 'cell_6'}),
        React.createElement(FixedDataTableCell143, {x: 408, key: 'cell_7'}),
        React.createElement(FixedDataTableCell143, {x: 413, key: 'cell_8'}),
        React.createElement(FixedDataTableCell143, {x: 418, key: 'cell_9'}),
        React.createElement(FixedDataTableCell143, {x: 423, key: 'cell_10'}),
        React.createElement(FixedDataTableCell143, {x: 428, key: 'cell_11'}),
        React.createElement(FixedDataTableCell143, {x: 433, key: 'cell_12'}),
        React.createElement(FixedDataTableCell143, {x: 438, key: 'cell_13'}),
        React.createElement(FixedDataTableCell143, {x: 443, key: 'cell_14'}),
        React.createElement(FixedDataTableCell143, {x: 448, key: 'cell_15'}),
        React.createElement(FixedDataTableCell143, {x: 451, key: 'cell_16'}),
        React.createElement(FixedDataTableCell143, {x: 454, key: 'cell_17'})
      );
    }
  };

  var FixedDataTableCellGroup145 = function (props) {
    if (props.x === 319) {
      return React.createElement(
        'div',
        {style: {height: 40, left: 0}, className: '_3pzk'},
        React.createElement(FixedDataTableCellGroupImpl144, {x: 318})
      );
    }
    if (props.x === 333) {
      return React.createElement(
        'div',
        {style: {height: 40, left: 721}, className: '_3pzk'},
        React.createElement(FixedDataTableCellGroupImpl144, {x: 332})
      );
    }
    if (props.x === 368) {
      return React.createElement(
        'div',
        {style: {height: 25, left: 0}, className: '_3pzk'},
        React.createElement(FixedDataTableCellGroupImpl144, {x: 367})
      );
    }
    if (props.x === 456) {
      return React.createElement(
        'div',
        {style: {height: 25, left: 721}, className: '_3pzk'},
        React.createElement(FixedDataTableCellGroupImpl144, {x: 455})
      );
    }
  };

  var FixedDataTableRowImpl146 = function (props) {
    if (props.x === 334) {
      return React.createElement(
        'div',
        {
          className: '_1gd4 _4li _52no _3h1a _1mib',
          onClick: null,
          onDoubleClick: null,
          onMouseDown: null,
          onMouseEnter: null,
          onMouseLeave: null,
          style: {width: 1209, height: 40},
        },
        React.createElement(
          'div',
          {className: '_1gd5'},
          React.createElement(FixedDataTableCellGroup145, {
            x: 319,
            key: 'fixed_cells',
          }),
          React.createElement(FixedDataTableCellGroup145, {
            x: 333,
            key: 'scrollable_cells',
          }),
          React.createElement('div', {
            className: '_1gd6 _1gd8',
            style: {left: 721, height: 40},
          })
        )
      );
    }
    if (props.x === 457) {
      return React.createElement(
        'div',
        {
          className: '_1gd4 _4li _3h1a _1mib',
          onClick: null,
          onDoubleClick: null,
          onMouseDown: null,
          onMouseEnter: null,
          onMouseLeave: null,
          style: {width: 1209, height: 25},
        },
        React.createElement(
          'div',
          {className: '_1gd5'},
          React.createElement(FixedDataTableCellGroup145, {
            x: 368,
            key: 'fixed_cells',
          }),
          React.createElement(FixedDataTableCellGroup145, {
            x: 456,
            key: 'scrollable_cells',
          }),
          React.createElement('div', {
            className: '_1gd6 _1gd8',
            style: {left: 721, height: 25},
          })
        )
      );
    }
  };

  var FixedDataTableRow147 = function (props) {
    if (props.x === 335) {
      return React.createElement(
        'div',
        {
          style: {
            width: 1209,
            height: 40,
            zIndex: 1,
            transform: 'translate3d(0px,0px,0)',
            backfaceVisibility: 'hidden',
          },
          className: '_1gda',
        },
        React.createElement(FixedDataTableRowImpl146, {x: 334})
      );
    }
    if (props.x === 458) {
      return React.createElement(
        'div',
        {
          style: {
            width: 1209,
            height: 25,
            zIndex: 1,
            transform: 'translate3d(0px,40px,0)',
            backfaceVisibility: 'hidden',
          },
          className: '_1gda',
        },
        React.createElement(FixedDataTableRowImpl146, {x: 457})
      );
    }
  };

  var FixedDataTableAbstractSortableHeader148 = function (props) {
    if (props.x === 341) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 340})
        )
      );
    }
    if (props.x === 347) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _1kst _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 346})
        )
      );
    }
    if (props.x === 353) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _1kst _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 352})
        )
      );
    }
    if (props.x === 358) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 357})
        )
      );
    }
    if (props.x === 363) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _54_9 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 362})
        )
      );
    }
    if (props.x === 370) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 369})
        )
      );
    }
    if (props.x === 375) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 374})
        )
      );
    }
    if (props.x === 380) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 379})
        )
      );
    }
    if (props.x === 385) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 384})
        )
      );
    }
    if (props.x === 390) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 389})
        )
      );
    }
    if (props.x === 395) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 394})
        )
      );
    }
    if (props.x === 400) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 399})
        )
      );
    }
    if (props.x === 405) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 404})
        )
      );
    }
    if (props.x === 410) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 409})
        )
      );
    }
    if (props.x === 415) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 414})
        )
      );
    }
    if (props.x === 420) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 419})
        )
      );
    }
    if (props.x === 425) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 424})
        )
      );
    }
    if (props.x === 430) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 429})
        )
      );
    }
    if (props.x === 435) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 434})
        )
      );
    }
    if (props.x === 440) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 439})
        )
      );
    }
    if (props.x === 445) {
      return React.createElement(
        'div',
        {onClick: function () {}, className: '_54_8 _4h2r _2wzx'},
        React.createElement(
          'div',
          {className: '_2eq6'},
          null,
          React.createElement(AdsPETableHeader141, {x: 444})
        )
      );
    }
  };

  var FixedDataTableSortableHeader149 = function (props) {
    if (props.x === 342) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 341,
      });
    }
    if (props.x === 348) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 347,
      });
    }
    if (props.x === 354) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 353,
      });
    }
    if (props.x === 359) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 358,
      });
    }
    if (props.x === 364) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 363,
      });
    }
    if (props.x === 371) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 370,
      });
    }
    if (props.x === 376) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 375,
      });
    }
    if (props.x === 381) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 380,
      });
    }
    if (props.x === 386) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 385,
      });
    }
    if (props.x === 391) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 390,
      });
    }
    if (props.x === 396) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 395,
      });
    }
    if (props.x === 401) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 400,
      });
    }
    if (props.x === 406) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 405,
      });
    }
    if (props.x === 411) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 410,
      });
    }
    if (props.x === 416) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 415,
      });
    }
    if (props.x === 421) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 420,
      });
    }
    if (props.x === 426) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 425,
      });
    }
    if (props.x === 431) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 430,
      });
    }
    if (props.x === 436) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 435,
      });
    }
    if (props.x === 441) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 440,
      });
    }
    if (props.x === 446) {
      return React.createElement(FixedDataTableAbstractSortableHeader148, {
        x: 445,
      });
    }
  };

  var FixedDataTableBufferedRows150 = function (props) {
    if (props.x === 459) {
      return React.createElement('div', {
        style: {
          position: 'absolute',
          pointerEvents: 'auto',
          transform: 'translate3d(0px,65px,0)',
          backfaceVisibility: 'hidden',
        },
      });
    }
  };

  var Scrollbar151 = function (props) {
    if (props.x === 460) {
      return null;
    }
    if (props.x === 461) {
      return React.createElement(
        'div',
        {
          onFocus: function () {},
          onBlur: function () {},
          onKeyDown: function () {},
          onMouseDown: function () {},
          onWheel: function () {},
          className: '_1t0r _1t0t _4jdr _1t0u',
          style: {width: 1209, zIndex: 99},
          tabIndex: 0,
        },
        React.createElement('div', {
          className: '_1t0w _1t0y _1t0_',
          style: {
            width: 561.6340607950117,
            transform: 'translate3d(4px,0px,0)',
            backfaceVisibility: 'hidden',
          },
        })
      );
    }
  };

  var HorizontalScrollbar152 = function (props) {
    if (props.x === 462) {
      return React.createElement(
        'div',
        {className: '_3h1k _3h1m', style: {height: 15, width: 1209}},
        React.createElement(
          'div',
          {
            style: {
              height: 15,
              position: 'absolute',
              overflow: 'hidden',
              width: 1209,
              transform: 'translate3d(0px,0px,0)',
              backfaceVisibility: 'hidden',
            },
          },
          React.createElement(Scrollbar151, {x: 461})
        )
      );
    }
  };

  var FixedDataTable153 = function (props) {
    if (props.x === 463) {
      return React.createElement(
        'div',
        {
          className: '_3h1i _1mie',
          onWheel: function () {},
          style: {height: 25, width: 1209},
        },
        React.createElement(
          'div',
          {className: '_3h1j', style: {height: 8, width: 1209}},
          React.createElement(FixedDataTableColumnResizeHandle140, {x: 313}),
          React.createElement(FixedDataTableRow147, {
            x: 335,
            key: 'group_header',
          }),
          React.createElement(FixedDataTableRow147, {x: 458, key: 'header'}),
          React.createElement(FixedDataTableBufferedRows150, {x: 459}),
          null,
          undefined,
          React.createElement('div', {
            className: '_3h1e _3h1h',
            style: {top: 8},
          })
        ),
        React.createElement(Scrollbar151, {x: 460}),
        React.createElement(HorizontalScrollbar152, {x: 462})
      );
    }
  };

  var TransitionTable154 = function (props) {
    if (props.x === 464) {
      return React.createElement(FixedDataTable153, {x: 463});
    }
  };

  var AdsSelectableFixedDataTable155 = function (props) {
    if (props.x === 465) {
      return React.createElement(
        'div',
        {className: '_5hht'},
        React.createElement(TransitionTable154, {x: 464})
      );
    }
  };

  var AdsDataTableKeyboardSupportDecorator156 = function (props) {
    if (props.x === 466) {
      return React.createElement(
        'div',
        {className: '_5d6f', tabIndex: '0', onKeyDown: function () {}},
        React.createElement(AdsSelectableFixedDataTable155, {x: 465})
      );
    }
  };

  var AdsEditableDataTableDecorator157 = function (props) {
    if (props.x === 467) {
      return React.createElement(
        'div',
        {onCopy: function () {}},
        React.createElement(AdsDataTableKeyboardSupportDecorator156, {x: 466})
      );
    }
  };

  var AdsPEDataTableContainer158 = function (props) {
    if (props.x === 468) {
      return React.createElement(
        'div',
        {className: '_35l_ _1hr clearfix'},
        null,
        null,
        null,
        React.createElement(AdsEditableDataTableDecorator157, {x: 467})
      );
    }
  };

  var AdsPECampaignGroupTableContainer159 = function (props) {
    if (props.x === 470) {
      return React.createElement(ResponsiveBlock37, {x: 469});
    }
  };

  var AdsPEManageAdsPaneContainer160 = function (props) {
    if (props.x === 473) {
      return React.createElement(
        'div',
        null,
        React.createElement(AdsErrorBoundary10, {x: 65}),
        React.createElement(
          'div',
          {className: '_2uty'},
          React.createElement(AdsErrorBoundary10, {x: 125})
        ),
        React.createElement(
          'div',
          {className: '_2utx _21oc'},
          React.createElement(AdsErrorBoundary10, {x: 171}),
          React.createElement(
            'div',
            {className: '_41tu'},
            React.createElement(AdsErrorBoundary10, {x: 176}),
            React.createElement(AdsErrorBoundary10, {x: 194})
          )
        ),
        React.createElement(
          'div',
          {className: '_2utz', style: {height: 25}},
          React.createElement(AdsErrorBoundary10, {x: 302}),
          React.createElement(
            'div',
            {className: '_2ut-'},
            React.createElement(AdsErrorBoundary10, {x: 312})
          ),
          React.createElement(
            'div',
            {className: '_2ut_'},
            React.createElement(AdsErrorBoundary10, {x: 472})
          )
        )
      );
    }
  };

  var AdsPEContentContainer161 = function (props) {
    if (props.x === 474) {
      return React.createElement(AdsPEManageAdsPaneContainer160, {x: 473});
    }
  };

  var FluxContainer_AdsPEWorkspaceContainer_162 = function (props) {
    if (props.x === 477) {
      return React.createElement(
        'div',
        {className: '_49wu', style: {height: 177, top: 43, width: 1306}},
        React.createElement(ResponsiveBlock37, {x: 62, key: '0'}),
        React.createElement(AdsErrorBoundary10, {x: 476, key: '1'}),
        null
      );
    }
  };

  var FluxContainer_AdsSessionExpiredDialogContainer_163 = function (props) {
    if (props.x === 478) {
      return null;
    }
  };

  var FluxContainer_AdsPEUploadDialogLazyContainer_164 = function (props) {
    if (props.x === 479) {
      return null;
    }
  };

  var FluxContainer_DialogContainer_165 = function (props) {
    if (props.x === 480) {
      return null;
    }
  };

  var AdsBugReportContainer166 = function (props) {
    if (props.x === 481) {
      return React.createElement('span', null);
    }
  };

  var AdsPEAudienceSplittingDialog167 = function (props) {
    if (props.x === 482) {
      return null;
    }
  };

  var AdsPEAudienceSplittingDialogContainer168 = function (props) {
    if (props.x === 483) {
      return React.createElement(
        'div',
        null,
        React.createElement(AdsPEAudienceSplittingDialog167, {x: 482})
      );
    }
  };

  var FluxContainer_AdsRuleDialogBootloadContainer_169 = function (props) {
    if (props.x === 484) {
      return null;
    }
  };

  var FluxContainer_AdsPECFTrayContainer_170 = function (props) {
    if (props.x === 485) {
      return null;
    }
  };

  var FluxContainer_AdsPEDeleteDraftContainer_171 = function (props) {
    if (props.x === 486) {
      return null;
    }
  };

  var FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 = function (
    props
  ) {
    if (props.x === 487) {
      return null;
    }
  };

  var FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 =
    function (props) {
      if (props.x === 488) {
        return null;
      }
    };

  var FluxContainer_AdsPEPurgeArchiveDialogContainer_174 = function (props) {
    if (props.x === 489) {
      return null;
    }
  };

  var AdsPECreateDialogContainer175 = function (props) {
    if (props.x === 490) {
      return React.createElement('span', null);
    }
  };

  var FluxContainer_AdsPEModalStatusContainer_176 = function (props) {
    if (props.x === 491) {
      return null;
    }
  };

  var FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 = function (
    props
  ) {
    if (props.x === 492) {
      return null;
    }
  };

  var FluxContainer_AdsPESortByErrorTipContainer_178 = function (props) {
    if (props.x === 493) {
      return null;
    }
  };

  var LeadDownloadDialogSelector179 = function (props) {
    if (props.x === 494) {
      return null;
    }
  };

  var FluxContainer_AdsPELeadDownloadDialogContainerClass_180 = function (
    props
  ) {
    if (props.x === 495) {
      return React.createElement(LeadDownloadDialogSelector179, {x: 494});
    }
  };

  var AdsPEContainer181 = function (props) {
    if (props.x === 496) {
      return React.createElement(
        'div',
        {id: 'ads_pe_container'},
        React.createElement(FluxContainer_AdsPETopNavContainer_26, {x: 41}),
        null,
        React.createElement(FluxContainer_AdsPEWorkspaceContainer_162, {
          x: 477,
        }),
        React.createElement(
          FluxContainer_AdsSessionExpiredDialogContainer_163,
          {x: 478}
        ),
        React.createElement(FluxContainer_AdsPEUploadDialogLazyContainer_164, {
          x: 479,
        }),
        React.createElement(FluxContainer_DialogContainer_165, {x: 480}),
        React.createElement(AdsBugReportContainer166, {x: 481}),
        React.createElement(AdsPEAudienceSplittingDialogContainer168, {x: 483}),
        React.createElement(FluxContainer_AdsRuleDialogBootloadContainer_169, {
          x: 484,
        }),
        React.createElement(FluxContainer_AdsPECFTrayContainer_170, {x: 485}),
        React.createElement(
          'span',
          null,
          React.createElement(FluxContainer_AdsPEDeleteDraftContainer_171, {
            x: 486,
          }),
          React.createElement(
            FluxContainer_AdsPEInitialDraftPublishDialogContainer_172,
            {x: 487}
          ),
          React.createElement(
            FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173,
            {x: 488}
          )
        ),
        React.createElement(
          FluxContainer_AdsPEPurgeArchiveDialogContainer_174,
          {x: 489}
        ),
        React.createElement(AdsPECreateDialogContainer175, {x: 490}),
        React.createElement(FluxContainer_AdsPEModalStatusContainer_176, {
          x: 491,
        }),
        React.createElement(
          FluxContainer_AdsBrowserExtensionErrorDialogContainer_177,
          {x: 492}
        ),
        React.createElement(FluxContainer_AdsPESortByErrorTipContainer_178, {
          x: 493,
        }),
        React.createElement(
          FluxContainer_AdsPELeadDownloadDialogContainerClass_180,
          {x: 495}
        ),
        React.createElement('div', {id: 'web_ads_guidance_tips'})
      );
    }
  };

  var Benchmark = function (props) {
    if (props.x === undefined) {
      return React.createElement(AdsPEContainer181, {x: 496});
    }
  };

  var app = document.getElementById('app');

  window.render = function render() {
    ReactDOM.render(React.createElement(Benchmark, null), app);
  };
})();