JSTQL-JS-Transform/output_testing/273benchmark.js

(function () {
  'use strict';

  class ReactImage0 extends React.Component {
    render() {
      if (this.props.x === 0) {
        return 'i' |> React.createElement(%, {
          alt: '',
          className: '_3-99 img sp_i534r85sjIn sx_538591',
          src: null
        });
      }
      if (this.props.x === 15) {
        return 'i' |> React.createElement(%, {
          className: '_3ut_ img sp_i534r85sjIn sx_e8ac93',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 22) {
        return 'i' |> React.createElement(%, {
          alt: '',
          className: '_3-8_ img sp_i534r85sjIn sx_7b15bc',
          src: null
        });
      }
      if (this.props.x === 29) {
        return 'i' |> React.createElement(%, {
          className: '_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 42) {
        return React.createElement('i', {
          alt: 'Warning',
          className: '_585p img sp_i534r85sjIn sx_20273d',
          src: null
        }, React.createElement('u', null, 'Warning'));
      }
      if (this.props.x === 67) {
        return 'i' |> React.createElement(%, {
          alt: '',
          className: '_3-8_ img sp_i534r85sjIn sx_b5d079',
          src: null
        });
      }
      if (this.props.x === 70) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_29f8c9'
        });
      }
      if (this.props.x === 76) {
        return 'i' |> React.createElement(%, {
          alt: '',
          className: '_3-8_ img sp_i534r85sjIn sx_ef6a9c',
          src: null
        });
      }
      if (this.props.x === 79) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_6f8c43'
        });
      }
      if (this.props.x === 88) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_e94a2d'
        });
      }
      if (this.props.x === 91) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_7ed7d4'
        });
      }
      if (this.props.x === 94) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_930440'
        });
      }
      if (this.props.x === 98) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_750c83'
        });
      }
      if (this.props.x === 108) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_73c1bb'
        });
      }
      if (this.props.x === 111) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_29f28d'
        });
      }
      if (this.props.x === 126) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: '_3-8_ img sp_i534r85sjIn sx_91c59e'
        });
      }
      if (this.props.x === 127) {
        return 'i' |> React.createElement(%, {
          alt: '',
          className: '_3-99 img sp_i534r85sjIn sx_538591',
          src: null
        });
      }
      if (this.props.x === 134) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: '_3-8_ img sp_i534r85sjIn sx_c8eb75'
        });
      }
      if (this.props.x === 135) {
        return 'i' |> React.createElement(%, {
          alt: '',
          className: '_3-99 img sp_i534r85sjIn sx_538591',
          src: null
        });
      }
      if (this.props.x === 148) {
        return 'i' |> React.createElement(%, {
          className: '_3yz6 _5whs img sp_i534r85sjIn sx_896996',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 152) {
        return 'i' |> React.createElement(%, {
          className: '_5b5p _4gem img sp_i534r85sjIn sx_896996',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 153) {
        return 'i' |> React.createElement(%, {
          className: '_541d img sp_i534r85sjIn sx_2f396a',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 160) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_31d9b0'
        });
      }
      if (this.props.x === 177) {
        return 'i' |> React.createElement(%, {
          alt: '',
          className: '_3-99 img sp_i534r85sjIn sx_2c18b7',
          src: null
        });
      }
      if (this.props.x === 186) {
        return 'i' |> React.createElement(%, {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_0a681f'
        });
      }
      if (this.props.x === 195) {
        return 'i' |> React.createElement(%, {
          className: '_1-lx img sp_OkER5ktbEyg sx_b369b4',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 198) {
        return 'i' |> React.createElement(%, {
          className: '_1-lx img sp_i534r85sjIn sx_96948e',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 237) {
        return 'i' |> React.createElement(%, {
          className: '_541d img sp_i534r85sjIn sx_2f396a',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 266) {
        return 'i' |> React.createElement(%, {
          alt: '',
          className: '_3-99 img sp_i534r85sjIn sx_538591',
          src: null
        });
      }
      if (this.props.x === 314) {
        return 'i' |> React.createElement(%, {
          className: '_1cie _1cif img sp_i534r85sjIn sx_6e6820',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 345) {
        return 'i' |> React.createElement(%, {
          className: '_1cie img sp_i534r85sjIn sx_e896cf',
          src: null,
          alt: ''
        });
      }
      if (this.props.x === 351) {
        return 'i' |> React.createElement(%, {
          className: '_1cie img sp_i534r85sjIn sx_38fed8',
          src: null,
          alt: ''
        });
      }
    }
  }
  class AbstractLink1 extends React.Component {
    render() {
      if (this.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)')), ReactImage0 |> React.createElement(%, {
          x: 0
        }));
      }
      if (this.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 (this.props.x === 49) {
        return React.createElement('a', {
          target: '_blank',
          href: '/ads/manage/billing.php?act=10149999073643408',
          rel: undefined,
          onClick: function () {}
        }, XUIText29 |> React.createElement(%, {
          x: 48
        }));
      }
      if (this.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'
          }
        }, ReactImage0 |> React.createElement(%, {
          x: 126
        }), 'Search'), ReactImage0 |> React.createElement(%, {
          x: 127
        }));
      }
      if (this.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'
          }
        }, ReactImage0 |> React.createElement(%, {
          x: 134
        }), 'Filters'), ReactImage0 |> React.createElement(%, {
          x: 135
        }));
      }
      if (this.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', ReactImage0 |> React.createElement(%, {
          x: 177
        }));
      }
      if (this.props.x === 207) {
        return React.createElement('a', {
          href: '#',
          rel: undefined,
          onClick: function () {}
        }, 'Create Ad Set');
      }
      if (this.props.x === 209) {
        return React.createElement('a', {
          href: '#',
          rel: undefined,
          onClick: function () {}
        }, 'View Ad Set');
      }
      if (this.props.x === 241) {
        return React.createElement('a', {
          href: '#',
          rel: undefined,
          onClick: function () {}
        }, 'Set a Limit');
      }
      if (this.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'), ReactImage0 |> React.createElement(%, {
          x: 266
        }));
      }
    }
  }
  class Link2 extends React.Component {
    render() {
      if (this.props.x === 2) {
        return AbstractLink1 |> React.createElement(%, {
          x: 1
        });
      }
      if (this.props.x === 44) {
        return AbstractLink1 |> React.createElement(%, {
          x: 43
        });
      }
      if (this.props.x === 50) {
        return AbstractLink1 |> React.createElement(%, {
          x: 49
        });
      }
      if (this.props.x === 129) {
        return AbstractLink1 |> React.createElement(%, {
          x: 128
        });
      }
      if (this.props.x === 137) {
        return AbstractLink1 |> React.createElement(%, {
          x: 136
        });
      }
      if (this.props.x === 179) {
        return AbstractLink1 |> React.createElement(%, {
          x: 178
        });
      }
      if (this.props.x === 208) {
        return AbstractLink1 |> React.createElement(%, {
          x: 207
        });
      }
      if (this.props.x === 210) {
        return AbstractLink1 |> React.createElement(%, {
          x: 209
        });
      }
      if (this.props.x === 242) {
        return AbstractLink1 |> React.createElement(%, {
          x: 241
        });
      }
      if (this.props.x === 268) {
        return AbstractLink1 |> React.createElement(%, {
          x: 267
        });
      }
    }
  }
  class AbstractButton3 extends React.Component {
    render() {
      if (this.props.x === 3) {
        return Link2 |> React.createElement(%, {
          x: 2
        });
      }
      if (this.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 (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 22
        }), 'Review Changes', undefined);
      }
      if (this.props.x === 45) {
        return Link2 |> React.createElement(%, {
          x: 44
        });
      }
      if (this.props.x === 68) {
        return React.createElement('button', {
          className: '_u_k _4jy0 _4jy4 _517h _51sy _42ft',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1'
        }, ReactImage0 |> React.createElement(%, {
          x: 67
        }), 'Create Campaign', undefined);
      }
      if (this.props.x === 71) {
        return React.createElement('button', {
          className: '_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft',
          label: null,
          type: 'submit',
          value: '1'
        }, ReactImage0 |> React.createElement(%, {
          x: 70
        }), undefined, undefined);
      }
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 76
        }), 'Edit', undefined);
      }
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 79
        }), undefined, undefined);
      }
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 88
        }), undefined, undefined);
      }
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 91
        }), undefined, undefined);
      }
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 94
        }), undefined, undefined);
      }
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 98
        }), undefined, undefined);
      }
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 108
        }), undefined, undefined);
      }
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 111
        }), undefined, undefined);
      }
      if (this.props.x === 130) {
        return Link2 |> React.createElement(%, {
          x: 129
        });
      }
      if (this.props.x === 138) {
        return Link2 |> React.createElement(%, {
          x: 137
        });
      }
      if (this.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 (this.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 (this.props.x === 161) {
        return React.createElement('button', {
          className: '_1wdf _4jy0 _517i _517h _51sy _42ft',
          onClick: function () {},
          label: null,
          type: 'submit',
          value: '1'
        }, ReactImage0 |> React.createElement(%, {
          x: 160
        }), undefined, undefined);
      }
      if (this.props.x === 180) {
        return Link2 |> React.createElement(%, {
          x: 179
        });
      }
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 186
        }), undefined, undefined);
      }
      if (this.props.x === 269) {
        return Link2 |> React.createElement(%, {
          x: 268
        });
      }
      if (this.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, 'div' |> React.createElement(%, {
          className: '_tma'
        }), 'div' |> React.createElement(%, {
          className: '_tm8'
        }), React.createElement('div', {
          className: '_tm9'
        }, 1)), undefined);
      }
      if (this.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, 'div' |> React.createElement(%, {
          className: '_tma'
        }), 'div' |> React.createElement(%, {
          className: '_tm8'
        }), React.createElement('div', {
          className: '_tm9'
        }, 1)), undefined);
      }
      if (this.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, 'div' |> React.createElement(%, {
          className: '_tma'
        }), 'div' |> React.createElement(%, {
          className: '_tm8'
        }), React.createElement('div', {
          className: '_tm9'
        }, 1)), undefined);
      }
    }
  }
  class XUIButton4 extends React.Component {
    render() {
      if (this.props.x === 4) {
        return AbstractButton3 |> React.createElement(%, {
          x: 3
        });
      }
      if (this.props.x === 21) {
        return AbstractButton3 |> React.createElement(%, {
          x: 20
        });
      }
      if (this.props.x === 24) {
        return AbstractButton3 |> React.createElement(%, {
          x: 23
        });
      }
      if (this.props.x === 69) {
        return AbstractButton3 |> React.createElement(%, {
          x: 68
        });
      }
      if (this.props.x === 72) {
        return AbstractButton3 |> React.createElement(%, {
          x: 71
        });
      }
      if (this.props.x === 78) {
        return AbstractButton3 |> React.createElement(%, {
          x: 77
        });
      }
      if (this.props.x === 81) {
        return AbstractButton3 |> React.createElement(%, {
          x: 80
        });
      }
      if (this.props.x === 90) {
        return AbstractButton3 |> React.createElement(%, {
          x: 89
        });
      }
      if (this.props.x === 93) {
        return AbstractButton3 |> React.createElement(%, {
          x: 92
        });
      }
      if (this.props.x === 96) {
        return AbstractButton3 |> React.createElement(%, {
          x: 95
        });
      }
      if (this.props.x === 100) {
        return AbstractButton3 |> React.createElement(%, {
          x: 99
        });
      }
      if (this.props.x === 110) {
        return AbstractButton3 |> React.createElement(%, {
          x: 109
        });
      }
      if (this.props.x === 113) {
        return AbstractButton3 |> React.createElement(%, {
          x: 112
        });
      }
      if (this.props.x === 131) {
        return AbstractButton3 |> React.createElement(%, {
          x: 130
        });
      }
      if (this.props.x === 139) {
        return AbstractButton3 |> React.createElement(%, {
          x: 138
        });
      }
      if (this.props.x === 157) {
        return AbstractButton3 |> React.createElement(%, {
          x: 156
        });
      }
      if (this.props.x === 162) {
        return AbstractButton3 |> React.createElement(%, {
          x: 161
        });
      }
      if (this.props.x === 188) {
        return AbstractButton3 |> React.createElement(%, {
          x: 187
        });
      }
      if (this.props.x === 270) {
        return AbstractButton3 |> React.createElement(%, {
          x: 269
        });
      }
      if (this.props.x === 304) {
        return AbstractButton3 |> React.createElement(%, {
          x: 303
        });
      }
      if (this.props.x === 306) {
        return AbstractButton3 |> React.createElement(%, {
          x: 305
        });
      }
      if (this.props.x === 308) {
        return AbstractButton3 |> React.createElement(%, {
          x: 307
        });
      }
    }
  }
  class AbstractPopoverButton5 extends React.Component {
    render() {
      if (this.props.x === 5) {
        return XUIButton4 |> React.createElement(%, {
          x: 4
        });
      }
      if (this.props.x === 132) {
        return XUIButton4 |> React.createElement(%, {
          x: 131
        });
      }
      if (this.props.x === 140) {
        return XUIButton4 |> React.createElement(%, {
          x: 139
        });
      }
      if (this.props.x === 271) {
        return XUIButton4 |> React.createElement(%, {
          x: 270
        });
      }
    }
  }
  class ReactXUIPopoverButton6 extends React.Component {
    render() {
      if (this.props.x === 6) {
        return AbstractPopoverButton5 |> React.createElement(%, {
          x: 5
        });
      }
      if (this.props.x === 133) {
        return AbstractPopoverButton5 |> React.createElement(%, {
          x: 132
        });
      }
      if (this.props.x === 141) {
        return AbstractPopoverButton5 |> React.createElement(%, {
          x: 140
        });
      }
      if (this.props.x === 272) {
        return AbstractPopoverButton5 |> React.createElement(%, {
          x: 271
        });
      }
    }
  }
  class BIGAdAccountSelector7 extends React.Component {
    render() {
      if (this.props.x === 7) {
        return React.createElement('div', null, ReactXUIPopoverButton6 |> React.createElement(%, {
          x: 6
        }), null);
      }
    }
  }
  class FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 extends React.Component {
    render() {
      if (this.props.x === 8) {
        return BIGAdAccountSelector7 |> React.createElement(%, {
          x: 7
        });
      }
    }
  }
  class ErrorBoundary9 extends React.Component {
    render() {
      if (this.props.x === 9) {
        return FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 |> React.createElement(%, {
          x: 8
        });
      }
      if (this.props.x === 13) {
        return FluxContainer_AdsPENavigationBarContainer_12 |> React.createElement(%, {
          x: 12
        });
      }
      if (this.props.x === 27) {
        return FluxContainer_AdsPEPublishButtonContainer_18 |> React.createElement(%, {
          x: 26
        });
      }
      if (this.props.x === 32) {
        return ReactPopoverMenu20 |> React.createElement(%, {
          x: 31
        });
      }
      if (this.props.x === 38) {
        return AdsPEResetDialog24 |> React.createElement(%, {
          x: 37
        });
      }
      if (this.props.x === 57) {
        return FluxContainer_AdsPETopErrorContainer_35 |> React.createElement(%, {
          x: 56
        });
      }
      if (this.props.x === 60) {
        return FluxContainer_AdsGuidanceChannel_36 |> React.createElement(%, {
          x: 59
        });
      }
      if (this.props.x === 64) {
        return FluxContainer_AdsBulkEditDialogContainer_38 |> React.createElement(%, {
          x: 63
        });
      }
      if (this.props.x === 124) {
        return AdsPECampaignGroupToolbarContainer57 |> React.createElement(%, {
          x: 123
        });
      }
      if (this.props.x === 170) {
        return AdsPEFilterContainer72 |> React.createElement(%, {
          x: 169
        });
      }
      if (this.props.x === 175) {
        return AdsPETablePagerContainer75 |> React.createElement(%, {
          x: 174
        });
      }
      if (this.props.x === 193) {
        return AdsPEStatRangeContainer81 |> React.createElement(%, {
          x: 192
        });
      }
      if (this.props.x === 301) {
        return FluxContainer_AdsPEMultiTabDrawerContainer_137 |> React.createElement(%, {
          x: 300
        });
      }
      if (this.props.x === 311) {
        return AdsPEOrganizerContainer139 |> React.createElement(%, {
          x: 310
        });
      }
      if (this.props.x === 471) {
        return AdsPECampaignGroupTableContainer159 |> React.createElement(%, {
          x: 470
        });
      }
      if (this.props.x === 475) {
        return AdsPEContentContainer161 |> React.createElement(%, {
          x: 474
        });
      }
    }
  }
  class AdsErrorBoundary10 extends React.Component {
    render() {
      if (this.props.x === 10) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 9
        });
      }
      if (this.props.x === 14) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 13
        });
      }
      if (this.props.x === 28) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 27
        });
      }
      if (this.props.x === 33) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 32
        });
      }
      if (this.props.x === 39) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 38
        });
      }
      if (this.props.x === 58) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 57
        });
      }
      if (this.props.x === 61) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 60
        });
      }
      if (this.props.x === 65) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 64
        });
      }
      if (this.props.x === 125) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 124
        });
      }
      if (this.props.x === 171) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 170
        });
      }
      if (this.props.x === 176) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 175
        });
      }
      if (this.props.x === 194) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 193
        });
      }
      if (this.props.x === 302) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 301
        });
      }
      if (this.props.x === 312) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 311
        });
      }
      if (this.props.x === 472) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 471
        });
      }
      if (this.props.x === 476) {
        return ErrorBoundary9 |> React.createElement(%, {
          x: 475
        });
      }
    }
  }
  class AdsPENavigationBar11 extends React.Component {
    render() {
      if (this.props.x === 11) {
        return 'div' |> React.createElement(%, {
          className: '_4t_9'
        });
      }
    }
  }
  class FluxContainer_AdsPENavigationBarContainer_12 extends React.Component {
    render() {
      if (this.props.x === 12) {
        return AdsPENavigationBar11 |> React.createElement(%, {
          x: 11
        });
      }
    }
  }
  class AdsPEDraftSyncStatus13 extends React.Component {
    render() {
      if (this.props.x === 16) {
        return React.createElement('div', {
          className: '_3ut-',
          onClick: function () {}
        }, React.createElement('span', {
          className: '_3uu0'
        }, ReactImage0 |> React.createElement(%, {
          x: 15
        })));
      }
    }
  }
  class FluxContainer_AdsPEDraftSyncStatusContainer_14 extends React.Component {
    render() {
      if (this.props.x === 17) {
        return AdsPEDraftSyncStatus13 |> React.createElement(%, {
          x: 16
        });
      }
    }
  }
  class AdsPEDraftErrorsStatus15 extends React.Component {
    render() {
      if (this.props.x === 18) {
        return null;
      }
    }
  }
  class FluxContainer_viewFn_16 extends React.Component {
    render() {
      if (this.props.x === 19) {
        return AdsPEDraftErrorsStatus15 |> React.createElement(%, {
          x: 18
        });
      }
    }
  }
  class AdsPEPublishButton17 extends React.Component {
    render() {
      if (this.props.x === 25) {
        return React.createElement('div', {
          className: '_5533'
        }, FluxContainer_AdsPEDraftSyncStatusContainer_14 |> React.createElement(%, {
          x: 17
        }), FluxContainer_viewFn_16 |> React.createElement(%, {
          x: 19
        }), null, XUIButton4 |> React.createElement(%, {
          x: 21,
          key: 'discard'
        }), XUIButton4 |> React.createElement(%, {
          x: 24
        }));
      }
    }
  }
  class FluxContainer_AdsPEPublishButtonContainer_18 extends React.Component {
    render() {
      if (this.props.x === 26) {
        return AdsPEPublishButton17 |> React.createElement(%, {
          x: 25
        });
      }
    }
  }
  class InlineBlock19 extends React.Component {
    render() {
      if (this.props.x === 30) {
        return React.createElement('div', {
          className: 'uiPopover _6a _6b',
          disabled: null
        }, ReactImage0 |> React.createElement(%, {
          x: 29,
          key: '.0'
        }));
      }
      if (this.props.x === 73) {
        return React.createElement('div', {
          className: 'uiPopover _6a _6b',
          disabled: null
        }, XUIButton4 |> React.createElement(%, {
          x: 72,
          key: '.0'
        }));
      }
      if (this.props.x === 82) {
        return React.createElement('div', {
          className: '_1nwm uiPopover _6a _6b',
          disabled: null
        }, XUIButton4 |> React.createElement(%, {
          x: 81,
          key: '.0'
        }));
      }
      if (this.props.x === 101) {
        return React.createElement('div', {
          size: 'large',
          className: 'uiPopover _6a _6b',
          disabled: null
        }, XUIButton4 |> React.createElement(%, {
          x: 100,
          key: '.0'
        }));
      }
      if (this.props.x === 273) {
        return React.createElement('div', {
          className: '_3-90 uiPopover _6a _6b',
          style: {
            marginTop: 2
          },
          disabled: null
        }, ReactXUIPopoverButton6 |> React.createElement(%, {
          x: 272,
          key: '.0'
        }));
      }
    }
  }
  class ReactPopoverMenu20 extends React.Component {
    render() {
      if (this.props.x === 31) {
        return InlineBlock19 |> React.createElement(%, {
          x: 30
        });
      }
      if (this.props.x === 74) {
        return InlineBlock19 |> React.createElement(%, {
          x: 73
        });
      }
      if (this.props.x === 83) {
        return InlineBlock19 |> React.createElement(%, {
          x: 82
        });
      }
      if (this.props.x === 102) {
        return InlineBlock19 |> React.createElement(%, {
          x: 101
        });
      }
      if (this.props.x === 274) {
        return InlineBlock19 |> React.createElement(%, {
          x: 273
        });
      }
    }
  }
  class LeftRight21 extends React.Component {
    render() {
      if (this.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'
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 10
        })), React.createElement('div', {
          className: '_2u-6'
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 14
        })))), React.createElement('div', {
          key: 'right',
          className: '_ohf rfloat'
        }, React.createElement('div', {
          className: '_34_m'
        }, React.createElement('div', {
          key: '0',
          className: '_5ju2'
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 28
        })), React.createElement('div', {
          key: '1',
          className: '_5ju2'
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 33
        })))));
      }
      if (this.props.x === 232) {
        return React.createElement('div', {
          direction: 'left',
          className: 'clearfix'
        }, React.createElement('div', {
          key: 'left',
          className: '_ohe lfloat'
        }, AdsLabeledField104 |> React.createElement(%, {
          x: 231
        })), React.createElement('div', {
          key: 'right',
          className: ''
        }, React.createElement('div', {
          className: '_42ef'
        }, React.createElement('div', {
          className: '_2oc7'
        }, 'Clicks to Website'))));
      }
      if (this.props.x === 235) {
        return React.createElement('div', {
          className: '_3-8x clearfix',
          direction: 'left'
        }, React.createElement('div', {
          key: 'left',
          className: '_ohe lfloat'
        }, AdsLabeledField104 |> React.createElement(%, {
          x: 234
        })), React.createElement('div', {
          key: 'right',
          className: ''
        }, React.createElement('div', {
          className: '_42ef'
        }, React.createElement('div', {
          className: '_2oc7'
        }, 'Auction'))));
      }
      if (this.props.x === 245) {
        return React.createElement('div', {
          className: '_3-8y clearfix',
          direction: 'left'
        }, React.createElement('div', {
          key: 'left',
          className: '_ohe lfloat'
        }, AdsLabeledField104 |> React.createElement(%, {
          x: 240
        })), React.createElement('div', {
          key: 'right',
          className: ''
        }, React.createElement('div', {
          className: '_42ef'
        }, FluxContainer_AdsCampaignGroupSpendCapContainer_107 |> React.createElement(%, {
          x: 244
        }))));
      }
      if (this.props.x === 277) {
        return React.createElement('div', {
          className: '_5dw9 _5dwa clearfix'
        }, React.createElement('div', {
          key: 'left',
          className: '_ohe lfloat'
        }, XUICardHeaderTitle100 |> React.createElement(%, {
          x: 265,
          key: '.0'
        })), React.createElement('div', {
          key: 'right',
          className: '_ohf rfloat'
        }, FluxContainer_AdsPluginizedLinksMenuContainer_121 |> React.createElement(%, {
          x: 276,
          key: '.1'
        })));
      }
    }
  }
  class AdsUnifiedNavigationLocalNav22 extends React.Component {
    render() {
      if (this.props.x === 35) {
        return React.createElement('div', {
          className: '_34_i'
        }, LeftRight21 |> React.createElement(%, {
          x: 34
        }));
      }
    }
  }
  class XUIDialog23 extends React.Component {
    render() {
      if (this.props.x === 36) {
        return null;
      }
    }
  }
  class AdsPEResetDialog24 extends React.Component {
    render() {
      if (this.props.x === 37) {
        return React.createElement('span', null, XUIDialog23 |> React.createElement(%, {
          x: 36,
          key: 'dialog/.0'
        }));
      }
    }
  }
  class AdsPETopNav25 extends React.Component {
    render() {
      if (this.props.x === 40) {
        return React.createElement('div', {
          style: {
            width: 1306
          }
        }, AdsUnifiedNavigationLocalNav22 |> React.createElement(%, {
          x: 35
        }), AdsErrorBoundary10 |> React.createElement(%, {
          x: 39
        }));
      }
    }
  }
  class FluxContainer_AdsPETopNavContainer_26 extends React.Component {
    render() {
      if (this.props.x === 41) {
        return AdsPETopNav25 |> React.createElement(%, {
          x: 40
        });
      }
    }
  }
  class XUIAbstractGlyphButton27 extends React.Component {
    render() {
      if (this.props.x === 46) {
        return AbstractButton3 |> React.createElement(%, {
          x: 45
        });
      }
      if (this.props.x === 150) {
        return AbstractButton3 |> React.createElement(%, {
          x: 149
        });
      }
    }
  }
  class XUICloseButton28 extends React.Component {
    render() {
      if (this.props.x === 47) {
        return XUIAbstractGlyphButton27 |> React.createElement(%, {
          x: 46
        });
      }
      if (this.props.x === 151) {
        return XUIAbstractGlyphButton27 |> React.createElement(%, {
          x: 150
        });
      }
    }
  }
  class XUIText29 extends React.Component {
    render() {
      if (this.props.x === 48) {
        return React.createElement('span', {
          display: 'inline',
          className: ' _50f7'
        }, 'Ads Manager');
      }
      if (this.props.x === 205) {
        return React.createElement('span', {
          className: '_2x9f  _50f5 _50f7',
          display: 'inline'
        }, 'Editing Campaign');
      }
      if (this.props.x === 206) {
        return React.createElement('span', {
          display: 'inline',
          className: ' _50f5 _50f7'
        }, 'Test Campaign');
      }
    }
  }
  class XUINotice30 extends React.Component {
    render() {
      if (this.props.x === 51) {
        return React.createElement('div', {
          size: 'medium',
          className: '_585n _585o _2wdd'
        }, ReactImage0 |> React.createElement(%, {
          x: 42
        }), XUICloseButton28 |> React.createElement(%, {
          x: 47
        }), React.createElement('div', {
          className: '_585r _2i-a _50f4'
        }, 'Please go to ', Link2 |> React.createElement(%, {
          x: 50
        }), ' to set up a payment method for this ad account.'));
      }
    }
  }
  class ReactCSSTransitionGroupChild31 extends React.Component {
    render() {
      if (this.props.x === 52) {
        return XUINotice30 |> React.createElement(%, {
          x: 51
        });
      }
    }
  }
  class ReactTransitionGroup32 extends React.Component {
    render() {
      if (this.props.x === 53) {
        return React.createElement('span', null, ReactCSSTransitionGroupChild31 |> React.createElement(%, {
          x: 52,
          key: '.0'
        }));
      }
    }
  }
  class ReactCSSTransitionGroup33 extends React.Component {
    render() {
      if (this.props.x === 54) {
        return ReactTransitionGroup32 |> React.createElement(%, {
          x: 53
        });
      }
    }
  }
  class AdsPETopError34 extends React.Component {
    render() {
      if (this.props.x === 55) {
        return React.createElement('div', {
          className: '_2wdc'
        }, ReactCSSTransitionGroup33 |> React.createElement(%, {
          x: 54
        }));
      }
    }
  }
  class FluxContainer_AdsPETopErrorContainer_35 extends React.Component {
    render() {
      if (this.props.x === 56) {
        return AdsPETopError34 |> React.createElement(%, {
          x: 55
        });
      }
    }
  }
  class FluxContainer_AdsGuidanceChannel_36 extends React.Component {
    render() {
      if (this.props.x === 59) {
        return null;
      }
    }
  }
  class ResponsiveBlock37 extends React.Component {
    render() {
      if (this.props.x === 62) {
        return React.createElement('div', {
          className: '_4u-c'
        }, [AdsErrorBoundary10 |> React.createElement(%, {
          x: 58,
          key: 1
        }), AdsErrorBoundary10 |> React.createElement(%, {
          x: 61,
          key: 2
        })], React.createElement('div', {
          key: 'sensor',
          className: '_4u-f'
        }, 'iframe' |> React.createElement(%, {
          'aria-hidden': 'true',
          className: '_1_xb',
          tabIndex: '-1'
        })));
      }
      if (this.props.x === 469) {
        return React.createElement('div', {
          className: '_4u-c'
        }, AdsPEDataTableContainer158 |> React.createElement(%, {
          x: 468
        }), React.createElement('div', {
          key: 'sensor',
          className: '_4u-f'
        }, 'iframe' |> React.createElement(%, {
          'aria-hidden': 'true',
          className: '_1_xb',
          tabIndex: '-1'
        })));
      }
    }
  }
  class FluxContainer_AdsBulkEditDialogContainer_38 extends React.Component {
    render() {
      if (this.props.x === 63) {
        return null;
      }
    }
  }
  class Column39 extends React.Component {
    render() {
      if (this.props.x === 66) {
        return React.createElement('div', {
          className: '_4bl8 _4bl7'
        }, React.createElement('div', {
          className: '_3c5f'
        }, null, null, 'div' |> React.createElement(%, {
          className: '_3c5i'
        }), null));
      }
    }
  }
  class XUIButtonGroup40 extends React.Component {
    render() {
      if (this.props.x === 75) {
        return React.createElement('div', {
          className: '_5n7z _51xa'
        }, XUIButton4 |> React.createElement(%, {
          x: 69
        }), ReactPopoverMenu20 |> React.createElement(%, {
          x: 74
        }));
      }
      if (this.props.x === 84) {
        return React.createElement('div', {
          className: '_5n7z _51xa'
        }, XUIButton4 |> React.createElement(%, {
          x: 78,
          key: 'edit'
        }), ReactPopoverMenu20 |> React.createElement(%, {
          x: 83,
          key: 'editMenu'
        }));
      }
      if (this.props.x === 97) {
        return React.createElement('div', {
          className: '_5n7z _51xa'
        }, XUIButton4 |> React.createElement(%, {
          x: 90,
          key: 'revert'
        }), XUIButton4 |> React.createElement(%, {
          x: 93,
          key: 'delete'
        }), XUIButton4 |> React.createElement(%, {
          x: 96,
          key: 'duplicate'
        }));
      }
      if (this.props.x === 117) {
        return React.createElement('div', {
          className: '_5n7z _51xa'
        }, AdsPEExportImportMenuContainer48 |> React.createElement(%, {
          x: 107
        }), XUIButton4 |> React.createElement(%, {
          x: 110,
          key: 'createReport'
        }), AdsPECampaignGroupTagContainer51 |> React.createElement(%, {
          x: 116,
          key: 'tags'
        }));
      }
    }
  }
  class AdsPEEditToolbarButton41 extends React.Component {
    render() {
      if (this.props.x === 85) {
        return XUIButtonGroup40 |> React.createElement(%, {
          x: 84
        });
      }
    }
  }
  class FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 extends React.Component {
    render() {
      if (this.props.x === 86) {
        return AdsPEEditToolbarButton41 |> React.createElement(%, {
          x: 85
        });
      }
    }
  }
  class FluxContainer_AdsPEEditToolbarButtonContainer_43 extends React.Component {
    render() {
      if (this.props.x === 87) {
        return FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 |> React.createElement(%, {
          x: 86
        });
      }
    }
  }
  class AdsPEExportImportMenu44 extends React.Component {
    render() {
      if (this.props.x === 103) {
        return ReactPopoverMenu20 |> React.createElement(%, {
          x: 102,
          key: 'export'
        });
      }
    }
  }
  class FluxContainer_AdsPECustomizeExportContainer_45 extends React.Component {
    render() {
      if (this.props.x === 104) {
        return null;
      }
    }
  }
  class AdsPEExportAsTextDialog46 extends React.Component {
    render() {
      if (this.props.x === 105) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPEExportAsTextDialogContainer_47 extends React.Component {
    render() {
      if (this.props.x === 106) {
        return AdsPEExportAsTextDialog46 |> React.createElement(%, {
          x: 105
        });
      }
    }
  }
  class AdsPEExportImportMenuContainer48 extends React.Component {
    render() {
      if (this.props.x === 107) {
        return React.createElement('span', null, AdsPEExportImportMenu44 |> React.createElement(%, {
          x: 103
        }), FluxContainer_AdsPECustomizeExportContainer_45 |> React.createElement(%, {
          x: 104
        }), FluxContainer_AdsPEExportAsTextDialogContainer_47 |> React.createElement(%, {
          x: 106
        }), null, null);
      }
    }
  }
  class Constructor49 extends React.Component {
    render() {
      if (this.props.x === 114) {
        return null;
      }
      if (this.props.x === 142) {
        return null;
      }
      if (this.props.x === 143) {
        return null;
      }
      if (this.props.x === 183) {
        return null;
      }
    }
  }
  class TagSelectorPopover50 extends React.Component {
    render() {
      if (this.props.x === 115) {
        return React.createElement('span', {
          className: ' _3d6e'
        }, XUIButton4 |> React.createElement(%, {
          x: 113
        }), Constructor49 |> React.createElement(%, {
          x: 114,
          key: 'layer'
        }));
      }
    }
  }
  class AdsPECampaignGroupTagContainer51 extends React.Component {
    render() {
      if (this.props.x === 116) {
        return TagSelectorPopover50 |> React.createElement(%, {
          x: 115,
          key: '98010048849317'
        });
      }
    }
  }
  class AdsRuleToolbarMenu52 extends React.Component {
    render() {
      if (this.props.x === 118) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPERuleToolbarMenuContainer_53 extends React.Component {
    render() {
      if (this.props.x === 119) {
        return AdsRuleToolbarMenu52 |> React.createElement(%, {
          x: 118
        });
      }
    }
  }
  class FillColumn54 extends React.Component {
    render() {
      if (this.props.x === 120) {
        return React.createElement('div', {
          className: '_4bl9'
        }, React.createElement('span', {
          className: '_3c5e'
        }, React.createElement('span', null, XUIButtonGroup40 |> React.createElement(%, {
          x: 75
        }), FluxContainer_AdsPEEditToolbarButtonContainer_43 |> React.createElement(%, {
          x: 87
        }), null, XUIButtonGroup40 |> React.createElement(%, {
          x: 97
        })), XUIButtonGroup40 |> React.createElement(%, {
          x: 117
        }), FluxContainer_AdsPERuleToolbarMenuContainer_53 |> React.createElement(%, {
          x: 119
        })));
      }
    }
  }
  class Layout55 extends React.Component {
    render() {
      if (this.props.x === 121) {
        return React.createElement('div', {
          className: 'clearfix'
        }, Column39 |> React.createElement(%, {
          x: 66,
          key: '1'
        }), FillColumn54 |> React.createElement(%, {
          x: 120,
          key: '0'
        }));
      }
    }
  }
  class AdsPEMainPaneToolbar56 extends React.Component {
    render() {
      if (this.props.x === 122) {
        return React.createElement('div', {
          className: '_3c5b clearfix'
        }, Layout55 |> React.createElement(%, {
          x: 121
        }));
      }
    }
  }
  class AdsPECampaignGroupToolbarContainer57 extends React.Component {
    render() {
      if (this.props.x === 123) {
        return AdsPEMainPaneToolbar56 |> React.createElement(%, {
          x: 122
        });
      }
    }
  }
  class AdsPEFiltersPopover58 extends React.Component {
    render() {
      if (this.props.x === 144) {
        return React.createElement('span', {
          className: '_5b-l  _5bbe'
        }, ReactXUIPopoverButton6 |> React.createElement(%, {
          x: 133
        }), ReactXUIPopoverButton6 |> React.createElement(%, {
          x: 141
        }), [Constructor49 |> React.createElement(%, {
          x: 142,
          key: 'filterMenu/.0'
        }), Constructor49 |> React.createElement(%, {
          x: 143,
          key: 'searchMenu/.0'
        })]);
      }
    }
  }
  class AbstractCheckboxInput59 extends React.Component {
    render() {
      if (this.props.x === 145) {
        return React.createElement('label', {
          className: 'uiInputLabelInput _55sg _kv1'
        }, 'input' |> React.createElement(%, {
          checked: true,
          disabled: true,
          name: 'filterUnpublished',
          value: 'on',
          onClick: function () {},
          className: null,
          id: 'js_input_label_21',
          type: 'checkbox'
        }), 'span' |> React.createElement(%, {
          'data-hover': null,
          'data-tooltip-content': undefined
        }));
      }
      if (this.props.x === 336) {
        return React.createElement('label', {
          className: '_4h2r _55sg _kv1'
        }, 'input' |> React.createElement(%, {
          checked: undefined,
          onChange: function () {},
          className: null,
          type: 'checkbox'
        }), 'span' |> React.createElement(%, {
          'data-hover': null,
          'data-tooltip-content': undefined
        }));
      }
    }
  }
  class XUICheckboxInput60 extends React.Component {
    render() {
      if (this.props.x === 146) {
        return AbstractCheckboxInput59 |> React.createElement(%, {
          x: 145
        });
      }
      if (this.props.x === 337) {
        return AbstractCheckboxInput59 |> React.createElement(%, {
          x: 336
        });
      }
    }
  }
  class InputLabel61 extends React.Component {
    render() {
      if (this.props.x === 147) {
        return React.createElement('div', {
          display: 'block',
          className: 'uiInputLabel clearfix'
        }, XUICheckboxInput60 |> React.createElement(%, {
          x: 146
        }), React.createElement('label', {
          className: 'uiInputLabelLabel',
          htmlFor: 'js_input_label_21'
        }, 'Always show new items'));
      }
    }
  }
  class AdsPopoverLink62 extends React.Component {
    render() {
      if (this.props.x === 154) {
        return React.createElement('span', null, React.createElement('span', {
          onMouseEnter: function () {},
          onMouseLeave: function () {},
          onMouseUp: undefined
        }, 'span' |> React.createElement(%, {
          className: '_3o_j'
        }), ReactImage0 |> React.createElement(%, {
          x: 153
        })), null);
      }
      if (this.props.x === 238) {
        return React.createElement('span', null, React.createElement('span', {
          onMouseEnter: function () {},
          onMouseLeave: function () {},
          onMouseUp: undefined
        }, 'span' |> React.createElement(%, {
          className: '_3o_j'
        }), ReactImage0 |> React.createElement(%, {
          x: 237
        })), null);
      }
    }
  }
  class AdsHelpLink63 extends React.Component {
    render() {
      if (this.props.x === 155) {
        return AdsPopoverLink62 |> React.createElement(%, {
          x: 154
        });
      }
      if (this.props.x === 239) {
        return AdsPopoverLink62 |> React.createElement(%, {
          x: 238
        });
      }
    }
  }
  class BUIFilterTokenInput64 extends React.Component {
    render() {
      if (this.props.x === 158) {
        return React.createElement('div', {
          className: '_5b5o _3yz3 _4cld'
        }, React.createElement('div', {
          className: '_5b5t _2d2k'
        }, ReactImage0 |> React.createElement(%, {
          x: 152
        }), React.createElement('div', {
          className: '_5b5r'
        }, 'Campaigns: (1)', AdsHelpLink63 |> React.createElement(%, {
          x: 155
        }))), XUIButton4 |> React.createElement(%, {
          x: 157
        }));
      }
    }
  }
  class BUIFilterToken65 extends React.Component {
    render() {
      if (this.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'
        }, ReactImage0 |> React.createElement(%, {
          x: 148
        }), React.createElement('div', {
          className: '_3yz7'
        }, 'Campaigns:'), React.createElement('div', {
          className: 'ellipsis _3yz8',
          'data-hover': 'tooltip',
          'data-tooltip-display': 'overflow'
        }, '(1)')), null, XUICloseButton28 |> React.createElement(%, {
          x: 151
        })), BUIFilterTokenInput64 |> React.createElement(%, {
          x: 158
        }));
      }
    }
  }
  class BUIFilterTokenCreateButton66 extends React.Component {
    render() {
      if (this.props.x === 163) {
        return React.createElement('div', {
          className: '_1tc'
        }, XUIButton4 |> React.createElement(%, {
          x: 162
        }));
      }
    }
  }
  class BUIFilterTokenizer67 extends React.Component {
    render() {
      if (this.props.x === 164) {
        return React.createElement('div', {
          className: '_5b-m  clearfix'
        }, undefined, [], BUIFilterToken65 |> React.createElement(%, {
          x: 159,
          key: 'token0'
        }), BUIFilterTokenCreateButton66 |> React.createElement(%, {
          x: 163
        }), null, 'div' |> React.createElement(%, {
          className: '_49u3'
        }));
      }
    }
  }
  class XUIAmbientNUX68 extends React.Component {
    render() {
      if (this.props.x === 165) {
        return null;
      }
      if (this.props.x === 189) {
        return null;
      }
      if (this.props.x === 200) {
        return null;
      }
    }
  }
  class XUIAmbientNUX69 extends React.Component {
    render() {
      if (this.props.x === 166) {
        return XUIAmbientNUX68 |> React.createElement(%, {
          x: 165
        });
      }
      if (this.props.x === 190) {
        return XUIAmbientNUX68 |> React.createElement(%, {
          x: 189
        });
      }
      if (this.props.x === 201) {
        return XUIAmbientNUX68 |> React.createElement(%, {
          x: 200
        });
      }
    }
  }
  class AdsPEAmbientNUXMegaphone70 extends React.Component {
    render() {
      if (this.props.x === 167) {
        return React.createElement('span', null, 'span' |> React.createElement(%, {}), XUIAmbientNUX69 |> React.createElement(%, {
          x: 166,
          key: 'nux'
        }));
      }
    }
  }
  class AdsPEFilters71 extends React.Component {
    render() {
      if (this.props.x === 168) {
        return React.createElement('div', {
          className: '_4rw_'
        }, AdsPEFiltersPopover58 |> React.createElement(%, {
          x: 144
        }), React.createElement('div', {
          className: '_1eo'
        }, InputLabel61 |> React.createElement(%, {
          x: 147
        })), BUIFilterTokenizer67 |> React.createElement(%, {
          x: 164
        }), '', AdsPEAmbientNUXMegaphone70 |> React.createElement(%, {
          x: 167
        }));
      }
    }
  }
  class AdsPEFilterContainer72 extends React.Component {
    render() {
      if (this.props.x === 169) {
        return AdsPEFilters71 |> React.createElement(%, {
          x: 168
        });
      }
    }
  }
  class AdsPETablePager73 extends React.Component {
    render() {
      if (this.props.x === 172) {
        return null;
      }
    }
  }
  class AdsPECampaignGroupTablePagerContainer74 extends React.Component {
    render() {
      if (this.props.x === 173) {
        return AdsPETablePager73 |> React.createElement(%, {
          x: 172
        });
      }
    }
  }
  class AdsPETablePagerContainer75 extends React.Component {
    render() {
      if (this.props.x === 174) {
        return AdsPECampaignGroupTablePagerContainer74 |> React.createElement(%, {
          x: 173
        });
      }
    }
  }
  class ReactXUIError76 extends React.Component {
    render() {
      if (this.props.x === 181) {
        return AbstractButton3 |> React.createElement(%, {
          x: 180
        });
      }
      if (this.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, 'textarea' |> React.createElement(%, {
          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), 'div' |> React.createElement(%, {
          'aria-hidden': 'true',
          className: '_2vlk'
        }))), null);
      }
      if (this.props.x === 221) {
        return XUICard94 |> React.createElement(%, {
          x: 220
        });
      }
      if (this.props.x === 250) {
        return XUICard94 |> React.createElement(%, {
          x: 249
        });
      }
      if (this.props.x === 280) {
        return XUICard94 |> React.createElement(%, {
          x: 279
        });
      }
    }
  }
  class BUIPopoverButton77 extends React.Component {
    render() {
      if (this.props.x === 182) {
        return ReactXUIError76 |> React.createElement(%, {
          x: 181
        });
      }
    }
  }
  class BUIDateRangePicker78 extends React.Component {
    render() {
      if (this.props.x === 184) {
        return React.createElement('span', null, BUIPopoverButton77 |> React.createElement(%, {
          x: 182
        }), [Constructor49 |> React.createElement(%, {
          x: 183,
          key: 'layer/.0'
        })]);
      }
    }
  }
  class AdsPEStatsRangePicker79 extends React.Component {
    render() {
      if (this.props.x === 185) {
        return BUIDateRangePicker78 |> React.createElement(%, {
          x: 184
        });
      }
    }
  }
  class AdsPEStatRange80 extends React.Component {
    render() {
      if (this.props.x === 191) {
        return React.createElement('div', {
          className: '_3c5k'
        }, React.createElement('span', {
          className: '_3c5j'
        }, 'Stats:'), React.createElement('span', {
          className: '_3c5l'
        }, AdsPEStatsRangePicker79 |> React.createElement(%, {
          x: 185
        }), XUIButton4 |> React.createElement(%, {
          x: 188,
          key: 'settings'
        })), [XUIAmbientNUX69 |> React.createElement(%, {
          x: 190,
          key: 'roasNUX/.0'
        })]);
      }
    }
  }
  class AdsPEStatRangeContainer81 extends React.Component {
    render() {
      if (this.props.x === 192) {
        return AdsPEStatRange80 |> React.createElement(%, {
          x: 191
        });
      }
    }
  }
  class AdsPESideTrayTabButton82 extends React.Component {
    render() {
      if (this.props.x === 196) {
        return React.createElement('div', {
          className: '_1-ly _59j9 _d9a',
          onClick: function () {}
        }, ReactImage0 |> React.createElement(%, {
          x: 195
        }), 'div' |> React.createElement(%, {
          className: '_vf7'
        }), 'div' |> React.createElement(%, {
          className: '_vf8'
        }));
      }
      if (this.props.x === 199) {
        return React.createElement('div', {
          className: ' _1-lz _d9a',
          onClick: function () {}
        }, ReactImage0 |> React.createElement(%, {
          x: 198
        }), 'div' |> React.createElement(%, {
          className: '_vf7'
        }), 'div' |> React.createElement(%, {
          className: '_vf8'
        }));
      }
      if (this.props.x === 203) {
        return null;
      }
    }
  }
  class AdsPEEditorTrayTabButton83 extends React.Component {
    render() {
      if (this.props.x === 197) {
        return AdsPESideTrayTabButton82 |> React.createElement(%, {
          x: 196
        });
      }
    }
  }
  class AdsPEInsightsTrayTabButton84 extends React.Component {
    render() {
      if (this.props.x === 202) {
        return React.createElement('span', null, AdsPESideTrayTabButton82 |> React.createElement(%, {
          x: 199
        }), XUIAmbientNUX69 |> React.createElement(%, {
          x: 201,
          key: 'roasNUX'
        }));
      }
    }
  }
  class AdsPENekoDebuggerTrayTabButton85 extends React.Component {
    render() {
      if (this.props.x === 204) {
        return AdsPESideTrayTabButton82 |> React.createElement(%, {
          x: 203
        });
      }
    }
  }
  class AdsPEEditorChildLink86 extends React.Component {
    render() {
      if (this.props.x === 211) {
        return React.createElement('div', {
          className: '_3ywr'
        }, Link2 |> React.createElement(%, {
          x: 208
        }), React.createElement('span', {
          className: '_3ywq'
        }, '|'), Link2 |> React.createElement(%, {
          x: 210
        }));
      }
    }
  }
  class AdsPEEditorChildLinkContainer87 extends React.Component {
    render() {
      if (this.props.x === 212) {
        return AdsPEEditorChildLink86 |> React.createElement(%, {
          x: 211
        });
      }
    }
  }
  class AdsPEHeaderSection88 extends React.Component {
    render() {
      if (this.props.x === 213) {
        return React.createElement('div', {
          className: '_yke'
        }, 'div' |> React.createElement(%, {
          className: '_2x9d _pr-'
        }), XUIText29 |> React.createElement(%, {
          x: 205
        }), React.createElement('div', {
          className: '_3a-a'
        }, React.createElement('div', {
          className: '_3a-b'
        }, XUIText29 |> React.createElement(%, {
          x: 206
        }))), AdsPEEditorChildLinkContainer87 |> React.createElement(%, {
          x: 212
        }));
      }
    }
  }
  class AdsPECampaignGroupHeaderSectionContainer89 extends React.Component {
    render() {
      if (this.props.x === 214) {
        return AdsPEHeaderSection88 |> React.createElement(%, {
          x: 213
        });
      }
    }
  }
  class AdsEditorLoadingErrors90 extends React.Component {
    render() {
      if (this.props.x === 215) {
        return null;
      }
    }
  }
  class AdsTextInput91 extends React.Component {
    render() {
      if (this.props.x === 217) {
        return ReactXUIError76 |> React.createElement(%, {
          x: 216
        });
      }
    }
  }
  class BUIFormElement92 extends React.Component {
    render() {
      if (this.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'
        }, AdsTextInput91 |> React.createElement(%, {
          x: 217,
          key: 'nameEditor98010048849317'
        }), null)), null));
      }
    }
  }
  class BUIForm93 extends React.Component {
    render() {
      if (this.props.x === 219) {
        return React.createElement('div', {
          className: '_5ks1 _550r  _550t _550y _3w5n'
        }, BUIFormElement92 |> React.createElement(%, {
          x: 218,
          key: '.0'
        }));
      }
    }
  }
  class XUICard94 extends React.Component {
    render() {
      if (this.props.x === 220) {
        return React.createElement('div', {
          className: '_40bc _12k2 _4-u2  _4-u8'
        }, BUIForm93 |> React.createElement(%, {
          x: 219
        }));
      }
      if (this.props.x === 249) {
        return React.createElement('div', {
          className: '_12k2 _4-u2  _4-u8'
        }, AdsCardHeader103 |> React.createElement(%, {
          x: 230
        }), AdsCardSection108 |> React.createElement(%, {
          x: 248
        }));
      }
      if (this.props.x === 279) {
        return React.createElement('div', {
          className: '_12k2 _4-u2  _4-u8'
        }, AdsCardLeftRightHeader122 |> React.createElement(%, {
          x: 278
        }));
      }
    }
  }
  class AdsCard95 extends React.Component {
    render() {
      if (this.props.x === 222) {
        return ReactXUIError76 |> React.createElement(%, {
          x: 221
        });
      }
      if (this.props.x === 251) {
        return ReactXUIError76 |> React.createElement(%, {
          x: 250
        });
      }
      if (this.props.x === 281) {
        return ReactXUIError76 |> React.createElement(%, {
          x: 280
        });
      }
    }
  }
  class AdsEditorNameSection96 extends React.Component {
    render() {
      if (this.props.x === 223) {
        return AdsCard95 |> React.createElement(%, {
          x: 222
        });
      }
    }
  }
  class AdsCampaignGroupNameSectionContainer97 extends React.Component {
    render() {
      if (this.props.x === 224) {
        return AdsEditorNameSection96 |> React.createElement(%, {
          x: 223,
          key: 'nameSection98010048849317'
        });
      }
    }
  }
  class _render98 extends React.Component {
    render() {
      if (this.props.x === 225) {
        return AdsCampaignGroupNameSectionContainer97 |> React.createElement(%, {
          x: 224
        });
      }
    }
  }
  class AdsPluginWrapper99 extends React.Component {
    render() {
      if (this.props.x === 226) {
        return _render98 |> React.createElement(%, {
          x: 225
        });
      }
      if (this.props.x === 255) {
        return _render111 |> React.createElement(%, {
          x: 254
        });
      }
      if (this.props.x === 258) {
        return _render113 |> React.createElement(%, {
          x: 257
        });
      }
      if (this.props.x === 287) {
        return _render127 |> React.createElement(%, {
          x: 286
        });
      }
      if (this.props.x === 291) {
        return _render130 |> React.createElement(%, {
          x: 290
        });
      }
    }
  }
  class XUICardHeaderTitle100 extends React.Component {
    render() {
      if (this.props.x === 227) {
        return React.createElement('span', {
          className: '_38my'
        }, 'Campaign Details', null, 'span' |> React.createElement(%, {
          className: '_c1c'
        }));
      }
      if (this.props.x === 265) {
        return React.createElement('span', {
          className: '_38my'
        }, [React.createElement('span', {
          key: 1
        }, 'Campaign ID', ': ', '98010048849317'), React.createElement('div', {
          className: '_5lh9',
          key: 2
        }, FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 |> React.createElement(%, {
          x: 264
        }))], null, 'span' |> React.createElement(%, {
          className: '_c1c'
        }));
      }
    }
  }
  class XUICardSection101 extends React.Component {
    render() {
      if (this.props.x === 228) {
        return React.createElement('div', {
          className: '_5dw9 _5dwa _4-u3'
        }, [XUICardHeaderTitle100 |> React.createElement(%, {
          x: 227,
          key: '.0'
        })], undefined, undefined, 'div' |> React.createElement(%, {
          className: '_3s3-'
        }));
      }
      if (this.props.x === 247) {
        return React.createElement('div', {
          className: '_12jy _4-u3'
        }, React.createElement('div', {
          className: '_3-8j'
        }, FlexibleBlock105 |> React.createElement(%, {
          x: 233
        }), FlexibleBlock105 |> React.createElement(%, {
          x: 236
        }), FlexibleBlock105 |> React.createElement(%, {
          x: 246
        }), null, null));
      }
    }
  }
  class XUICardHeader102 extends React.Component {
    render() {
      if (this.props.x === 229) {
        return XUICardSection101 |> React.createElement(%, {
          x: 228
        });
      }
    }
  }
  class AdsCardHeader103 extends React.Component {
    render() {
      if (this.props.x === 230) {
        return XUICardHeader102 |> React.createElement(%, {
          x: 229
        });
      }
    }
  }
  class AdsLabeledField104 extends React.Component {
    render() {
      if (this.props.x === 231) {
        return React.createElement('div', {
          className: '_2oc6 _3bvz',
          label: 'Objective'
        }, React.createElement('label', {
          className: '_4el4 _3qwj _3hy-',
          htmlFor: undefined
        }, 'Objective '), null, 'div' |> React.createElement(%, {
          className: '_3bv-'
        }));
      }
      if (this.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, 'div' |> React.createElement(%, {
          className: '_3bv-'
        }));
      }
      if (this.props.x === 240) {
        return React.createElement('div', {
          className: '_2oc6 _3bvz'
        }, React.createElement('label', {
          className: '_4el4 _3qwj _3hy-',
          htmlFor: undefined
        }, 'Campaign Spending Limit '), AdsHelpLink63 |> React.createElement(%, {
          x: 239
        }), 'div' |> React.createElement(%, {
          className: '_3bv-'
        }));
      }
    }
  }
  class FlexibleBlock105 extends React.Component {
    render() {
      if (this.props.x === 233) {
        return LeftRight21 |> React.createElement(%, {
          x: 232
        });
      }
      if (this.props.x === 236) {
        return LeftRight21 |> React.createElement(%, {
          x: 235
        });
      }
      if (this.props.x === 246) {
        return LeftRight21 |> React.createElement(%, {
          x: 245
        });
      }
    }
  }
  class AdsBulkCampaignSpendCapField106 extends React.Component {
    render() {
      if (this.props.x === 243) {
        return React.createElement('div', {
          className: '_33dv'
        }, '', Link2 |> React.createElement(%, {
          x: 242
        }), ' (optional)');
      }
    }
  }
  class FluxContainer_AdsCampaignGroupSpendCapContainer_107 extends React.Component {
    render() {
      if (this.props.x === 244) {
        return AdsBulkCampaignSpendCapField106 |> React.createElement(%, {
          x: 243
        });
      }
    }
  }
  class AdsCardSection108 extends React.Component {
    render() {
      if (this.props.x === 248) {
        return XUICardSection101 |> React.createElement(%, {
          x: 247
        });
      }
    }
  }
  class AdsEditorCampaignGroupDetailsSection109 extends React.Component {
    render() {
      if (this.props.x === 252) {
        return AdsCard95 |> React.createElement(%, {
          x: 251
        });
      }
    }
  }
  class AdsEditorCampaignGroupDetailsSectionContainer110 extends React.Component {
    render() {
      if (this.props.x === 253) {
        return AdsEditorCampaignGroupDetailsSection109 |> React.createElement(%, {
          x: 252,
          key: 'campaignGroupDetailsSection98010048849317'
        });
      }
    }
  }
  class _render111 extends React.Component {
    render() {
      if (this.props.x === 254) {
        return AdsEditorCampaignGroupDetailsSectionContainer110 |> React.createElement(%, {
          x: 253
        });
      }
    }
  }
  class FluxContainer_AdsEditorToplineDetailsSectionContainer_112 extends React.Component {
    render() {
      if (this.props.x === 256) {
        return null;
      }
    }
  }
  class _render113 extends React.Component {
    render() {
      if (this.props.x === 257) {
        return FluxContainer_AdsEditorToplineDetailsSectionContainer_112 |> React.createElement(%, {
          x: 256
        });
      }
    }
  }
  class AdsStickyArea114 extends React.Component {
    render() {
      if (this.props.x === 259) {
        return React.createElement('div', {}, 'div' |> React.createElement(%, {
          onWheel: function () {}
        }));
      }
      if (this.props.x === 292) {
        return React.createElement('div', {}, React.createElement('div', {
          onWheel: function () {}
        }, [React.createElement('div', {
          key: 'campaign_group_errors_section98010048849317'
        }, AdsPluginWrapper99 |> React.createElement(%, {
          x: 291
        }))]));
      }
    }
  }
  class FluxContainer_AdsEditorColumnContainer_115 extends React.Component {
    render() {
      if (this.props.x === 260) {
        return React.createElement('div', null, [React.createElement('div', {
          key: 'campaign_group_name_section98010048849317'
        }, AdsPluginWrapper99 |> React.createElement(%, {
          x: 226
        })), React.createElement('div', {
          key: 'campaign_group_basic_section98010048849317'
        }, AdsPluginWrapper99 |> React.createElement(%, {
          x: 255
        })), React.createElement('div', {
          key: 'campaign_group_topline_section98010048849317'
        }, AdsPluginWrapper99 |> React.createElement(%, {
          x: 258
        }))], AdsStickyArea114 |> React.createElement(%, {
          x: 259
        }));
      }
      if (this.props.x === 293) {
        return React.createElement('div', null, [React.createElement('div', {
          key: 'campaign_group_navigation_section98010048849317'
        }, AdsPluginWrapper99 |> React.createElement(%, {
          x: 287
        }))], AdsStickyArea114 |> React.createElement(%, {
          x: 292
        }));
      }
    }
  }
  class BUISwitch116 extends React.Component {
    render() {
      if (this.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'
        }, 'div' |> React.createElement(%, {
          className: '_128p'
        })), null);
      }
    }
  }
  class AdsStatusSwitchInternal117 extends React.Component {
    render() {
      if (this.props.x === 262) {
        return BUISwitch116 |> React.createElement(%, {
          x: 261
        });
      }
    }
  }
  class AdsStatusSwitch118 extends React.Component {
    render() {
      if (this.props.x === 263) {
        return AdsStatusSwitchInternal117 |> React.createElement(%, {
          x: 262
        });
      }
    }
  }
  class FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 extends React.Component {
    render() {
      if (this.props.x === 264) {
        return AdsStatusSwitch118 |> React.createElement(%, {
          x: 263,
          key: 'status98010048849317'
        });
      }
    }
  }
  class AdsLinksMenu120 extends React.Component {
    render() {
      if (this.props.x === 275) {
        return ReactPopoverMenu20 |> React.createElement(%, {
          x: 274
        });
      }
    }
  }
  class FluxContainer_AdsPluginizedLinksMenuContainer_121 extends React.Component {
    render() {
      if (this.props.x === 276) {
        return React.createElement('div', null, null, AdsLinksMenu120 |> React.createElement(%, {
          x: 275
        }));
      }
    }
  }
  class AdsCardLeftRightHeader122 extends React.Component {
    render() {
      if (this.props.x === 278) {
        return LeftRight21 |> React.createElement(%, {
          x: 277
        });
      }
    }
  }
  class AdsPEIDSection123 extends React.Component {
    render() {
      if (this.props.x === 282) {
        return AdsCard95 |> React.createElement(%, {
          x: 281
        });
      }
    }
  }
  class FluxContainer_AdsPECampaignGroupIDSectionContainer_124 extends React.Component {
    render() {
      if (this.props.x === 283) {
        return AdsPEIDSection123 |> React.createElement(%, {
          x: 282
        });
      }
    }
  }
  class DeferredComponent125 extends React.Component {
    render() {
      if (this.props.x === 284) {
        return FluxContainer_AdsPECampaignGroupIDSectionContainer_124 |> React.createElement(%, {
          x: 283
        });
      }
    }
  }
  class BootloadedComponent126 extends React.Component {
    render() {
      if (this.props.x === 285) {
        return DeferredComponent125 |> React.createElement(%, {
          x: 284
        });
      }
    }
  }
  class _render127 extends React.Component {
    render() {
      if (this.props.x === 286) {
        return BootloadedComponent126 |> React.createElement(%, {
          x: 285
        });
      }
    }
  }
  class AdsEditorErrorsCard128 extends React.Component {
    render() {
      if (this.props.x === 288) {
        return null;
      }
    }
  }
  class FluxContainer_FunctionalContainer_129 extends React.Component {
    render() {
      if (this.props.x === 289) {
        return AdsEditorErrorsCard128 |> React.createElement(%, {
          x: 288
        });
      }
    }
  }
  class _render130 extends React.Component {
    render() {
      if (this.props.x === 290) {
        return FluxContainer_FunctionalContainer_129 |> React.createElement(%, {
          x: 289
        });
      }
    }
  }
  class AdsEditorMultiColumnLayout131 extends React.Component {
    render() {
      if (this.props.x === 294) {
        return React.createElement('div', {
          className: '_psh'
        }, React.createElement('div', {
          className: '_3cc0'
        }, React.createElement('div', null, AdsEditorLoadingErrors90 |> React.createElement(%, {
          x: 215,
          key: '.0'
        }), React.createElement('div', {
          className: '_3ms3'
        }, React.createElement('div', {
          className: '_3ms4'
        }, FluxContainer_AdsEditorColumnContainer_115 |> React.createElement(%, {
          x: 260,
          key: '.1'
        })), React.createElement('div', {
          className: '_3pvg'
        }, FluxContainer_AdsEditorColumnContainer_115 |> React.createElement(%, {
          x: 293,
          key: '.2'
        }))))));
      }
    }
  }
  class AdsPECampaignGroupEditor132 extends React.Component {
    render() {
      if (this.props.x === 295) {
        return React.createElement('div', null, AdsPECampaignGroupHeaderSectionContainer89 |> React.createElement(%, {
          x: 214
        }), AdsEditorMultiColumnLayout131 |> React.createElement(%, {
          x: 294
        }));
      }
    }
  }
  class AdsPECampaignGroupEditorContainer133 extends React.Component {
    render() {
      if (this.props.x === 296) {
        return AdsPECampaignGroupEditor132 |> React.createElement(%, {
          x: 295
        });
      }
    }
  }
  class AdsPESideTrayTabContent134 extends React.Component {
    render() {
      if (this.props.x === 297) {
        return React.createElement('div', {
          className: '_1o_8 _44ra _5cyn'
        }, AdsPECampaignGroupEditorContainer133 |> React.createElement(%, {
          x: 296
        }));
      }
    }
  }
  class AdsPEEditorTrayTabContentContainer135 extends React.Component {
    render() {
      if (this.props.x === 298) {
        return AdsPESideTrayTabContent134 |> React.createElement(%, {
          x: 297
        });
      }
    }
  }
  class AdsPEMultiTabDrawer136 extends React.Component {
    render() {
      if (this.props.x === 299) {
        return React.createElement('div', {
          className: '_2kev _2kex'
        }, React.createElement('div', {
          className: '_5yno'
        }, AdsPEEditorTrayTabButton83 |> React.createElement(%, {
          x: 197,
          key: 'editor_tray_button'
        }), AdsPEInsightsTrayTabButton84 |> React.createElement(%, {
          x: 202,
          key: 'insights_tray_button'
        }), AdsPENekoDebuggerTrayTabButton85 |> React.createElement(%, {
          x: 204,
          key: 'neko_debugger_tray_button'
        })), React.createElement('div', {
          className: '_5ynn'
        }, AdsPEEditorTrayTabContentContainer135 |> React.createElement(%, {
          x: 298,
          key: 'EDITOR_DRAWER'
        }), null));
      }
    }
  }
  class FluxContainer_AdsPEMultiTabDrawerContainer_137 extends React.Component {
    render() {
      if (this.props.x === 300) {
        return AdsPEMultiTabDrawer136 |> React.createElement(%, {
          x: 299
        });
      }
    }
  }
  class AdsPESimpleOrganizer138 extends React.Component {
    render() {
      if (this.props.x === 309) {
        return React.createElement('div', {
          className: '_tm2'
        }, XUIButton4 |> React.createElement(%, {
          x: 304
        }), XUIButton4 |> React.createElement(%, {
          x: 306
        }), XUIButton4 |> React.createElement(%, {
          x: 308
        }));
      }
    }
  }
  class AdsPEOrganizerContainer139 extends React.Component {
    render() {
      if (this.props.x === 310) {
        return React.createElement('div', null, AdsPESimpleOrganizer138 |> React.createElement(%, {
          x: 309
        }));
      }
    }
  }
  class FixedDataTableColumnResizeHandle140 extends React.Component {
    render() {
      if (this.props.x === 313) {
        return React.createElement('div', {
          className: '_3487 _3488 _3489',
          style: {
            width: 0,
            height: 25,
            left: 0
          }
        }, 'div' |> React.createElement(%, {
          className: '_348a',
          style: {
            height: 25
          }
        }));
      }
    }
  }
  class AdsPETableHeader141 extends React.Component {
    render() {
      if (this.props.x === 315) {
        return React.createElement('div', {
          className: '_1cig _1ksv _1vd7 _4h2r',
          id: undefined
        }, ReactImage0 |> React.createElement(%, {
          x: 314
        }), React.createElement('span', {
          className: '_1cid'
        }, 'Campaigns'));
      }
      if (this.props.x === 320) {
        return React.createElement('div', {
          className: '_1cig _1vd7 _4h2r',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Performance'));
      }
      if (this.props.x === 323) {
        return React.createElement('div', {
          className: '_1cig _1vd7 _4h2r',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Overview'));
      }
      if (this.props.x === 326) {
        return React.createElement('div', {
          className: '_1cig _1vd7 _4h2r',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Toplines'));
      }
      if (this.props.x === 329) {
        return 'div' |> React.createElement(%, {
          className: '_1cig _1vd7 _4h2r',
          id: undefined
        });
      }
      if (this.props.x === 340) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Campaign Name'));
      }
      if (this.props.x === 346) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined,
          'data-tooltip-content': 'Changed',
          'data-hover': 'tooltip'
        }, ReactImage0 |> React.createElement(%, {
          x: 345
        }), null);
      }
      if (this.props.x === 352) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: 'ads_pe_table_error_header',
          'data-tooltip-content': 'Errors',
          'data-hover': 'tooltip'
        }, ReactImage0 |> React.createElement(%, {
          x: 351
        }), null);
      }
      if (this.props.x === 357) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Status'));
      }
      if (this.props.x === 362) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Delivery'));
      }
      if (this.props.x === 369) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Results'));
      }
      if (this.props.x === 374) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Cost'));
      }
      if (this.props.x === 379) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Reach'));
      }
      if (this.props.x === 384) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Impressions'));
      }
      if (this.props.x === 389) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Clicks'));
      }
      if (this.props.x === 394) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Avg. CPM'));
      }
      if (this.props.x === 399) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Avg. CPC'));
      }
      if (this.props.x === 404) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'CTR %'));
      }
      if (this.props.x === 409) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Spent'));
      }
      if (this.props.x === 414) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Objective'));
      }
      if (this.props.x === 419) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Buying Type'));
      }
      if (this.props.x === 424) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Campaign ID'));
      }
      if (this.props.x === 429) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Start'));
      }
      if (this.props.x === 434) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'End'));
      }
      if (this.props.x === 439) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Date created'));
      }
      if (this.props.x === 444) {
        return React.createElement('div', {
          className: '_1cig _25fg',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Date last edited'));
      }
      if (this.props.x === 449) {
        return React.createElement('div', {
          className: '_1cig _25fg _4h2r',
          id: undefined
        }, null, React.createElement('span', {
          className: '_1cid'
        }, 'Tags'));
      }
      if (this.props.x === 452) {
        return 'div' |> React.createElement(%, {
          className: '_1cig _25fg _4h2r',
          id: undefined
        });
      }
    }
  }
  class TransitionCell142 extends React.Component {
    render() {
      if (this.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'
        }, AdsPETableHeader141 |> React.createElement(%, {
          x: 315
        }))));
      }
      if (this.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'
        }, AdsPETableHeader141 |> React.createElement(%, {
          x: 320
        }))));
      }
      if (this.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'
        }, AdsPETableHeader141 |> React.createElement(%, {
          x: 323
        }))));
      }
      if (this.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'
        }, AdsPETableHeader141 |> React.createElement(%, {
          x: 326
        }))));
      }
      if (this.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'
        }, AdsPETableHeader141 |> React.createElement(%, {
          x: 329
        }))));
      }
      if (this.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'
        }, XUICheckboxInput60 |> React.createElement(%, {
          x: 337
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 342
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 348
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 354
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 359
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 364
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 371
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 376
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 381
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 386
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 391
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 396
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 401
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 406
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 411
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 416
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 421
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 426
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 431
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 436
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 441
        }))));
      }
      if (this.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'
        }, FixedDataTableSortableHeader149 |> React.createElement(%, {
          x: 446
        }))));
      }
      if (this.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'
        }, AdsPETableHeader141 |> React.createElement(%, {
          x: 449
        }))));
      }
      if (this.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'
        }, AdsPETableHeader141 |> React.createElement(%, {
          x: 452
        }))));
      }
    }
  }
  class FixedDataTableCell143 extends React.Component {
    render() {
      if (this.props.x === 317) {
        return React.createElement('div', {
          className: '_4lg0 _4h2m',
          style: {
            height: 40,
            width: 721,
            left: 0
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 316
        }));
      }
      if (this.props.x === 322) {
        return React.createElement('div', {
          className: '_4lg0 _4h2m',
          style: {
            height: 40,
            width: 798,
            left: 0
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 321
        }));
      }
      if (this.props.x === 325) {
        return React.createElement('div', {
          className: '_4lg0 _4h2m',
          style: {
            height: 40,
            width: 1022,
            left: 798
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 324
        }));
      }
      if (this.props.x === 328) {
        return React.createElement('div', {
          className: '_4lg0 _4h2m',
          style: {
            height: 40,
            width: 0,
            left: 1820
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 327
        }));
      }
      if (this.props.x === 331) {
        return React.createElement('div', {
          className: '_4lg0 _4h2m',
          style: {
            height: 40,
            width: 25,
            left: 1820
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 330
        }));
      }
      if (this.props.x === 339) {
        return React.createElement('div', {
          className: '_4lg0 _4lg6 _4h2m',
          style: {
            height: 25,
            width: 42,
            left: 0
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 338
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 343
        }));
      }
      if (this.props.x === 350) {
        return React.createElement('div', {
          className: '_4lg0 _4h2m',
          style: {
            height: 25,
            width: 33,
            left: 442
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 349
        }));
      }
      if (this.props.x === 356) {
        return React.createElement('div', {
          className: '_4lg0 _4h2m',
          style: {
            height: 25,
            width: 36,
            left: 475
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 355
        }));
      }
      if (this.props.x === 361) {
        return React.createElement('div', {
          className: '_4lg0 _4h2m',
          style: {
            height: 25,
            width: 60,
            left: 511
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 360
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 365
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 372
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 377
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 382
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 387
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 392
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 397
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 402
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 407
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 412
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 417
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 422
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 427
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 432
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 437
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 442
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 447
        }));
      }
      if (this.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 () {}
        }, 'div' |> React.createElement(%, {
          className: '_4lga _4lgb',
          style: {
            height: 25
          }
        })), TransitionCell142 |> React.createElement(%, {
          x: 450
        }));
      }
      if (this.props.x === 454) {
        return React.createElement('div', {
          className: '_4lg0 _4h2m',
          style: {
            height: 25,
            width: 25,
            left: 1820
          }
        }, undefined, TransitionCell142 |> React.createElement(%, {
          x: 453
        }));
      }
    }
  }
  class FixedDataTableCellGroupImpl144 extends React.Component {
    render() {
      if (this.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'
          }
        }, FixedDataTableCell143 |> React.createElement(%, {
          x: 317,
          key: 'cell_0'
        }));
      }
      if (this.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'
          }
        }, FixedDataTableCell143 |> React.createElement(%, {
          x: 322,
          key: 'cell_0'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 325,
          key: 'cell_1'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 328,
          key: 'cell_2'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 331,
          key: 'cell_3'
        }));
      }
      if (this.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'
          }
        }, FixedDataTableCell143 |> React.createElement(%, {
          x: 339,
          key: 'cell_0'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 344,
          key: 'cell_1'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 350,
          key: 'cell_2'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 356,
          key: 'cell_3'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 361,
          key: 'cell_4'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 366,
          key: 'cell_5'
        }));
      }
      if (this.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'
          }
        }, FixedDataTableCell143 |> React.createElement(%, {
          x: 373,
          key: 'cell_0'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 378,
          key: 'cell_1'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 383,
          key: 'cell_2'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 388,
          key: 'cell_3'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 393,
          key: 'cell_4'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 398,
          key: 'cell_5'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 403,
          key: 'cell_6'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 408,
          key: 'cell_7'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 413,
          key: 'cell_8'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 418,
          key: 'cell_9'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 423,
          key: 'cell_10'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 428,
          key: 'cell_11'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 433,
          key: 'cell_12'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 438,
          key: 'cell_13'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 443,
          key: 'cell_14'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 448,
          key: 'cell_15'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 451,
          key: 'cell_16'
        }), FixedDataTableCell143 |> React.createElement(%, {
          x: 454,
          key: 'cell_17'
        }));
      }
    }
  }
  class FixedDataTableCellGroup145 extends React.Component {
    render() {
      if (this.props.x === 319) {
        return React.createElement('div', {
          style: {
            height: 40,
            left: 0
          },
          className: '_3pzk'
        }, FixedDataTableCellGroupImpl144 |> React.createElement(%, {
          x: 318
        }));
      }
      if (this.props.x === 333) {
        return React.createElement('div', {
          style: {
            height: 40,
            left: 721
          },
          className: '_3pzk'
        }, FixedDataTableCellGroupImpl144 |> React.createElement(%, {
          x: 332
        }));
      }
      if (this.props.x === 368) {
        return React.createElement('div', {
          style: {
            height: 25,
            left: 0
          },
          className: '_3pzk'
        }, FixedDataTableCellGroupImpl144 |> React.createElement(%, {
          x: 367
        }));
      }
      if (this.props.x === 456) {
        return React.createElement('div', {
          style: {
            height: 25,
            left: 721
          },
          className: '_3pzk'
        }, FixedDataTableCellGroupImpl144 |> React.createElement(%, {
          x: 455
        }));
      }
    }
  }
  class FixedDataTableRowImpl146 extends React.Component {
    render() {
      if (this.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'
        }, FixedDataTableCellGroup145 |> React.createElement(%, {
          x: 319,
          key: 'fixed_cells'
        }), FixedDataTableCellGroup145 |> React.createElement(%, {
          x: 333,
          key: 'scrollable_cells'
        }), 'div' |> React.createElement(%, {
          className: '_1gd6 _1gd8',
          style: {
            left: 721,
            height: 40
          }
        })));
      }
      if (this.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'
        }, FixedDataTableCellGroup145 |> React.createElement(%, {
          x: 368,
          key: 'fixed_cells'
        }), FixedDataTableCellGroup145 |> React.createElement(%, {
          x: 456,
          key: 'scrollable_cells'
        }), 'div' |> React.createElement(%, {
          className: '_1gd6 _1gd8',
          style: {
            left: 721,
            height: 25
          }
        })));
      }
    }
  }
  class FixedDataTableRow147 extends React.Component {
    render() {
      if (this.props.x === 335) {
        return React.createElement('div', {
          style: {
            width: 1209,
            height: 40,
            zIndex: 1,
            transform: 'translate3d(0px,0px,0)',
            backfaceVisibility: 'hidden'
          },
          className: '_1gda'
        }, FixedDataTableRowImpl146 |> React.createElement(%, {
          x: 334
        }));
      }
      if (this.props.x === 458) {
        return React.createElement('div', {
          style: {
            width: 1209,
            height: 25,
            zIndex: 1,
            transform: 'translate3d(0px,40px,0)',
            backfaceVisibility: 'hidden'
          },
          className: '_1gda'
        }, FixedDataTableRowImpl146 |> React.createElement(%, {
          x: 457
        }));
      }
    }
  }
  class FixedDataTableAbstractSortableHeader148 extends React.Component {
    render() {
      if (this.props.x === 341) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 340
        })));
      }
      if (this.props.x === 347) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _1kst _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 346
        })));
      }
      if (this.props.x === 353) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _1kst _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 352
        })));
      }
      if (this.props.x === 358) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 357
        })));
      }
      if (this.props.x === 363) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _54_9 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 362
        })));
      }
      if (this.props.x === 370) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 369
        })));
      }
      if (this.props.x === 375) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 374
        })));
      }
      if (this.props.x === 380) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 379
        })));
      }
      if (this.props.x === 385) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 384
        })));
      }
      if (this.props.x === 390) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 389
        })));
      }
      if (this.props.x === 395) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 394
        })));
      }
      if (this.props.x === 400) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 399
        })));
      }
      if (this.props.x === 405) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 404
        })));
      }
      if (this.props.x === 410) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 409
        })));
      }
      if (this.props.x === 415) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 414
        })));
      }
      if (this.props.x === 420) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 419
        })));
      }
      if (this.props.x === 425) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 424
        })));
      }
      if (this.props.x === 430) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 429
        })));
      }
      if (this.props.x === 435) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 434
        })));
      }
      if (this.props.x === 440) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 439
        })));
      }
      if (this.props.x === 445) {
        return React.createElement('div', {
          onClick: function () {},
          className: '_54_8 _4h2r _2wzx'
        }, React.createElement('div', {
          className: '_2eq6'
        }, null, AdsPETableHeader141 |> React.createElement(%, {
          x: 444
        })));
      }
    }
  }
  class FixedDataTableSortableHeader149 extends React.Component {
    render() {
      if (this.props.x === 342) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 341
        });
      }
      if (this.props.x === 348) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 347
        });
      }
      if (this.props.x === 354) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 353
        });
      }
      if (this.props.x === 359) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 358
        });
      }
      if (this.props.x === 364) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 363
        });
      }
      if (this.props.x === 371) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 370
        });
      }
      if (this.props.x === 376) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 375
        });
      }
      if (this.props.x === 381) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 380
        });
      }
      if (this.props.x === 386) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 385
        });
      }
      if (this.props.x === 391) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 390
        });
      }
      if (this.props.x === 396) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 395
        });
      }
      if (this.props.x === 401) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 400
        });
      }
      if (this.props.x === 406) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 405
        });
      }
      if (this.props.x === 411) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 410
        });
      }
      if (this.props.x === 416) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 415
        });
      }
      if (this.props.x === 421) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 420
        });
      }
      if (this.props.x === 426) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 425
        });
      }
      if (this.props.x === 431) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 430
        });
      }
      if (this.props.x === 436) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 435
        });
      }
      if (this.props.x === 441) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 440
        });
      }
      if (this.props.x === 446) {
        return FixedDataTableAbstractSortableHeader148 |> React.createElement(%, {
          x: 445
        });
      }
    }
  }
  class FixedDataTableBufferedRows150 extends React.Component {
    render() {
      if (this.props.x === 459) {
        return 'div' |> React.createElement(%, {
          style: {
            position: 'absolute',
            pointerEvents: 'auto',
            transform: 'translate3d(0px,65px,0)',
            backfaceVisibility: 'hidden'
          }
        });
      }
    }
  }
  class Scrollbar151 extends React.Component {
    render() {
      if (this.props.x === 460) {
        return null;
      }
      if (this.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
        }, 'div' |> React.createElement(%, {
          className: '_1t0w _1t0y _1t0_',
          style: {
            width: 561.6340607950117,
            transform: 'translate3d(4px,0px,0)',
            backfaceVisibility: 'hidden'
          }
        }));
      }
    }
  }
  class HorizontalScrollbar152 extends React.Component {
    render() {
      if (this.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'
          }
        }, Scrollbar151 |> React.createElement(%, {
          x: 461
        })));
      }
    }
  }
  class FixedDataTable153 extends React.Component {
    render() {
      if (this.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
          }
        }, FixedDataTableColumnResizeHandle140 |> React.createElement(%, {
          x: 313
        }), FixedDataTableRow147 |> React.createElement(%, {
          x: 335,
          key: 'group_header'
        }), FixedDataTableRow147 |> React.createElement(%, {
          x: 458,
          key: 'header'
        }), FixedDataTableBufferedRows150 |> React.createElement(%, {
          x: 459
        }), null, undefined, 'div' |> React.createElement(%, {
          className: '_3h1e _3h1h',
          style: {
            top: 8
          }
        })), Scrollbar151 |> React.createElement(%, {
          x: 460
        }), HorizontalScrollbar152 |> React.createElement(%, {
          x: 462
        }));
      }
    }
  }
  class TransitionTable154 extends React.Component {
    render() {
      if (this.props.x === 464) {
        return FixedDataTable153 |> React.createElement(%, {
          x: 463
        });
      }
    }
  }
  class AdsSelectableFixedDataTable155 extends React.Component {
    render() {
      if (this.props.x === 465) {
        return React.createElement('div', {
          className: '_5hht'
        }, TransitionTable154 |> React.createElement(%, {
          x: 464
        }));
      }
    }
  }
  class AdsDataTableKeyboardSupportDecorator156 extends React.Component {
    render() {
      if (this.props.x === 466) {
        return React.createElement('div', {
          className: '_5d6f',
          tabIndex: '0',
          onKeyDown: function () {}
        }, AdsSelectableFixedDataTable155 |> React.createElement(%, {
          x: 465
        }));
      }
    }
  }
  class AdsEditableDataTableDecorator157 extends React.Component {
    render() {
      if (this.props.x === 467) {
        return React.createElement('div', {
          onCopy: function () {}
        }, AdsDataTableKeyboardSupportDecorator156 |> React.createElement(%, {
          x: 466
        }));
      }
    }
  }
  class AdsPEDataTableContainer158 extends React.Component {
    render() {
      if (this.props.x === 468) {
        return React.createElement('div', {
          className: '_35l_ _1hr clearfix'
        }, null, null, null, AdsEditableDataTableDecorator157 |> React.createElement(%, {
          x: 467
        }));
      }
    }
  }
  class AdsPECampaignGroupTableContainer159 extends React.Component {
    render() {
      if (this.props.x === 470) {
        return ResponsiveBlock37 |> React.createElement(%, {
          x: 469
        });
      }
    }
  }
  class AdsPEManageAdsPaneContainer160 extends React.Component {
    render() {
      if (this.props.x === 473) {
        return React.createElement('div', null, AdsErrorBoundary10 |> React.createElement(%, {
          x: 65
        }), React.createElement('div', {
          className: '_2uty'
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 125
        })), React.createElement('div', {
          className: '_2utx _21oc'
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 171
        }), React.createElement('div', {
          className: '_41tu'
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 176
        }), AdsErrorBoundary10 |> React.createElement(%, {
          x: 194
        }))), React.createElement('div', {
          className: '_2utz',
          style: {
            height: 25
          }
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 302
        }), React.createElement('div', {
          className: '_2ut-'
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 312
        })), React.createElement('div', {
          className: '_2ut_'
        }, AdsErrorBoundary10 |> React.createElement(%, {
          x: 472
        }))));
      }
    }
  }
  class AdsPEContentContainer161 extends React.Component {
    render() {
      if (this.props.x === 474) {
        return AdsPEManageAdsPaneContainer160 |> React.createElement(%, {
          x: 473
        });
      }
    }
  }
  class FluxContainer_AdsPEWorkspaceContainer_162 extends React.Component {
    render() {
      if (this.props.x === 477) {
        return React.createElement('div', {
          className: '_49wu',
          style: {
            height: 177,
            top: 43,
            width: 1306
          }
        }, ResponsiveBlock37 |> React.createElement(%, {
          x: 62,
          key: '0'
        }), AdsErrorBoundary10 |> React.createElement(%, {
          x: 476,
          key: '1'
        }), null);
      }
    }
  }
  class FluxContainer_AdsSessionExpiredDialogContainer_163 extends React.Component {
    render() {
      if (this.props.x === 478) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPEUploadDialogLazyContainer_164 extends React.Component {
    render() {
      if (this.props.x === 479) {
        return null;
      }
    }
  }
  class FluxContainer_DialogContainer_165 extends React.Component {
    render() {
      if (this.props.x === 480) {
        return null;
      }
    }
  }
  class AdsBugReportContainer166 extends React.Component {
    render() {
      if (this.props.x === 481) {
        return 'span' |> React.createElement(%, null);
      }
    }
  }
  class AdsPEAudienceSplittingDialog167 extends React.Component {
    render() {
      if (this.props.x === 482) {
        return null;
      }
    }
  }
  class AdsPEAudienceSplittingDialogContainer168 extends React.Component {
    render() {
      if (this.props.x === 483) {
        return React.createElement('div', null, AdsPEAudienceSplittingDialog167 |> React.createElement(%, {
          x: 482
        }));
      }
    }
  }
  class FluxContainer_AdsRuleDialogBootloadContainer_169 extends React.Component {
    render() {
      if (this.props.x === 484) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPECFTrayContainer_170 extends React.Component {
    render() {
      if (this.props.x === 485) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPEDeleteDraftContainer_171 extends React.Component {
    render() {
      if (this.props.x === 486) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 extends React.Component {
    render() {
      if (this.props.x === 487) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 extends React.Component {
    render() {
      if (this.props.x === 488) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPEPurgeArchiveDialogContainer_174 extends React.Component {
    render() {
      if (this.props.x === 489) {
        return null;
      }
    }
  }
  class AdsPECreateDialogContainer175 extends React.Component {
    render() {
      if (this.props.x === 490) {
        return 'span' |> React.createElement(%, null);
      }
    }
  }
  class FluxContainer_AdsPEModalStatusContainer_176 extends React.Component {
    render() {
      if (this.props.x === 491) {
        return null;
      }
    }
  }
  class FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 extends React.Component {
    render() {
      if (this.props.x === 492) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPESortByErrorTipContainer_178 extends React.Component {
    render() {
      if (this.props.x === 493) {
        return null;
      }
    }
  }
  class LeadDownloadDialogSelector179 extends React.Component {
    render() {
      if (this.props.x === 494) {
        return null;
      }
    }
  }
  class FluxContainer_AdsPELeadDownloadDialogContainerClass_180 extends React.Component {
    render() {
      if (this.props.x === 495) {
        return LeadDownloadDialogSelector179 |> React.createElement(%, {
          x: 494
        });
      }
    }
  }
  class AdsPEContainer181 extends React.Component {
    render() {
      if (this.props.x === 496) {
        return React.createElement('div', {
          id: 'ads_pe_container'
        }, FluxContainer_AdsPETopNavContainer_26 |> React.createElement(%, {
          x: 41
        }), null, FluxContainer_AdsPEWorkspaceContainer_162 |> React.createElement(%, {
          x: 477
        }), FluxContainer_AdsSessionExpiredDialogContainer_163 |> React.createElement(%, {
          x: 478
        }), FluxContainer_AdsPEUploadDialogLazyContainer_164 |> React.createElement(%, {
          x: 479
        }), FluxContainer_DialogContainer_165 |> React.createElement(%, {
          x: 480
        }), AdsBugReportContainer166 |> React.createElement(%, {
          x: 481
        }), AdsPEAudienceSplittingDialogContainer168 |> React.createElement(%, {
          x: 483
        }), FluxContainer_AdsRuleDialogBootloadContainer_169 |> React.createElement(%, {
          x: 484
        }), FluxContainer_AdsPECFTrayContainer_170 |> React.createElement(%, {
          x: 485
        }), React.createElement('span', null, FluxContainer_AdsPEDeleteDraftContainer_171 |> React.createElement(%, {
          x: 486
        }), FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 |> React.createElement(%, {
          x: 487
        }), FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 |> React.createElement(%, {
          x: 488
        })), FluxContainer_AdsPEPurgeArchiveDialogContainer_174 |> React.createElement(%, {
          x: 489
        }), AdsPECreateDialogContainer175 |> React.createElement(%, {
          x: 490
        }), FluxContainer_AdsPEModalStatusContainer_176 |> React.createElement(%, {
          x: 491
        }), FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 |> React.createElement(%, {
          x: 492
        }), FluxContainer_AdsPESortByErrorTipContainer_178 |> React.createElement(%, {
          x: 493
        }), FluxContainer_AdsPELeadDownloadDialogContainerClass_180 |> React.createElement(%, {
          x: 495
        }), 'div' |> React.createElement(%, {
          id: 'web_ads_guidance_tips'
        }));
      }
    }
  }
  class Benchmark extends React.Component {
    render() {
      if (this.props.x === undefined) {
        return AdsPEContainer181 |> React.createElement(%, {
          x: 496
        });
      }
    }
  }
  var app = 'app' |> document.getElementById(%);
  window.render = function render() {
    Benchmark |> React.createElement(%, null) |> ReactDOM.render(%, app);
  };
})();