mirror of
https://github.com/zebrajr/react.git
synced 2025-12-07 12:20:38 +01:00
40cc8fa45f
Previously, the extract-components script would create the same number of layers of composites as the page it captures, but it would output a new class for each time any composite is used (since we don't want to replicate all the component logic).
I changed the script to output a single type for each type in the input -- and each generated component takes an index for which output it should return. This should be closer to how the original code behaves, especially with respect to VM function call lookups where the amount of polymorphism makes a difference.
I re-recorded the benchmarks with the new scripts. They run significantly faster:
```
Comparing old.txt (control) vs new.txt (test)
Significant differences marked by ***
% change from control to test, with 99% CIs:
* ssr_pe_cold_ms_jsc_jit
% change: -41.73% [-43.37%, -40.09%] ***
means: 39.3191 (control), 22.9127 (test)
* ssr_pe_cold_ms_jsc_nojit
% change: -44.24% [-46.69%, -41.80%] ***
means: 45.8646 (control), 25.5764 (test)
* ssr_pe_cold_ms_node
% change: -45.61% [-47.38%, -43.85%] ***
means: 90.1118 (control), 49.0116 (test)
```
This is probably in part due to the changes here, but also the page I captured has changed somewhat in the meantime and there seem to be slightly fewer components in the hierarchy, so they're not really comparable. But going forward we can use this benchmark which should be more accurate. I also included an identical copy that uses stateless functional components so we can test optimizations to those later.
(cherry picked from commit e5513eceff)
3688 lines
110 KiB
JavaScript
3688 lines
110 KiB
JavaScript
(function() {
|
|
|
|
var ReactImage0 = function(props) {
|
|
if (props.x === 0) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
|
|
}
|
|
if (props.x === 15) {
|
|
return <i className={"_3ut_ img sp_i534r85sjIn sx_e8ac93"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 22) {
|
|
return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_7b15bc"} src={null}></i>;
|
|
}
|
|
if (props.x === 29) {
|
|
return <i className={"_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 42) {
|
|
return (
|
|
<i alt={"Warning"} className={"_585p img sp_i534r85sjIn sx_20273d"} src={null}>
|
|
<u>{"Warning"}</u>
|
|
</i>
|
|
);
|
|
}
|
|
if (props.x === 67) {
|
|
return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_b5d079"} src={null}></i>;
|
|
}
|
|
if (props.x === 70) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f8c9"}></i>;
|
|
}
|
|
if (props.x === 76) {
|
|
return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_ef6a9c"} src={null}></i>;
|
|
}
|
|
if (props.x === 79) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_6f8c43"}></i>;
|
|
}
|
|
if (props.x === 88) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_e94a2d"}></i>;
|
|
}
|
|
if (props.x === 91) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_7ed7d4"}></i>;
|
|
}
|
|
if (props.x === 94) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_930440"}></i>;
|
|
}
|
|
if (props.x === 98) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_750c83"}></i>;
|
|
}
|
|
if (props.x === 108) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_73c1bb"}></i>;
|
|
}
|
|
if (props.x === 111) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f28d"}></i>;
|
|
}
|
|
if (props.x === 126) {
|
|
return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_91c59e"}></i>;
|
|
}
|
|
if (props.x === 127) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
|
|
}
|
|
if (props.x === 134) {
|
|
return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_c8eb75"}></i>;
|
|
}
|
|
if (props.x === 135) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
|
|
}
|
|
if (props.x === 148) {
|
|
return <i className={"_3yz6 _5whs img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 152) {
|
|
return <i className={"_5b5p _4gem img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 153) {
|
|
return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 160) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_31d9b0"}></i>;
|
|
}
|
|
if (props.x === 177) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_2c18b7"} src={null}></i>;
|
|
}
|
|
if (props.x === 186) {
|
|
return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_0a681f"}></i>;
|
|
}
|
|
if (props.x === 195) {
|
|
return <i className={"_1-lx img sp_OkER5ktbEyg sx_b369b4"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 198) {
|
|
return <i className={"_1-lx img sp_i534r85sjIn sx_96948e"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 237) {
|
|
return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 266) {
|
|
return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
|
|
}
|
|
if (props.x === 314) {
|
|
return <i className={"_1cie _1cif img sp_i534r85sjIn sx_6e6820"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 345) {
|
|
return <i className={"_1cie img sp_i534r85sjIn sx_e896cf"} src={null} alt={""}></i>;
|
|
}
|
|
if (props.x === 351) {
|
|
return <i className={"_1cie img sp_i534r85sjIn sx_38fed8"} src={null} alt={""}></i>;
|
|
}
|
|
};
|
|
|
|
var AbstractLink1 = function(props) {
|
|
if (props.x === 1) {
|
|
return (
|
|
<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}
|
|
<span className={"_55pe"} style={{"maxWidth":"236px"}}>
|
|
{null}
|
|
<span>
|
|
<span className={"_48u-"}>{"Account:"}</span>
|
|
{" "}
|
|
{"Dick Madanson (10149999073643408)"}
|
|
</span>
|
|
</span>
|
|
<ReactImage0 x={0} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 43) {
|
|
return (
|
|
<a className={"_585q _50zy _50-0 _50z- _5upp _42ft"} size={"medium"} shade={"dark"} 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}
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 49) {
|
|
return (
|
|
<a target={"_blank"} href={"/ads/manage/billing.php?act=10149999073643408"} rel={undefined} onClick={function() {}}>
|
|
<XUIText29 x={48} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 128) {
|
|
return (
|
|
<a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{null}
|
|
<span className={"_55pe"} style={{"maxWidth":"186px"}}>
|
|
<ReactImage0 x={126} />
|
|
{"Search"}
|
|
</span>
|
|
<ReactImage0 x={127} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 136) {
|
|
return (
|
|
<a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{null}
|
|
<span className={"_55pe"} style={{"maxWidth":"186px"}}>
|
|
<ReactImage0 x={134} />
|
|
{"Filters"}
|
|
</span>
|
|
<ReactImage0 x={135} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 178) {
|
|
return (
|
|
<a className={"_1_-t _1_-v _42ft"} disabled={null} height={"medium"} role={"button"} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{undefined}
|
|
{"Lifetime"}
|
|
<ReactImage0 x={177} />
|
|
</a>
|
|
);
|
|
}
|
|
if (props.x === 207) {
|
|
return <a href={"#"} rel={undefined} onClick={function() {}}>{"Create Ad Set"}</a>;
|
|
}
|
|
if (props.x === 209) {
|
|
return <a href={"#"} rel={undefined} onClick={function() {}}>{"View Ad Set"}</a>;
|
|
}
|
|
if (props.x === 241) {
|
|
return <a href={"#"} rel={undefined} onClick={function() {}}>{"Set a Limit"}</a>;
|
|
}
|
|
if (props.x === 267) {
|
|
return (
|
|
<a className={"_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
|
|
{null}
|
|
<span className={"_55pe"} style={{"maxWidth":"186px"}}>
|
|
{null}
|
|
{"Links"}
|
|
</span>
|
|
<ReactImage0 x={266} />
|
|
</a>
|
|
);
|
|
}
|
|
};
|
|
|
|
var Link2 = function(props) {
|
|
if (props.x === 2) {
|
|
return <AbstractLink1 x={1} />;
|
|
}
|
|
if (props.x === 44) {
|
|
return <AbstractLink1 x={43} />;
|
|
}
|
|
if (props.x === 50) {
|
|
return <AbstractLink1 x={49} />;
|
|
}
|
|
if (props.x === 129) {
|
|
return <AbstractLink1 x={128} />;
|
|
}
|
|
if (props.x === 137) {
|
|
return <AbstractLink1 x={136} />;
|
|
}
|
|
if (props.x === 179) {
|
|
return <AbstractLink1 x={178} />;
|
|
}
|
|
if (props.x === 208) {
|
|
return <AbstractLink1 x={207} />;
|
|
}
|
|
if (props.x === 210) {
|
|
return <AbstractLink1 x={209} />;
|
|
}
|
|
if (props.x === 242) {
|
|
return <AbstractLink1 x={241} />;
|
|
}
|
|
if (props.x === 268) {
|
|
return <AbstractLink1 x={267} />;
|
|
}
|
|
};
|
|
|
|
var AbstractButton3 = function(props) {
|
|
if (props.x === 3) {
|
|
return <Link2 x={2} />;
|
|
}
|
|
if (props.x === 20) {
|
|
return (
|
|
<button className={"_5n7z _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
{undefined}
|
|
{"Discard Changes"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 23) {
|
|
return (
|
|
<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 x={22} />
|
|
{"Review Changes"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 45) {
|
|
return <Link2 x={44} />;
|
|
}
|
|
if (props.x === 68) {
|
|
return (
|
|
<button className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={67} />
|
|
{"Create Campaign"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 71) {
|
|
return (
|
|
<button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={70} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 77) {
|
|
return (
|
|
<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 x={76} />
|
|
{"Edit"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 80) {
|
|
return (
|
|
<button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={79} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 89) {
|
|
return (
|
|
<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 x={88} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 92) {
|
|
return (
|
|
<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 x={91} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 95) {
|
|
return (
|
|
<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 x={94} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 99) {
|
|
return (
|
|
<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 x={98} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 109) {
|
|
return (
|
|
<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 x={108} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 112) {
|
|
return (
|
|
<button aria-label={"Campaign Tags"} className={" _5uy7 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Campaign Tags"} disabled={false} haschevron={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={111} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 130) {
|
|
return <Link2 x={129} />;
|
|
}
|
|
if (props.x === 138) {
|
|
return <Link2 x={137} />;
|
|
}
|
|
if (props.x === 149) {
|
|
return (
|
|
<button className={"_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft"} size={"small"} onClick={function() {}} shade={"dark"} type={"button"} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} label={null}>
|
|
{undefined}
|
|
{"Remove"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 156) {
|
|
return (
|
|
<button className={"_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
{undefined}
|
|
{"Apply"}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 161) {
|
|
return (
|
|
<button className={"_1wdf _4jy0 _517i _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
|
|
<ReactImage0 x={160} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 180) {
|
|
return <Link2 x={179} />;
|
|
}
|
|
if (props.x === 187) {
|
|
return (
|
|
<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 x={186} />
|
|
{undefined}
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 269) {
|
|
return <Link2 x={268} />;
|
|
}
|
|
if (props.x === 303) {
|
|
return (
|
|
<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}
|
|
<div>
|
|
<div className={"_tma"}></div>
|
|
<div className={"_tm8"}></div>
|
|
<div className={"_tm9"}>{1}</div>
|
|
</div>
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 305) {
|
|
return (
|
|
<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}
|
|
<div>
|
|
<div className={"_tma"}></div>
|
|
<div className={"_tm8"}></div>
|
|
<div className={"_tm9"}>{1}</div>
|
|
</div>
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
if (props.x === 307) {
|
|
return (
|
|
<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}
|
|
<div>
|
|
<div className={"_tma"}></div>
|
|
<div className={"_tm8"}></div>
|
|
<div className={"_tm9"}>{1}</div>
|
|
</div>
|
|
{undefined}
|
|
</button>
|
|
);
|
|
}
|
|
};
|
|
|
|
var XUIButton4 = function(props) {
|
|
if (props.x === 4) {
|
|
return <AbstractButton3 x={3} />;
|
|
}
|
|
if (props.x === 21) {
|
|
return <AbstractButton3 x={20} />;
|
|
}
|
|
if (props.x === 24) {
|
|
return <AbstractButton3 x={23} />;
|
|
}
|
|
if (props.x === 69) {
|
|
return <AbstractButton3 x={68} />;
|
|
}
|
|
if (props.x === 72) {
|
|
return <AbstractButton3 x={71} />;
|
|
}
|
|
if (props.x === 78) {
|
|
return <AbstractButton3 x={77} />;
|
|
}
|
|
if (props.x === 81) {
|
|
return <AbstractButton3 x={80} />;
|
|
}
|
|
if (props.x === 90) {
|
|
return <AbstractButton3 x={89} />;
|
|
}
|
|
if (props.x === 93) {
|
|
return <AbstractButton3 x={92} />;
|
|
}
|
|
if (props.x === 96) {
|
|
return <AbstractButton3 x={95} />;
|
|
}
|
|
if (props.x === 100) {
|
|
return <AbstractButton3 x={99} />;
|
|
}
|
|
if (props.x === 110) {
|
|
return <AbstractButton3 x={109} />;
|
|
}
|
|
if (props.x === 113) {
|
|
return <AbstractButton3 x={112} />;
|
|
}
|
|
if (props.x === 131) {
|
|
return <AbstractButton3 x={130} />;
|
|
}
|
|
if (props.x === 139) {
|
|
return <AbstractButton3 x={138} />;
|
|
}
|
|
if (props.x === 157) {
|
|
return <AbstractButton3 x={156} />;
|
|
}
|
|
if (props.x === 162) {
|
|
return <AbstractButton3 x={161} />;
|
|
}
|
|
if (props.x === 188) {
|
|
return <AbstractButton3 x={187} />;
|
|
}
|
|
if (props.x === 270) {
|
|
return <AbstractButton3 x={269} />;
|
|
}
|
|
if (props.x === 304) {
|
|
return <AbstractButton3 x={303} />;
|
|
}
|
|
if (props.x === 306) {
|
|
return <AbstractButton3 x={305} />;
|
|
}
|
|
if (props.x === 308) {
|
|
return <AbstractButton3 x={307} />;
|
|
}
|
|
};
|
|
|
|
var AbstractPopoverButton5 = function(props) {
|
|
if (props.x === 5) {
|
|
return <XUIButton4 x={4} />;
|
|
}
|
|
if (props.x === 132) {
|
|
return <XUIButton4 x={131} />;
|
|
}
|
|
if (props.x === 140) {
|
|
return <XUIButton4 x={139} />;
|
|
}
|
|
if (props.x === 271) {
|
|
return <XUIButton4 x={270} />;
|
|
}
|
|
};
|
|
|
|
var ReactXUIPopoverButton6 = function(props) {
|
|
if (props.x === 6) {
|
|
return <AbstractPopoverButton5 x={5} />;
|
|
}
|
|
if (props.x === 133) {
|
|
return <AbstractPopoverButton5 x={132} />;
|
|
}
|
|
if (props.x === 141) {
|
|
return <AbstractPopoverButton5 x={140} />;
|
|
}
|
|
if (props.x === 272) {
|
|
return <AbstractPopoverButton5 x={271} />;
|
|
}
|
|
};
|
|
|
|
var BIGAdAccountSelector7 = function(props) {
|
|
if (props.x === 7) {
|
|
return (
|
|
<div>
|
|
<ReactXUIPopoverButton6 x={6} ref={"openMenuButton"} />
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = function(props) {
|
|
if (props.x === 8) {
|
|
return <BIGAdAccountSelector7 x={7} />;
|
|
}
|
|
};
|
|
|
|
var ErrorBoundary9 = function(props) {
|
|
if (props.x === 9) {
|
|
return <FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 x={8} />;
|
|
}
|
|
if (props.x === 13) {
|
|
return <FluxContainer_AdsPENavigationBarContainer_12 x={12} />;
|
|
}
|
|
if (props.x === 27) {
|
|
return <FluxContainer_AdsPEPublishButtonContainer_18 x={26} />;
|
|
}
|
|
if (props.x === 32) {
|
|
return <ReactPopoverMenu20 x={31} />;
|
|
}
|
|
if (props.x === 38) {
|
|
return <AdsPEResetDialog24 x={37} />;
|
|
}
|
|
if (props.x === 57) {
|
|
return <FluxContainer_AdsPETopErrorContainer_35 x={56} />;
|
|
}
|
|
if (props.x === 60) {
|
|
return <FluxContainer_AdsGuidanceChannel_36 x={59} />;
|
|
}
|
|
if (props.x === 64) {
|
|
return <FluxContainer_AdsBulkEditDialogContainer_38 x={63} />;
|
|
}
|
|
if (props.x === 124) {
|
|
return <AdsPECampaignGroupToolbarContainer57 x={123} />;
|
|
}
|
|
if (props.x === 170) {
|
|
return <AdsPEFilterContainer72 x={169} />;
|
|
}
|
|
if (props.x === 175) {
|
|
return <AdsPETablePagerContainer75 x={174} />;
|
|
}
|
|
if (props.x === 193) {
|
|
return <AdsPEStatRangeContainer81 x={192} />;
|
|
}
|
|
if (props.x === 301) {
|
|
return <FluxContainer_AdsPEMultiTabDrawerContainer_137 x={300} />;
|
|
}
|
|
if (props.x === 311) {
|
|
return <AdsPEOrganizerContainer139 x={310} />;
|
|
}
|
|
if (props.x === 471) {
|
|
return <AdsPECampaignGroupTableContainer159 x={470} />;
|
|
}
|
|
if (props.x === 475) {
|
|
return <AdsPEContentContainer161 x={474} />;
|
|
}
|
|
};
|
|
|
|
var AdsErrorBoundary10 = function(props) {
|
|
if (props.x === 10) {
|
|
return <ErrorBoundary9 x={9} />;
|
|
}
|
|
if (props.x === 14) {
|
|
return <ErrorBoundary9 x={13} />;
|
|
}
|
|
if (props.x === 28) {
|
|
return <ErrorBoundary9 x={27} />;
|
|
}
|
|
if (props.x === 33) {
|
|
return <ErrorBoundary9 x={32} />;
|
|
}
|
|
if (props.x === 39) {
|
|
return <ErrorBoundary9 x={38} />;
|
|
}
|
|
if (props.x === 58) {
|
|
return <ErrorBoundary9 x={57} />;
|
|
}
|
|
if (props.x === 61) {
|
|
return <ErrorBoundary9 x={60} />;
|
|
}
|
|
if (props.x === 65) {
|
|
return <ErrorBoundary9 x={64} />;
|
|
}
|
|
if (props.x === 125) {
|
|
return <ErrorBoundary9 x={124} />;
|
|
}
|
|
if (props.x === 171) {
|
|
return <ErrorBoundary9 x={170} />;
|
|
}
|
|
if (props.x === 176) {
|
|
return <ErrorBoundary9 x={175} />;
|
|
}
|
|
if (props.x === 194) {
|
|
return <ErrorBoundary9 x={193} />;
|
|
}
|
|
if (props.x === 302) {
|
|
return <ErrorBoundary9 x={301} />;
|
|
}
|
|
if (props.x === 312) {
|
|
return <ErrorBoundary9 x={311} />;
|
|
}
|
|
if (props.x === 472) {
|
|
return <ErrorBoundary9 x={471} />;
|
|
}
|
|
if (props.x === 476) {
|
|
return <ErrorBoundary9 x={475} />;
|
|
}
|
|
};
|
|
|
|
var AdsPENavigationBar11 = function(props) {
|
|
if (props.x === 11) {
|
|
return <div className={"_4t_9"}></div>;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPENavigationBarContainer_12 = function(props) {
|
|
if (props.x === 12) {
|
|
return <AdsPENavigationBar11 x={11} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEDraftSyncStatus13 = function(props) {
|
|
if (props.x === 16) {
|
|
return (
|
|
<div className={"_3ut-"} onClick={function() {}}>
|
|
<span className={"_3uu0"}>
|
|
<ReactImage0 x={15} />
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEDraftSyncStatusContainer_14 = function(props) {
|
|
if (props.x === 17) {
|
|
return <AdsPEDraftSyncStatus13 x={16} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEDraftErrorsStatus15 = function(props) {
|
|
if (props.x === 18) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_viewFn_16 = function(props) {
|
|
if (props.x === 19) {
|
|
return <AdsPEDraftErrorsStatus15 x={18} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEPublishButton17 = function(props) {
|
|
if (props.x === 25) {
|
|
return (
|
|
<div className={"_5533"}>
|
|
<FluxContainer_AdsPEDraftSyncStatusContainer_14 x={17} />
|
|
<FluxContainer_viewFn_16 x={19} />
|
|
{null}
|
|
<XUIButton4 x={21} key={"discard"} />
|
|
<XUIButton4 x={24} ref={"reviewChangesButton"} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEPublishButtonContainer_18 = function(props) {
|
|
if (props.x === 26) {
|
|
return <AdsPEPublishButton17 x={25} />;
|
|
}
|
|
};
|
|
|
|
var InlineBlock19 = function(props) {
|
|
if (props.x === 30) {
|
|
return (
|
|
<div className={"uiPopover _6a _6b"} disabled={null}>
|
|
<ReactImage0 x={29} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 73) {
|
|
return (
|
|
<div className={"uiPopover _6a _6b"} disabled={null}>
|
|
<XUIButton4 x={72} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 82) {
|
|
return (
|
|
<div className={"_1nwm uiPopover _6a _6b"} disabled={null}>
|
|
<XUIButton4 x={81} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 101) {
|
|
return (
|
|
<div size={"large"} className={"uiPopover _6a _6b"} disabled={null}>
|
|
<XUIButton4 x={100} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 273) {
|
|
return (
|
|
<div className={"_3-90 uiPopover _6a _6b"} style={{"marginTop":2}} disabled={null}>
|
|
<ReactXUIPopoverButton6 x={272} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var ReactPopoverMenu20 = function(props) {
|
|
if (props.x === 31) {
|
|
return <InlineBlock19 x={30} ref={"root"} />;
|
|
}
|
|
if (props.x === 74) {
|
|
return <InlineBlock19 x={73} ref={"root"} />;
|
|
}
|
|
if (props.x === 83) {
|
|
return <InlineBlock19 x={82} ref={"root"} />;
|
|
}
|
|
if (props.x === 102) {
|
|
return <InlineBlock19 x={101} ref={"root"} />;
|
|
}
|
|
if (props.x === 274) {
|
|
return <InlineBlock19 x={273} ref={"root"} />;
|
|
}
|
|
};
|
|
|
|
var LeftRight21 = function(props) {
|
|
if (props.x === 34) {
|
|
return (
|
|
<div className={"clearfix"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<div className={"_34_j"}>
|
|
<div className={"_34_k"}>
|
|
<AdsErrorBoundary10 x={10} />
|
|
</div>
|
|
<div className={"_2u-6"}>
|
|
<AdsErrorBoundary10 x={14} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div key={"right"} className={"_ohf rfloat"}>
|
|
<div className={"_34_m"}>
|
|
<div key={"0"} className={"_5ju2"}>
|
|
<AdsErrorBoundary10 x={28} />
|
|
</div>
|
|
<div key={"1"} className={"_5ju2"}>
|
|
<AdsErrorBoundary10 x={33} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 232) {
|
|
return (
|
|
<div flex={"right"} direction={"left"} className={"clearfix"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<AdsLabeledField104 x={231} />
|
|
</div>
|
|
<div key={"right"} className={""}>
|
|
<div className={"_42ef"}>
|
|
<div className={"_2oc7"}>{"Clicks to Website"}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 235) {
|
|
return (
|
|
<div className={"_3-8x clearfix"} flex={"right"} direction={"left"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<AdsLabeledField104 x={234} />
|
|
</div>
|
|
<div key={"right"} className={""}>
|
|
<div className={"_42ef"}>
|
|
<div className={"_2oc7"}>{"Auction"}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 245) {
|
|
return (
|
|
<div className={"_3-8y clearfix"} flex={"right"} direction={"left"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<AdsLabeledField104 x={240} />
|
|
</div>
|
|
<div key={"right"} className={""}>
|
|
<div className={"_42ef"}>
|
|
<FluxContainer_AdsCampaignGroupSpendCapContainer_107 x={244} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 277) {
|
|
return (
|
|
<div className={"_5dw9 _5dwa clearfix"}>
|
|
<div key={"left"} className={"_ohe lfloat"}>
|
|
<XUICardHeaderTitle100 x={265} key={".0"} />
|
|
</div>
|
|
<div key={"right"} className={"_ohf rfloat"}>
|
|
<FluxContainer_AdsPluginizedLinksMenuContainer_121 x={276} key={".1"} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsUnifiedNavigationLocalNav22 = function(props) {
|
|
if (props.x === 35) {
|
|
return (
|
|
<div className={"_34_i"}>
|
|
<LeftRight21 x={34} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var XUIDialog23 = function(props) {
|
|
if (props.x === 36) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var AdsPEResetDialog24 = function(props) {
|
|
if (props.x === 37) {
|
|
return (
|
|
<span>
|
|
<XUIDialog23 x={36} key={"dialog/.0"} />
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPETopNav25 = function(props) {
|
|
if (props.x === 40) {
|
|
return (
|
|
<div style={{"width":1306}}>
|
|
<AdsUnifiedNavigationLocalNav22 x={35} />
|
|
<AdsErrorBoundary10 x={39} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPETopNavContainer_26 = function(props) {
|
|
if (props.x === 41) {
|
|
return <AdsPETopNav25 x={40} />;
|
|
}
|
|
};
|
|
|
|
var XUIAbstractGlyphButton27 = function(props) {
|
|
if (props.x === 46) {
|
|
return <AbstractButton3 x={45} />;
|
|
}
|
|
if (props.x === 150) {
|
|
return <AbstractButton3 x={149} />;
|
|
}
|
|
};
|
|
|
|
var XUICloseButton28 = function(props) {
|
|
if (props.x === 47) {
|
|
return <XUIAbstractGlyphButton27 x={46} />;
|
|
}
|
|
if (props.x === 151) {
|
|
return <XUIAbstractGlyphButton27 x={150} />;
|
|
}
|
|
};
|
|
|
|
var XUIText29 = function(props) {
|
|
if (props.x === 48) {
|
|
return <span display={"inline"} className={" _50f7"}>{"Ads Manager"}</span>;
|
|
}
|
|
if (props.x === 205) {
|
|
return <span className={"_2x9f _50f5 _50f7"} display={"inline"}>{"Editing Campaign"}</span>;
|
|
}
|
|
if (props.x === 206) {
|
|
return <span display={"inline"} className={" _50f5 _50f7"}>{"Test Campaign"}</span>;
|
|
}
|
|
};
|
|
|
|
var XUINotice30 = function(props) {
|
|
if (props.x === 51) {
|
|
return (
|
|
<div size={"medium"} className={"_585n _585o _2wdd"}>
|
|
<ReactImage0 x={42} />
|
|
<XUICloseButton28 x={47} />
|
|
<div className={"_585r _2i-a _50f4"}>
|
|
{"Please go to "}
|
|
<Link2 x={50} />
|
|
{" to set up a payment method for this ad account."}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var ReactCSSTransitionGroupChild31 = function(props) {
|
|
if (props.x === 52) {
|
|
return <XUINotice30 x={51} />;
|
|
}
|
|
};
|
|
|
|
var ReactTransitionGroup32 = function(props) {
|
|
if (props.x === 53) {
|
|
return (
|
|
<span>
|
|
<ReactCSSTransitionGroupChild31 x={52} key={".0"} ref={".0"} />
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var ReactCSSTransitionGroup33 = function(props) {
|
|
if (props.x === 54) {
|
|
return <ReactTransitionGroup32 x={53} />;
|
|
}
|
|
};
|
|
|
|
var AdsPETopError34 = function(props) {
|
|
if (props.x === 55) {
|
|
return (
|
|
<div className={"_2wdc"}>
|
|
<ReactCSSTransitionGroup33 x={54} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPETopErrorContainer_35 = function(props) {
|
|
if (props.x === 56) {
|
|
return <AdsPETopError34 x={55} />;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsGuidanceChannel_36 = function(props) {
|
|
if (props.x === 59) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var ResponsiveBlock37 = function(props) {
|
|
if (props.x === 62) {
|
|
return (
|
|
<div onResize={function() {}} className={"_4u-c"}>
|
|
{[
|
|
<AdsErrorBoundary10 x={58} />,
|
|
<AdsErrorBoundary10 x={61} />,
|
|
]}
|
|
<div key={"sensor"} className={"_4u-f"}>
|
|
<iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 469) {
|
|
return (
|
|
<div onResize={function() {}} className={"_4u-c"}>
|
|
<AdsPEDataTableContainer158 x={468} />
|
|
<div key={"sensor"} className={"_4u-f"}>
|
|
<iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsBulkEditDialogContainer_38 = function(props) {
|
|
if (props.x === 63) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var Column39 = function(props) {
|
|
if (props.x === 66) {
|
|
return (
|
|
<div className={"_4bl8 _4bl7"}>
|
|
<div className={"_3c5f"}>
|
|
{null}
|
|
{null}
|
|
<div className={"_3c5i"}></div>
|
|
{null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var XUIButtonGroup40 = function(props) {
|
|
if (props.x === 75) {
|
|
return (
|
|
<div className={"_5n7z _51xa"}>
|
|
<XUIButton4 x={69} />
|
|
<ReactPopoverMenu20 x={74} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 84) {
|
|
return (
|
|
<div className={"_5n7z _51xa"}>
|
|
<XUIButton4 x={78} key={"edit"} />
|
|
<ReactPopoverMenu20 x={83} key={"editMenu"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 97) {
|
|
return (
|
|
<div className={"_5n7z _51xa"}>
|
|
<XUIButton4 x={90} key={"revert"} />
|
|
<XUIButton4 x={93} key={"delete"} />
|
|
<XUIButton4 x={96} key={"duplicate"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 117) {
|
|
return (
|
|
<div className={"_5n7z _51xa"}>
|
|
<AdsPEExportImportMenuContainer48 x={107} />
|
|
<XUIButton4 x={110} key={"createReport"} ref={"ads_create_report_button"} />
|
|
<AdsPECampaignGroupTagContainer51 x={116} key={"tags"} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEEditToolbarButton41 = function(props) {
|
|
if (props.x === 85) {
|
|
return <XUIButtonGroup40 x={84} />;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = function(props) {
|
|
if (props.x === 86) {
|
|
return <AdsPEEditToolbarButton41 x={85} />;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEEditToolbarButtonContainer_43 = function(props) {
|
|
if (props.x === 87) {
|
|
return <FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 x={86} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEExportImportMenu44 = function(props) {
|
|
if (props.x === 103) {
|
|
return <ReactPopoverMenu20 x={102} key={"export"} />;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPECustomizeExportContainer_45 = function(props) {
|
|
if (props.x === 104) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var AdsPEExportAsTextDialog46 = function(props) {
|
|
if (props.x === 105) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEExportAsTextDialogContainer_47 = function(props) {
|
|
if (props.x === 106) {
|
|
return <AdsPEExportAsTextDialog46 x={105} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEExportImportMenuContainer48 = function(props) {
|
|
if (props.x === 107) {
|
|
return (
|
|
<span>
|
|
<AdsPEExportImportMenu44 x={103} />
|
|
<FluxContainer_AdsPECustomizeExportContainer_45 x={104} />
|
|
<FluxContainer_AdsPEExportAsTextDialogContainer_47 x={106} />
|
|
{null}
|
|
{null}
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var Constructor49 = function(props) {
|
|
if (props.x === 114) {
|
|
return null;
|
|
}
|
|
if (props.x === 142) {
|
|
return null;
|
|
}
|
|
if (props.x === 143) {
|
|
return null;
|
|
}
|
|
if (props.x === 183) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var TagSelectorPopover50 = function(props) {
|
|
if (props.x === 115) {
|
|
return (
|
|
<span className={" _3d6e"}>
|
|
<XUIButton4 x={113} ref={"button"} />
|
|
<Constructor49 x={114} key={"layer"} ref={"layer"} />
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPECampaignGroupTagContainer51 = function(props) {
|
|
if (props.x === 116) {
|
|
return <TagSelectorPopover50 x={115} key={"98010048849317"} />;
|
|
}
|
|
};
|
|
|
|
var AdsRuleToolbarMenu52 = function(props) {
|
|
if (props.x === 118) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPERuleToolbarMenuContainer_53 = function(props) {
|
|
if (props.x === 119) {
|
|
return <AdsRuleToolbarMenu52 x={118} />;
|
|
}
|
|
};
|
|
|
|
var FillColumn54 = function(props) {
|
|
if (props.x === 120) {
|
|
return (
|
|
<div className={"_4bl9"}>
|
|
<span className={"_3c5e"}>
|
|
<span>
|
|
<XUIButtonGroup40 x={75} />
|
|
<FluxContainer_AdsPEEditToolbarButtonContainer_43 x={87} />
|
|
{null}
|
|
<XUIButtonGroup40 x={97} />
|
|
</span>
|
|
<XUIButtonGroup40 x={117} />
|
|
<FluxContainer_AdsPERuleToolbarMenuContainer_53 x={119} />
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var Layout55 = function(props) {
|
|
if (props.x === 121) {
|
|
return (
|
|
<div className={"clearfix"}>
|
|
<Column39 x={66} key={"1"} />
|
|
<FillColumn54 x={120} key={"0"} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEMainPaneToolbar56 = function(props) {
|
|
if (props.x === 122) {
|
|
return (
|
|
<div className={"_3c5b clearfix"}>
|
|
<Layout55 x={121} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPECampaignGroupToolbarContainer57 = function(props) {
|
|
if (props.x === 123) {
|
|
return <AdsPEMainPaneToolbar56 x={122} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEFiltersPopover58 = function(props) {
|
|
if (props.x === 144) {
|
|
return (
|
|
<span className={"_5b-l _5bbe"}>
|
|
<ReactXUIPopoverButton6 x={133} ref={"searchButton"} />
|
|
<ReactXUIPopoverButton6 x={141} ref={"filterButton"} />
|
|
{[
|
|
<Constructor49 x={142} key={"filterMenu/.0"} />,
|
|
<Constructor49 x={143} key={"searchMenu/.0"} />,
|
|
]}
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AbstractCheckboxInput59 = function(props) {
|
|
if (props.x === 145) {
|
|
return (
|
|
<label className={"uiInputLabelInput _55sg _kv1"}>
|
|
<input checked={true} disabled={true} name={"filterUnpublished"} value={"on"} onClick={function() {}} className={null} id={"js_input_label_21"} type={"checkbox"}></input>
|
|
<span data-hover={null} data-tooltip-content={undefined}></span>
|
|
</label>
|
|
);
|
|
}
|
|
if (props.x === 336) {
|
|
return (
|
|
<label className={"_4h2r _55sg _kv1"}>
|
|
<input checked={undefined} onChange={function() {}} className={null} type={"checkbox"}></input>
|
|
<span data-hover={null} data-tooltip-content={undefined}></span>
|
|
</label>
|
|
);
|
|
}
|
|
};
|
|
|
|
var XUICheckboxInput60 = function(props) {
|
|
if (props.x === 146) {
|
|
return <AbstractCheckboxInput59 x={145} />;
|
|
}
|
|
if (props.x === 337) {
|
|
return <AbstractCheckboxInput59 x={336} />;
|
|
}
|
|
};
|
|
|
|
var InputLabel61 = function(props) {
|
|
if (props.x === 147) {
|
|
return (
|
|
<div display={"block"} className={"uiInputLabel clearfix"}>
|
|
<XUICheckboxInput60 x={146} />
|
|
<label className={"uiInputLabelLabel"} htmlFor={"js_input_label_21"}>{"Always show new items"}</label>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPopoverLink62 = function(props) {
|
|
if (props.x === 154) {
|
|
return (
|
|
<span>
|
|
<span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
|
|
<span className={"_3o_j"}></span>
|
|
<ReactImage0 x={153} />
|
|
</span>
|
|
{null}
|
|
</span>
|
|
);
|
|
}
|
|
if (props.x === 238) {
|
|
return (
|
|
<span>
|
|
<span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
|
|
<span className={"_3o_j"}></span>
|
|
<ReactImage0 x={237} />
|
|
</span>
|
|
{null}
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsHelpLink63 = function(props) {
|
|
if (props.x === 155) {
|
|
return <AdsPopoverLink62 x={154} />;
|
|
}
|
|
if (props.x === 239) {
|
|
return <AdsPopoverLink62 x={238} />;
|
|
}
|
|
};
|
|
|
|
var BUIFilterTokenInput64 = function(props) {
|
|
if (props.x === 158) {
|
|
return (
|
|
<div className={"_5b5o _3yz3 _4cld"}>
|
|
<div className={"_5b5t _2d2k"}>
|
|
<ReactImage0 x={152} />
|
|
<div className={"_5b5r"}>
|
|
{"Campaigns: (1)"}
|
|
<AdsHelpLink63 x={155} />
|
|
</div>
|
|
</div>
|
|
<XUIButton4 x={157} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var BUIFilterToken65 = function(props) {
|
|
if (props.x === 159) {
|
|
return (
|
|
<div className={"_3yz1 _3yz2 _3dad"}>
|
|
<div ref={"filterToken"} className={"_3yz4"} aria-hidden={false}>
|
|
<div onClick={function() {}} className={"_3yz5"}>
|
|
<ReactImage0 x={148} />
|
|
<div className={"_3yz7"}>{"Campaigns:"}</div>
|
|
<div className={"ellipsis _3yz8"} data-hover={"tooltip"} data-tooltip-display={"overflow"}>{"(1)"}</div>
|
|
</div>
|
|
{null}
|
|
<XUICloseButton28 x={151} />
|
|
</div>
|
|
<BUIFilterTokenInput64 x={158} ref={"filterTokenInput"} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var BUIFilterTokenCreateButton66 = function(props) {
|
|
if (props.x === 163) {
|
|
return (
|
|
<div className={"_1tc"}>
|
|
<XUIButton4 x={162} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var BUIFilterTokenizer67 = function(props) {
|
|
if (props.x === 164) {
|
|
return (
|
|
<div className={"_5b-m clearfix"}>
|
|
{undefined}
|
|
{[]}
|
|
<BUIFilterToken65 x={159} key={"token0"} />
|
|
<BUIFilterTokenCreateButton66 x={163} />
|
|
{null}
|
|
<div className={"_49u3"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var XUIAmbientNUX68 = function(props) {
|
|
if (props.x === 165) {
|
|
return null;
|
|
}
|
|
if (props.x === 189) {
|
|
return null;
|
|
}
|
|
if (props.x === 200) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var XUIAmbientNUX69 = function(props) {
|
|
if (props.x === 166) {
|
|
return <XUIAmbientNUX68 x={165} />;
|
|
}
|
|
if (props.x === 190) {
|
|
return <XUIAmbientNUX68 x={189} />;
|
|
}
|
|
if (props.x === 201) {
|
|
return <XUIAmbientNUX68 x={200} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEAmbientNUXMegaphone70 = function(props) {
|
|
if (props.x === 167) {
|
|
return (
|
|
<span>
|
|
<span ref={"mainChild"}></span>
|
|
<XUIAmbientNUX69 x={166} key={"nux"} />
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEFilters71 = function(props) {
|
|
if (props.x === 168) {
|
|
return (
|
|
<div className={"_4rw_"}>
|
|
<AdsPEFiltersPopover58 x={144} />
|
|
<div className={"_1eo"}>
|
|
<InputLabel61 x={147} />
|
|
</div>
|
|
<BUIFilterTokenizer67 x={164} />
|
|
{""}
|
|
<AdsPEAmbientNUXMegaphone70 x={167} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEFilterContainer72 = function(props) {
|
|
if (props.x === 169) {
|
|
return <AdsPEFilters71 x={168} />;
|
|
}
|
|
};
|
|
|
|
var AdsPETablePager73 = function(props) {
|
|
if (props.x === 172) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var AdsPECampaignGroupTablePagerContainer74 = function(props) {
|
|
if (props.x === 173) {
|
|
return <AdsPETablePager73 x={172} />;
|
|
}
|
|
};
|
|
|
|
var AdsPETablePagerContainer75 = function(props) {
|
|
if (props.x === 174) {
|
|
return <AdsPECampaignGroupTablePagerContainer74 x={173} />;
|
|
}
|
|
};
|
|
|
|
var ReactXUIError76 = function(props) {
|
|
if (props.x === 181) {
|
|
return <AbstractButton3 x={180} />;
|
|
}
|
|
if (props.x === 216) {
|
|
return (
|
|
<div className={"_40bf _2vl4 _1h18"}>
|
|
{null}
|
|
{null}
|
|
<div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>
|
|
<div className={"_2vla _1h1g"}>
|
|
<div>
|
|
{null}
|
|
<textarea ref={"input"} className={"_2vli _2vlj _1h26 _1h27"} dir={"auto"} disabled={undefined} id={undefined} maxLength={null} value={"Test Campaign"} onBlur={function() {}} onChange={function() {}} onFocus={function() {}} onKeyDown={function() {}}></textarea>
|
|
{null}
|
|
</div>
|
|
<div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>
|
|
</div>
|
|
</div>
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 221) {
|
|
return <XUICard94 x={220} />;
|
|
}
|
|
if (props.x === 250) {
|
|
return <XUICard94 x={249} />;
|
|
}
|
|
if (props.x === 280) {
|
|
return <XUICard94 x={279} />;
|
|
}
|
|
};
|
|
|
|
var BUIPopoverButton77 = function(props) {
|
|
if (props.x === 182) {
|
|
return <ReactXUIError76 x={181} />;
|
|
}
|
|
};
|
|
|
|
var BUIDateRangePicker78 = function(props) {
|
|
if (props.x === 184) {
|
|
return (
|
|
<span>
|
|
<BUIPopoverButton77 x={182} ref={function() {}} />
|
|
{[
|
|
<Constructor49 x={183} key={"layer/.0"} />,
|
|
]}
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEStatsRangePicker79 = function(props) {
|
|
if (props.x === 185) {
|
|
return <BUIDateRangePicker78 x={184} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEStatRange80 = function(props) {
|
|
if (props.x === 191) {
|
|
return (
|
|
<div className={"_3c5k"}>
|
|
<span className={"_3c5j"}>{"Stats:"}</span>
|
|
<span className={"_3c5l"}>
|
|
<AdsPEStatsRangePicker79 x={185} />
|
|
<XUIButton4 x={188} key={"settings"} ref={"PE_TABLE_LIST_SETTING"} />
|
|
</span>
|
|
{[
|
|
<XUIAmbientNUX69 x={190} key={"roasNUX/.0"} />,
|
|
]}
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEStatRangeContainer81 = function(props) {
|
|
if (props.x === 192) {
|
|
return <AdsPEStatRange80 x={191} />;
|
|
}
|
|
};
|
|
|
|
var AdsPESideTrayTabButton82 = function(props) {
|
|
if (props.x === 196) {
|
|
return (
|
|
<div className={"_1-ly _59j9 _d9a"} onClick={function() {}}>
|
|
<ReactImage0 x={195} />
|
|
<div className={"_vf7"}></div>
|
|
<div className={"_vf8"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 199) {
|
|
return (
|
|
<div className={" _1-lz _d9a"} onClick={function() {}}>
|
|
<ReactImage0 x={198} />
|
|
<div className={"_vf7"}></div>
|
|
<div className={"_vf8"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 203) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var AdsPEEditorTrayTabButton83 = function(props) {
|
|
if (props.x === 197) {
|
|
return <AdsPESideTrayTabButton82 x={196} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEInsightsTrayTabButton84 = function(props) {
|
|
if (props.x === 202) {
|
|
return (
|
|
<span>
|
|
<AdsPESideTrayTabButton82 x={199} ref={"PE_INSIGHTS_TAB_ICON"} />
|
|
<XUIAmbientNUX69 x={201} key={"roasNUX"} />
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPENekoDebuggerTrayTabButton85 = function(props) {
|
|
if (props.x === 204) {
|
|
return <AdsPESideTrayTabButton82 x={203} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEEditorChildLink86 = function(props) {
|
|
if (props.x === 211) {
|
|
return (
|
|
<div className={"_3ywr"}>
|
|
<Link2 x={208} />
|
|
<span className={"_3ywq"}>{"|"}</span>
|
|
<Link2 x={210} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEEditorChildLinkContainer87 = function(props) {
|
|
if (props.x === 212) {
|
|
return <AdsPEEditorChildLink86 x={211} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEHeaderSection88 = function(props) {
|
|
if (props.x === 213) {
|
|
return (
|
|
<div className={"_yke"}>
|
|
<div className={"_2x9d _pr-"}></div>
|
|
<XUIText29 x={205} />
|
|
<div className={"_3a-a"}>
|
|
<div className={"_3a-b"}>
|
|
<XUIText29 x={206} />
|
|
</div>
|
|
</div>
|
|
<AdsPEEditorChildLinkContainer87 x={212} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPECampaignGroupHeaderSectionContainer89 = function(props) {
|
|
if (props.x === 214) {
|
|
return <AdsPEHeaderSection88 x={213} />;
|
|
}
|
|
};
|
|
|
|
var AdsEditorLoadingErrors90 = function(props) {
|
|
if (props.x === 215) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var AdsTextInput91 = function(props) {
|
|
if (props.x === 217) {
|
|
return <ReactXUIError76 x={216} />;
|
|
}
|
|
};
|
|
|
|
var BUIFormElement92 = function(props) {
|
|
if (props.x === 218) {
|
|
return (
|
|
<div className={"_5521 clearfix"}>
|
|
<div className={"_5522 _3w5q"}>
|
|
<label onClick={undefined} htmlFor={"1467872040612:1961945894"} className={"_5523 _3w5r"}>
|
|
{"Campaign Name"}
|
|
{null}
|
|
</label>
|
|
</div>
|
|
<div className={"_5527"}>
|
|
<div className={"_5528"}>
|
|
<span key={".0"} className={"_40bg"} density={"snug"} labelPosition={"left"} id={"1467872040612:1961945894"}>
|
|
<AdsTextInput91 x={217} key={"nameEditor98010048849317"} ref={"nameTextInput"} />
|
|
{null}
|
|
</span>
|
|
</div>
|
|
{null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var BUIForm93 = function(props) {
|
|
if (props.x === 219) {
|
|
return (
|
|
<div className={"_5ks1 _550r _550t _550y _3w5n"}>
|
|
<BUIFormElement92 x={218} key={".0"} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var XUICard94 = function(props) {
|
|
if (props.x === 220) {
|
|
return (
|
|
<div className={"_40bc _12k2 _4-u2 _4-u8"} xuiErrorPosition={"above"} background={"white"}>
|
|
<BUIForm93 x={219} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 249) {
|
|
return (
|
|
<div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
|
|
<AdsCardHeader103 x={230} />
|
|
<AdsCardSection108 x={248} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 279) {
|
|
return (
|
|
<div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
|
|
<AdsCardLeftRightHeader122 x={278} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsCard95 = function(props) {
|
|
if (props.x === 222) {
|
|
return <ReactXUIError76 x={221} />;
|
|
}
|
|
if (props.x === 251) {
|
|
return <ReactXUIError76 x={250} />;
|
|
}
|
|
if (props.x === 281) {
|
|
return <ReactXUIError76 x={280} />;
|
|
}
|
|
};
|
|
|
|
var AdsEditorNameSection96 = function(props) {
|
|
if (props.x === 223) {
|
|
return <AdsCard95 x={222} />;
|
|
}
|
|
};
|
|
|
|
var AdsCampaignGroupNameSectionContainer97 = function(props) {
|
|
if (props.x === 224) {
|
|
return <AdsEditorNameSection96 x={223} key={"nameSection98010048849317"} />;
|
|
}
|
|
};
|
|
|
|
var _render98 = function(props) {
|
|
if (props.x === 225) {
|
|
return <AdsCampaignGroupNameSectionContainer97 x={224} />;
|
|
}
|
|
};
|
|
|
|
var AdsPluginWrapper99 = function(props) {
|
|
if (props.x === 226) {
|
|
return <_render98 x={225} />;
|
|
}
|
|
if (props.x === 255) {
|
|
return <_render111 x={254} />;
|
|
}
|
|
if (props.x === 258) {
|
|
return <_render113 x={257} />;
|
|
}
|
|
if (props.x === 287) {
|
|
return <_render127 x={286} />;
|
|
}
|
|
if (props.x === 291) {
|
|
return <_render130 x={290} />;
|
|
}
|
|
};
|
|
|
|
var XUICardHeaderTitle100 = function(props) {
|
|
if (props.x === 227) {
|
|
return (
|
|
<span itemComponent={"span"} className={"_38my"}>
|
|
{"Campaign Details"}
|
|
{null}
|
|
<span className={"_c1c"}></span>
|
|
</span>
|
|
);
|
|
}
|
|
if (props.x === 265) {
|
|
return (
|
|
<span itemComponent={"span"} className={"_38my"}>
|
|
{[
|
|
<span>
|
|
{"Campaign ID"}
|
|
{": "}
|
|
{"98010048849317"}
|
|
</span>,
|
|
<div className={"_5lh9"}>
|
|
<FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 x={264} />
|
|
</div>,
|
|
]}
|
|
{null}
|
|
<span className={"_c1c"}></span>
|
|
</span>
|
|
);
|
|
}
|
|
};
|
|
|
|
var XUICardSection101 = function(props) {
|
|
if (props.x === 228) {
|
|
return (
|
|
<div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>
|
|
{[
|
|
<XUICardHeaderTitle100 x={227} key={".0"} />,
|
|
]}
|
|
{undefined}
|
|
{undefined}
|
|
<div className={"_3s3-"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 247) {
|
|
return (
|
|
<div className={"_12jy _4-u3"} background={"transparent"}>
|
|
<div className={"_3-8j"}>
|
|
<FlexibleBlock105 x={233} />
|
|
<FlexibleBlock105 x={236} />
|
|
<FlexibleBlock105 x={246} />
|
|
{null}
|
|
{null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var XUICardHeader102 = function(props) {
|
|
if (props.x === 229) {
|
|
return <XUICardSection101 x={228} />;
|
|
}
|
|
};
|
|
|
|
var AdsCardHeader103 = function(props) {
|
|
if (props.x === 230) {
|
|
return <XUICardHeader102 x={229} />;
|
|
}
|
|
};
|
|
|
|
var AdsLabeledField104 = function(props) {
|
|
if (props.x === 231) {
|
|
return (
|
|
<div className={"_2oc6 _3bvz"} label={"Objective"} labelSize={"small"} optionalText={"(optional)"}>
|
|
<label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Objective "}</label>
|
|
{null}
|
|
<div className={"_3bv-"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 234) {
|
|
return (
|
|
<div className={"_2oc6 _3bvz"} label={"Buying Type"} labelSize={"small"} optionalText={"(optional)"}>
|
|
<label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Buying Type "}</label>
|
|
{null}
|
|
<div className={"_3bv-"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 240) {
|
|
return (
|
|
<div className={"_2oc6 _3bvz"} helpText={"Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit."} label={"Campaign Spending Limit"} labelSize={"small"} optionalText={"(optional)"}>
|
|
<label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Campaign Spending Limit "}</label>
|
|
<AdsHelpLink63 x={239} />
|
|
<div className={"_3bv-"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FlexibleBlock105 = function(props) {
|
|
if (props.x === 233) {
|
|
return <LeftRight21 x={232} />;
|
|
}
|
|
if (props.x === 236) {
|
|
return <LeftRight21 x={235} />;
|
|
}
|
|
if (props.x === 246) {
|
|
return <LeftRight21 x={245} />;
|
|
}
|
|
};
|
|
|
|
var AdsBulkCampaignSpendCapField106 = function(props) {
|
|
if (props.x === 243) {
|
|
return (
|
|
<div className={"_33dv"}>
|
|
{""}
|
|
<Link2 x={242} />
|
|
{" (optional)"}
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = function(props) {
|
|
if (props.x === 244) {
|
|
return <AdsBulkCampaignSpendCapField106 x={243} />;
|
|
}
|
|
};
|
|
|
|
var AdsCardSection108 = function(props) {
|
|
if (props.x === 248) {
|
|
return <XUICardSection101 x={247} />;
|
|
}
|
|
};
|
|
|
|
var AdsEditorCampaignGroupDetailsSection109 = function(props) {
|
|
if (props.x === 252) {
|
|
return <AdsCard95 x={251} />;
|
|
}
|
|
};
|
|
|
|
var AdsEditorCampaignGroupDetailsSectionContainer110 = function(props) {
|
|
if (props.x === 253) {
|
|
return <AdsEditorCampaignGroupDetailsSection109 x={252} key={"campaignGroupDetailsSection98010048849317"} />;
|
|
}
|
|
};
|
|
|
|
var _render111 = function(props) {
|
|
if (props.x === 254) {
|
|
return <AdsEditorCampaignGroupDetailsSectionContainer110 x={253} />;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = function(props) {
|
|
if (props.x === 256) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var _render113 = function(props) {
|
|
if (props.x === 257) {
|
|
return <FluxContainer_AdsEditorToplineDetailsSectionContainer_112 x={256} />;
|
|
}
|
|
};
|
|
|
|
var AdsStickyArea114 = function(props) {
|
|
if (props.x === 259) {
|
|
return (
|
|
<div inContainingBlock={true}>
|
|
<div ref={"sticky"} onWheel={function() {}}></div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 292) {
|
|
return (
|
|
<div inContainingBlock={true}>
|
|
<div ref={"sticky"} onWheel={function() {}}>
|
|
{[
|
|
<div key={"campaign_group_errors_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={291} />
|
|
</div>,
|
|
]}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsEditorColumnContainer_115 = function(props) {
|
|
if (props.x === 260) {
|
|
return (
|
|
<div>
|
|
{[
|
|
<div key={"campaign_group_name_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={226} />
|
|
</div>,
|
|
<div key={"campaign_group_basic_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={255} />
|
|
</div>,
|
|
<div key={"campaign_group_topline_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={258} />
|
|
</div>,
|
|
]}
|
|
<AdsStickyArea114 x={259} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 293) {
|
|
return (
|
|
<div>
|
|
{[
|
|
<div key={"campaign_group_navigation_section98010048849317"}>
|
|
<AdsPluginWrapper99 x={287} />
|
|
</div>,
|
|
]}
|
|
<AdsStickyArea114 x={292} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var BUISwitch116 = function(props) {
|
|
if (props.x === 261) {
|
|
return (
|
|
<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() {}} animate={true} className={"_128j _128k _128n"} role={"checkbox"} aria-checked={"true"}>
|
|
<div className={"_128o"} onClick={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} tabIndex={"0"}>
|
|
<div className={"_128p"}></div>
|
|
</div>
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsStatusSwitchInternal117 = function(props) {
|
|
if (props.x === 262) {
|
|
return <BUISwitch116 x={261} />;
|
|
}
|
|
};
|
|
|
|
var AdsStatusSwitch118 = function(props) {
|
|
if (props.x === 263) {
|
|
return <AdsStatusSwitchInternal117 x={262} />;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = function(props) {
|
|
if (props.x === 264) {
|
|
return <AdsStatusSwitch118 x={263} key={"status98010048849317"} />;
|
|
}
|
|
};
|
|
|
|
var AdsLinksMenu120 = function(props) {
|
|
if (props.x === 275) {
|
|
return <ReactPopoverMenu20 x={274} />;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPluginizedLinksMenuContainer_121 = function(props) {
|
|
if (props.x === 276) {
|
|
return (
|
|
<div>
|
|
{null}
|
|
<AdsLinksMenu120 x={275} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsCardLeftRightHeader122 = function(props) {
|
|
if (props.x === 278) {
|
|
return <LeftRight21 x={277} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEIDSection123 = function(props) {
|
|
if (props.x === 282) {
|
|
return <AdsCard95 x={281} />;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = function(props) {
|
|
if (props.x === 283) {
|
|
return <AdsPEIDSection123 x={282} />;
|
|
}
|
|
};
|
|
|
|
var DeferredComponent125 = function(props) {
|
|
if (props.x === 284) {
|
|
return <FluxContainer_AdsPECampaignGroupIDSectionContainer_124 x={283} />;
|
|
}
|
|
};
|
|
|
|
var BootloadedComponent126 = function(props) {
|
|
if (props.x === 285) {
|
|
return <DeferredComponent125 x={284} />;
|
|
}
|
|
};
|
|
|
|
var _render127 = function(props) {
|
|
if (props.x === 286) {
|
|
return <BootloadedComponent126 x={285} />;
|
|
}
|
|
};
|
|
|
|
var AdsEditorErrorsCard128 = function(props) {
|
|
if (props.x === 288) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_FunctionalContainer_129 = function(props) {
|
|
if (props.x === 289) {
|
|
return <AdsEditorErrorsCard128 x={288} />;
|
|
}
|
|
};
|
|
|
|
var _render130 = function(props) {
|
|
if (props.x === 290) {
|
|
return <FluxContainer_FunctionalContainer_129 x={289} />;
|
|
}
|
|
};
|
|
|
|
var AdsEditorMultiColumnLayout131 = function(props) {
|
|
if (props.x === 294) {
|
|
return (
|
|
<div className={"_psh"}>
|
|
<div className={"_3cc0"}>
|
|
<div>
|
|
<AdsEditorLoadingErrors90 x={215} key={".0"} />
|
|
<div className={"_3ms3"}>
|
|
<div className={"_3ms4"}>
|
|
<FluxContainer_AdsEditorColumnContainer_115 x={260} key={".1"} />
|
|
</div>
|
|
<div className={"_3pvg"}>
|
|
<FluxContainer_AdsEditorColumnContainer_115 x={293} key={".2"} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPECampaignGroupEditor132 = function(props) {
|
|
if (props.x === 295) {
|
|
return (
|
|
<div>
|
|
<AdsPECampaignGroupHeaderSectionContainer89 x={214} />
|
|
<AdsEditorMultiColumnLayout131 x={294} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPECampaignGroupEditorContainer133 = function(props) {
|
|
if (props.x === 296) {
|
|
return <AdsPECampaignGroupEditor132 x={295} />;
|
|
}
|
|
};
|
|
|
|
var AdsPESideTrayTabContent134 = function(props) {
|
|
if (props.x === 297) {
|
|
return (
|
|
<div className={"_1o_8 _44ra _5cyn"}>
|
|
<AdsPECampaignGroupEditorContainer133 x={296} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEEditorTrayTabContentContainer135 = function(props) {
|
|
if (props.x === 298) {
|
|
return <AdsPESideTrayTabContent134 x={297} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEMultiTabDrawer136 = function(props) {
|
|
if (props.x === 299) {
|
|
return (
|
|
<div className={"_2kev _2kex"}>
|
|
<div className={"_5yno"}>
|
|
<AdsPEEditorTrayTabButton83 x={197} key={"editor_tray_button"} />
|
|
<AdsPEInsightsTrayTabButton84 x={202} key={"insights_tray_button"} />
|
|
<AdsPENekoDebuggerTrayTabButton85 x={204} key={"neko_debugger_tray_button"} />
|
|
</div>
|
|
<div className={"_5ynn"}>
|
|
<AdsPEEditorTrayTabContentContainer135 x={298} key={"EDITOR_DRAWER"} />
|
|
{null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEMultiTabDrawerContainer_137 = function(props) {
|
|
if (props.x === 300) {
|
|
return <AdsPEMultiTabDrawer136 x={299} />;
|
|
}
|
|
};
|
|
|
|
var AdsPESimpleOrganizer138 = function(props) {
|
|
if (props.x === 309) {
|
|
return (
|
|
<div className={"_tm2"}>
|
|
<XUIButton4 x={304} />
|
|
<XUIButton4 x={306} />
|
|
<XUIButton4 x={308} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEOrganizerContainer139 = function(props) {
|
|
if (props.x === 310) {
|
|
return (
|
|
<div>
|
|
<AdsPESimpleOrganizer138 x={309} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FixedDataTableColumnResizeHandle140 = function(props) {
|
|
if (props.x === 313) {
|
|
return (
|
|
<div className={"_3487 _3488 _3489"} style={{"width":0,"height":25,"left":0}}>
|
|
<div className={"_348a"} style={{"height":25}}></div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPETableHeader141 = function(props) {
|
|
if (props.x === 315) {
|
|
return (
|
|
<div className={"_1cig _1ksv _1vd7 _4h2r"} id={undefined}>
|
|
<ReactImage0 x={314} />
|
|
<span className={"_1cid"}>{"Campaigns"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 320) {
|
|
return (
|
|
<div className={"_1cig _1vd7 _4h2r"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Performance"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 323) {
|
|
return (
|
|
<div className={"_1cig _1vd7 _4h2r"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Overview"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 326) {
|
|
return (
|
|
<div className={"_1cig _1vd7 _4h2r"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Toplines"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 329) {
|
|
return <div className={"_1cig _1vd7 _4h2r"} id={undefined}></div>;
|
|
}
|
|
if (props.x === 340) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Campaign Name"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 346) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined} data-tooltip-content={"Changed"} data-hover={"tooltip"}>
|
|
<ReactImage0 x={345} />
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 352) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={"ads_pe_table_error_header"} data-tooltip-content={"Errors"} data-hover={"tooltip"}>
|
|
<ReactImage0 x={351} />
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 357) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Status"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 362) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Delivery"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 369) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Results"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 374) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Cost"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 379) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Reach"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 384) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Impressions"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 389) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Clicks"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 394) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Avg. CPM"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 399) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Avg. CPC"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 404) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"CTR %"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 409) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Spent"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 414) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Objective"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 419) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Buying Type"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 424) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Campaign ID"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 429) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Start"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 434) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"End"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 439) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Date created"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 444) {
|
|
return (
|
|
<div className={"_1cig _25fg"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Date last edited"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 449) {
|
|
return (
|
|
<div className={"_1cig _25fg _4h2r"} id={undefined}>
|
|
{null}
|
|
<span className={"_1cid"}>{"Tags"}</span>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 452) {
|
|
return <div className={"_1cig _25fg _4h2r"} id={undefined}></div>;
|
|
}
|
|
};
|
|
|
|
var TransitionCell142 = function(props) {
|
|
if (props.x === 316) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Campaigns"} dataKey={0} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={721} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":721}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={315} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 321) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Performance"} dataKey={1} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={798} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":798}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={320} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 324) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Overview"} dataKey={2} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={1022} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":1022}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={323} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 327) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Toplines"} dataKey={3} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={0} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":0}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={326} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 330) {
|
|
return (
|
|
<div isHeaderCell={true} label={""} dataKey={4} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={25} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":25}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={329} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 338) {
|
|
return (
|
|
<div isHeaderCell={true} label={undefined} width={42} dataKey={"common.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"common.id"} height={25} style={{"height":25,"width":42}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<XUICheckboxInput60 x={337} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 343) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Campaign Name"} width={400} dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.name"} height={25} style={{"height":25,"width":400}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={342} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 349) {
|
|
return (
|
|
<div isHeaderCell={true} label={undefined} width={33} dataKey={"edit_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"edit_status"} height={25} style={{"height":25,"width":33}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={348} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 355) {
|
|
return (
|
|
<div isHeaderCell={true} label={undefined} width={36} dataKey={"errors"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"errors"} height={25} style={{"height":25,"width":36}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={354} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 360) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Status"} width={60} dataKey={"campaignGroup.status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.status"} height={25} style={{"height":25,"width":60}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={359} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 365) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Delivery"} width={150} dataKey={"derivedCampaignGroup.activity_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.activity_status"} height={25} style={{"height":25,"width":150}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={364} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 372) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Results"} width={140} dataKey={"stats.actions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.actions"} height={25} style={{"height":25,"width":140}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={371} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 377) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Cost"} width={140} dataKey={"stats.cpa"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.cpa"} height={25} style={{"height":25,"width":140}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={376} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 382) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Reach"} width={80} dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.unique_impressions"} height={25} style={{"height":25,"width":80}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={381} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 387) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Impressions"} width={80} dataKey={"stats.impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.impressions"} height={25} style={{"height":25,"width":80}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={386} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 392) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Clicks"} width={60} dataKey={"stats.clicks"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.clicks"} height={25} style={{"height":25,"width":60}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={391} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 397) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Avg. CPM"} width={80} dataKey={"stats.avg_cpm"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpm"} height={25} style={{"height":25,"width":80}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={396} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 402) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Avg. CPC"} width={78} dataKey={"stats.avg_cpc"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpc"} height={25} style={{"height":25,"width":78}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={401} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 407) {
|
|
return (
|
|
<div isHeaderCell={true} label={"CTR %"} width={70} dataKey={"stats.ctr"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.ctr"} height={25} style={{"height":25,"width":70}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={406} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 412) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Spent"} width={70} dataKey={"stats.spent_100"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.spent_100"} height={25} style={{"height":25,"width":70}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={411} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 417) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Objective"} width={200} dataKey={"campaignGroup.objective"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.objective"} height={25} style={{"height":25,"width":200}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={416} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 422) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Buying Type"} width={100} dataKey={"campaignGroup.buying_type"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.buying_type"} height={25} style={{"height":25,"width":100}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={421} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 427) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Campaign ID"} width={120} dataKey={"campaignGroup.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.id"} height={25} style={{"height":25,"width":120}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={426} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 432) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Start"} width={113} dataKey={"derivedCampaignGroup.startDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.startDate"} height={25} style={{"height":25,"width":113}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={431} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 437) {
|
|
return (
|
|
<div isHeaderCell={true} label={"End"} width={113} dataKey={"derivedCampaignGroup.stopDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.stopDate"} height={25} style={{"height":25,"width":113}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={436} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 442) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Date created"} width={113} dataKey={"derivedCampaignGroup.createdDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.createdDate"} height={25} style={{"height":25,"width":113}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={441} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 447) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Date last edited"} width={113} dataKey={"derivedCampaignGroup.updatedDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.updatedDate"} height={25} style={{"height":25,"width":113}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<FixedDataTableSortableHeader149 x={446} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 450) {
|
|
return (
|
|
<div isHeaderCell={true} label={"Tags"} width={150} dataKey={"labels"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"labels"} height={25} style={{"height":25,"width":150}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={449} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 453) {
|
|
return (
|
|
<div isHeaderCell={true} label={""} width={25} dataKey={"scrollbar_spacer"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"scrollbar_spacer"} height={25} style={{"height":25,"width":25}}>
|
|
<div className={"_4lgd _4h2w"}>
|
|
<div className={"_4lge _4h2x"}>
|
|
<AdsPETableHeader141 x={452} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FixedDataTableCell143 = function(props) {
|
|
if (props.x === 317) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":721,"left":0}}>
|
|
{undefined}
|
|
<TransitionCell142 x={316} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 322) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":798,"left":0}}>
|
|
{undefined}
|
|
<TransitionCell142 x={321} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 325) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":1022,"left":798}}>
|
|
{undefined}
|
|
<TransitionCell142 x={324} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 328) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":0,"left":1820}}>
|
|
{undefined}
|
|
<TransitionCell142 x={327} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 331) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":40,"width":25,"left":1820}}>
|
|
{undefined}
|
|
<TransitionCell142 x={330} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 339) {
|
|
return (
|
|
<div className={"_4lg0 _4lg6 _4h2m"} style={{"height":25,"width":42,"left":0}}>
|
|
{undefined}
|
|
<TransitionCell142 x={338} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 344) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":400,"left":42}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={343} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 350) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":33,"left":442}}>
|
|
{undefined}
|
|
<TransitionCell142 x={349} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 356) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":36,"left":475}}>
|
|
{undefined}
|
|
<TransitionCell142 x={355} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 361) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":60,"left":511}}>
|
|
{undefined}
|
|
<TransitionCell142 x={360} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 366) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":571}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={365} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 373) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":0}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={372} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 378) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":140}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={377} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 383) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":280}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={382} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 388) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":360}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={387} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 393) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":440}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={392} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 398) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":500}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={397} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 403) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":78,"left":580}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={402} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 408) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":658}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={407} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 413) {
|
|
return (
|
|
<div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":728}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={412} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 418) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":200,"left":798}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={417} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 423) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":998}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={422} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 428) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":120,"left":1098}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={427} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 433) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1218}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={432} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 438) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1331}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={437} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 443) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1444}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={442} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 448) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1557}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={447} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 451) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":1670}}>
|
|
<div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
|
|
<div className={"_4lga _4lgb"} style={{"height":25}}></div>
|
|
</div>
|
|
<TransitionCell142 x={450} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 454) {
|
|
return (
|
|
<div className={"_4lg0 _4h2m"} style={{"height":25,"width":25,"left":1820}}>
|
|
{undefined}
|
|
<TransitionCell142 x={453} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FixedDataTableCellGroupImpl144 = function(props) {
|
|
if (props.x === 318) {
|
|
return (
|
|
<div className={"_3pzj"} style={{"height":40,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<FixedDataTableCell143 x={317} key={"cell_0"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 332) {
|
|
return (
|
|
<div className={"_3pzj"} style={{"height":40,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<FixedDataTableCell143 x={322} key={"cell_0"} />
|
|
<FixedDataTableCell143 x={325} key={"cell_1"} />
|
|
<FixedDataTableCell143 x={328} key={"cell_2"} />
|
|
<FixedDataTableCell143 x={331} key={"cell_3"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 367) {
|
|
return (
|
|
<div className={"_3pzj"} style={{"height":25,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<FixedDataTableCell143 x={339} key={"cell_0"} />
|
|
<FixedDataTableCell143 x={344} key={"cell_1"} />
|
|
<FixedDataTableCell143 x={350} key={"cell_2"} />
|
|
<FixedDataTableCell143 x={356} key={"cell_3"} />
|
|
<FixedDataTableCell143 x={361} key={"cell_4"} />
|
|
<FixedDataTableCell143 x={366} key={"cell_5"} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 455) {
|
|
return (
|
|
<div className={"_3pzj"} style={{"height":25,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<FixedDataTableCell143 x={373} key={"cell_0"} />
|
|
<FixedDataTableCell143 x={378} key={"cell_1"} />
|
|
<FixedDataTableCell143 x={383} key={"cell_2"} />
|
|
<FixedDataTableCell143 x={388} key={"cell_3"} />
|
|
<FixedDataTableCell143 x={393} key={"cell_4"} />
|
|
<FixedDataTableCell143 x={398} key={"cell_5"} />
|
|
<FixedDataTableCell143 x={403} key={"cell_6"} />
|
|
<FixedDataTableCell143 x={408} key={"cell_7"} />
|
|
<FixedDataTableCell143 x={413} key={"cell_8"} />
|
|
<FixedDataTableCell143 x={418} key={"cell_9"} />
|
|
<FixedDataTableCell143 x={423} key={"cell_10"} />
|
|
<FixedDataTableCell143 x={428} key={"cell_11"} />
|
|
<FixedDataTableCell143 x={433} key={"cell_12"} />
|
|
<FixedDataTableCell143 x={438} key={"cell_13"} />
|
|
<FixedDataTableCell143 x={443} key={"cell_14"} />
|
|
<FixedDataTableCell143 x={448} key={"cell_15"} />
|
|
<FixedDataTableCell143 x={451} key={"cell_16"} />
|
|
<FixedDataTableCell143 x={454} key={"cell_17"} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FixedDataTableCellGroup145 = function(props) {
|
|
if (props.x === 319) {
|
|
return (
|
|
<div style={{"height":40,"left":0}} className={"_3pzk"}>
|
|
<FixedDataTableCellGroupImpl144 x={318} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 333) {
|
|
return (
|
|
<div style={{"height":40,"left":721}} className={"_3pzk"}>
|
|
<FixedDataTableCellGroupImpl144 x={332} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 368) {
|
|
return (
|
|
<div style={{"height":25,"left":0}} className={"_3pzk"}>
|
|
<FixedDataTableCellGroupImpl144 x={367} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 456) {
|
|
return (
|
|
<div style={{"height":25,"left":721}} className={"_3pzk"}>
|
|
<FixedDataTableCellGroupImpl144 x={455} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FixedDataTableRowImpl146 = function(props) {
|
|
if (props.x === 334) {
|
|
return (
|
|
<div className={"_1gd4 _4li _52no _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":40}}>
|
|
<div className={"_1gd5"}>
|
|
<FixedDataTableCellGroup145 x={319} key={"fixed_cells"} />
|
|
<FixedDataTableCellGroup145 x={333} key={"scrollable_cells"} />
|
|
<div className={"_1gd6 _1gd8"} style={{"left":721,"height":40}}></div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 457) {
|
|
return (
|
|
<div className={"_1gd4 _4li _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":25}}>
|
|
<div className={"_1gd5"}>
|
|
<FixedDataTableCellGroup145 x={368} key={"fixed_cells"} />
|
|
<FixedDataTableCellGroup145 x={456} key={"scrollable_cells"} />
|
|
<div className={"_1gd6 _1gd8"} style={{"left":721,"height":25}}></div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FixedDataTableRow147 = function(props) {
|
|
if (props.x === 335) {
|
|
return (
|
|
<div style={{"width":1209,"height":40,"zIndex":1,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
|
|
<FixedDataTableRowImpl146 x={334} />
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 458) {
|
|
return (
|
|
<div style={{"width":1209,"height":25,"zIndex":1,"transform":"translate3d(0px,40px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
|
|
<FixedDataTableRowImpl146 x={457} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FixedDataTableAbstractSortableHeader148 = function(props) {
|
|
if (props.x === 341) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={340} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 347) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={346} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 353) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={352} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 358) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={357} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 363) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _54_9 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={362} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 370) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={369} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 375) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={374} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 380) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={379} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 385) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={384} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 390) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={389} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 395) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={394} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 400) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={399} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 405) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={404} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 410) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={409} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 415) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={414} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 420) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={419} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 425) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={424} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 430) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={429} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 435) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={434} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 440) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={439} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
if (props.x === 445) {
|
|
return (
|
|
<div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
|
|
<div className={"_2eq6"}>
|
|
{null}
|
|
<AdsPETableHeader141 x={444} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FixedDataTableSortableHeader149 = function(props) {
|
|
if (props.x === 342) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={341} />;
|
|
}
|
|
if (props.x === 348) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={347} />;
|
|
}
|
|
if (props.x === 354) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={353} />;
|
|
}
|
|
if (props.x === 359) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={358} />;
|
|
}
|
|
if (props.x === 364) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={363} />;
|
|
}
|
|
if (props.x === 371) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={370} />;
|
|
}
|
|
if (props.x === 376) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={375} />;
|
|
}
|
|
if (props.x === 381) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={380} />;
|
|
}
|
|
if (props.x === 386) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={385} />;
|
|
}
|
|
if (props.x === 391) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={390} />;
|
|
}
|
|
if (props.x === 396) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={395} />;
|
|
}
|
|
if (props.x === 401) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={400} />;
|
|
}
|
|
if (props.x === 406) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={405} />;
|
|
}
|
|
if (props.x === 411) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={410} />;
|
|
}
|
|
if (props.x === 416) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={415} />;
|
|
}
|
|
if (props.x === 421) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={420} />;
|
|
}
|
|
if (props.x === 426) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={425} />;
|
|
}
|
|
if (props.x === 431) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={430} />;
|
|
}
|
|
if (props.x === 436) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={435} />;
|
|
}
|
|
if (props.x === 441) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={440} />;
|
|
}
|
|
if (props.x === 446) {
|
|
return <FixedDataTableAbstractSortableHeader148 x={445} />;
|
|
}
|
|
};
|
|
|
|
var FixedDataTableBufferedRows150 = function(props) {
|
|
if (props.x === 459) {
|
|
return <div style={{"position":"absolute","pointerEvents":"auto","transform":"translate3d(0px,65px,0)","backfaceVisibility":"hidden"}}></div>;
|
|
}
|
|
};
|
|
|
|
var Scrollbar151 = function(props) {
|
|
if (props.x === 460) {
|
|
return null;
|
|
}
|
|
if (props.x === 461) {
|
|
return (
|
|
<div onFocus={function() {}} onBlur={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} onWheel={function() {}} className={"_1t0r _1t0t _4jdr _1t0u"} style={{"width":1209,"zIndex":99}} tabIndex={0}>
|
|
<div ref={"face"} className={"_1t0w _1t0y _1t0_"} style={{"width":561.6340607950117,"transform":"translate3d(4px,0px,0)","backfaceVisibility":"hidden"}}></div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var HorizontalScrollbar152 = function(props) {
|
|
if (props.x === 462) {
|
|
return (
|
|
<div className={"_3h1k _3h1m"} style={{"height":15,"width":1209}}>
|
|
<div style={{"height":15,"position":"absolute","overflow":"hidden","width":1209,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
|
|
<Scrollbar151 x={461} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FixedDataTable153 = function(props) {
|
|
if (props.x === 463) {
|
|
return (
|
|
<div className={"_3h1i _1mie"} onWheel={function() {}} style={{"height":25,"width":1209}}>
|
|
<div className={"_3h1j"} style={{"height":8,"width":1209}}>
|
|
<FixedDataTableColumnResizeHandle140 x={313} />
|
|
<FixedDataTableRow147 x={335} key={"group_header"} />
|
|
<FixedDataTableRow147 x={458} key={"header"} />
|
|
<FixedDataTableBufferedRows150 x={459} />
|
|
{null}
|
|
{undefined}
|
|
<div className={"_3h1e _3h1h"} style={{"top":8}}></div>
|
|
</div>
|
|
<Scrollbar151 x={460} />
|
|
<HorizontalScrollbar152 x={462} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var TransitionTable154 = function(props) {
|
|
if (props.x === 464) {
|
|
return <FixedDataTable153 x={463} ref={"fixedDataTable"} />;
|
|
}
|
|
};
|
|
|
|
var AdsSelectableFixedDataTable155 = function(props) {
|
|
if (props.x === 465) {
|
|
return (
|
|
<div className={"_5hht"}>
|
|
<TransitionTable154 x={464} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsDataTableKeyboardSupportDecorator156 = function(props) {
|
|
if (props.x === 466) {
|
|
return (
|
|
<div ref={"tableContainer"} className={"_5d6f"} tabIndex={"0"} onKeyDown={function() {}}>
|
|
<AdsSelectableFixedDataTable155 x={465} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsEditableDataTableDecorator157 = function(props) {
|
|
if (props.x === 467) {
|
|
return (
|
|
<div onCopy={function() {}}>
|
|
<AdsDataTableKeyboardSupportDecorator156 x={466} ref={"decoratedTable"} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEDataTableContainer158 = function(props) {
|
|
if (props.x === 468) {
|
|
return (
|
|
<div className={"_35l_ _1hr clearfix"}>
|
|
{null}
|
|
{null}
|
|
{null}
|
|
<AdsEditableDataTableDecorator157 x={467} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPECampaignGroupTableContainer159 = function(props) {
|
|
if (props.x === 470) {
|
|
return <ResponsiveBlock37 x={469} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEManageAdsPaneContainer160 = function(props) {
|
|
if (props.x === 473) {
|
|
return (
|
|
<div>
|
|
<AdsErrorBoundary10 x={65} />
|
|
<div className={"_2uty"}>
|
|
<AdsErrorBoundary10 x={125} />
|
|
</div>
|
|
<div className={"_2utx _21oc"}>
|
|
<AdsErrorBoundary10 x={171} />
|
|
<div className={"_41tu"}>
|
|
<AdsErrorBoundary10 x={176} />
|
|
<AdsErrorBoundary10 x={194} />
|
|
</div>
|
|
</div>
|
|
<div className={"_2utz"} style={{"height":25}}>
|
|
<AdsErrorBoundary10 x={302} />
|
|
<div className={"_2ut-"}>
|
|
<AdsErrorBoundary10 x={312} />
|
|
</div>
|
|
<div className={"_2ut_"}>
|
|
<AdsErrorBoundary10 x={472} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var AdsPEContentContainer161 = function(props) {
|
|
if (props.x === 474) {
|
|
return <AdsPEManageAdsPaneContainer160 x={473} />;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEWorkspaceContainer_162 = function(props) {
|
|
if (props.x === 477) {
|
|
return (
|
|
<div className={"_49wu"} style={{"height":177,"top":43,"width":1306}}>
|
|
<ResponsiveBlock37 x={62} />
|
|
<AdsErrorBoundary10 x={476} />
|
|
{null}
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsSessionExpiredDialogContainer_163 = function(props) {
|
|
if (props.x === 478) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEUploadDialogLazyContainer_164 = function(props) {
|
|
if (props.x === 479) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_DialogContainer_165 = function(props) {
|
|
if (props.x === 480) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var AdsBugReportContainer166 = function(props) {
|
|
if (props.x === 481) {
|
|
return <span></span>;
|
|
}
|
|
};
|
|
|
|
var AdsPEAudienceSplittingDialog167 = function(props) {
|
|
if (props.x === 482) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var AdsPEAudienceSplittingDialogContainer168 = function(props) {
|
|
if (props.x === 483) {
|
|
return (
|
|
<div>
|
|
<AdsPEAudienceSplittingDialog167 x={482} />
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsRuleDialogBootloadContainer_169 = function(props) {
|
|
if (props.x === 484) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPECFTrayContainer_170 = function(props) {
|
|
if (props.x === 485) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEDeleteDraftContainer_171 = function(props) {
|
|
if (props.x === 486) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 = function(props) {
|
|
if (props.x === 487) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 = function(props) {
|
|
if (props.x === 488) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEPurgeArchiveDialogContainer_174 = function(props) {
|
|
if (props.x === 489) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var AdsPECreateDialogContainer175 = function(props) {
|
|
if (props.x === 490) {
|
|
return <span></span>;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPEModalStatusContainer_176 = function(props) {
|
|
if (props.x === 491) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 = function(props) {
|
|
if (props.x === 492) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPESortByErrorTipContainer_178 = function(props) {
|
|
if (props.x === 493) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var LeadDownloadDialogSelector179 = function(props) {
|
|
if (props.x === 494) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var FluxContainer_AdsPELeadDownloadDialogContainerClass_180 = function(props) {
|
|
if (props.x === 495) {
|
|
return <LeadDownloadDialogSelector179 x={494} />;
|
|
}
|
|
};
|
|
|
|
var AdsPEContainer181 = function(props) {
|
|
if (props.x === 496) {
|
|
return (
|
|
<div id={"ads_pe_container"}>
|
|
<FluxContainer_AdsPETopNavContainer_26 x={41} />
|
|
{null}
|
|
<FluxContainer_AdsPEWorkspaceContainer_162 x={477} />
|
|
<FluxContainer_AdsSessionExpiredDialogContainer_163 x={478} />
|
|
<FluxContainer_AdsPEUploadDialogLazyContainer_164 x={479} />
|
|
<FluxContainer_DialogContainer_165 x={480} />
|
|
<AdsBugReportContainer166 x={481} />
|
|
<AdsPEAudienceSplittingDialogContainer168 x={483} />
|
|
<FluxContainer_AdsRuleDialogBootloadContainer_169 x={484} />
|
|
<FluxContainer_AdsPECFTrayContainer_170 x={485} />
|
|
<span>
|
|
<FluxContainer_AdsPEDeleteDraftContainer_171 x={486} />
|
|
<FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 x={487} />
|
|
<FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 x={488} />
|
|
</span>
|
|
<FluxContainer_AdsPEPurgeArchiveDialogContainer_174 x={489} />
|
|
<AdsPECreateDialogContainer175 x={490} />
|
|
<FluxContainer_AdsPEModalStatusContainer_176 x={491} />
|
|
<FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 x={492} />
|
|
<FluxContainer_AdsPESortByErrorTipContainer_178 x={493} />
|
|
<FluxContainer_AdsPELeadDownloadDialogContainerClass_180 x={495} />
|
|
<div id={"web_ads_guidance_tips"}></div>
|
|
</div>
|
|
);
|
|
}
|
|
};
|
|
|
|
var Benchmark = function(props) {
|
|
if (props.x === undefined) {
|
|
return <AdsPEContainer181 x={496} />;
|
|
}
|
|
};
|
|
|
|
this.Benchmark = Benchmark;
|
|
|
|
})(this);
|
|
|