@livetiles/reach-components-react 0.4.0-preview.293 → 0.4.0-preview.294
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/SearchFilter.d.ts +2 -0
- package/index.d.ts +3 -1
- package/index.esm.js +1 -1
- package/index.esm2.js +443 -542
- package/index.umd.js +443 -541
- package/package.json +1 -1
package/index.umd.js
CHANGED
|
@@ -7976,7 +7976,7 @@
|
|
|
7976
7976
|
var Parse = parse$5;
|
|
7977
7977
|
|
|
7978
7978
|
|
|
7979
|
-
var lib$
|
|
7979
|
+
var lib$4 = {
|
|
7980
7980
|
stringify: Stringify,
|
|
7981
7981
|
parse: Parse
|
|
7982
7982
|
};
|
|
@@ -7989,7 +7989,7 @@
|
|
|
7989
7989
|
|
|
7990
7990
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
7991
7991
|
|
|
7992
|
-
var _qs = lib$
|
|
7992
|
+
var _qs = lib$4;
|
|
7993
7993
|
|
|
7994
7994
|
var _qs2 = _interopRequireDefault(_qs);
|
|
7995
7995
|
|
|
@@ -8617,7 +8617,7 @@
|
|
|
8617
8617
|
return output;
|
|
8618
8618
|
}
|
|
8619
8619
|
|
|
8620
|
-
var lib$
|
|
8620
|
+
var lib$3 = {exports: {}};
|
|
8621
8621
|
|
|
8622
8622
|
/**
|
|
8623
8623
|
* The code was extracted from:
|
|
@@ -8701,7 +8701,7 @@
|
|
|
8701
8701
|
InvalidTokenError.prototype = new Error();
|
|
8702
8702
|
InvalidTokenError.prototype.name = 'InvalidTokenError';
|
|
8703
8703
|
|
|
8704
|
-
lib$
|
|
8704
|
+
lib$3.exports = function (token,options) {
|
|
8705
8705
|
if (typeof token !== 'string') {
|
|
8706
8706
|
throw new InvalidTokenError('Invalid token specified');
|
|
8707
8707
|
}
|
|
@@ -8715,9 +8715,9 @@
|
|
|
8715
8715
|
}
|
|
8716
8716
|
};
|
|
8717
8717
|
|
|
8718
|
-
lib$
|
|
8718
|
+
lib$3.exports.InvalidTokenError = InvalidTokenError;
|
|
8719
8719
|
|
|
8720
|
-
var jwtDecode = lib$
|
|
8720
|
+
var jwtDecode = lib$3.exports;
|
|
8721
8721
|
|
|
8722
8722
|
var moment$1 = {exports: {}};
|
|
8723
8723
|
|
|
@@ -65163,7 +65163,7 @@
|
|
|
65163
65163
|
};
|
|
65164
65164
|
Object.defineProperty(avatar, "__esModule", { value: true });
|
|
65165
65165
|
var styled_1$b = __importDefault$m(require$$0$4);
|
|
65166
|
-
var react_1$
|
|
65166
|
+
var react_1$u = __importStar$d(React__default["default"]);
|
|
65167
65167
|
var getSmallAvatar = function (avatar) {
|
|
65168
65168
|
var _a, _b;
|
|
65169
65169
|
if (!avatar)
|
|
@@ -65174,11 +65174,11 @@
|
|
|
65174
65174
|
var Img = styled_1$b.default.img(templateObject_1$2I || (templateObject_1$2I = __makeTemplateObject$j(["\n object-fit: cover;\n width: 32px;\n height: 32px;\n margin-right: 8px;\n"], ["\n object-fit: cover;\n width: 32px;\n height: 32px;\n margin-right: 8px;\n"])));
|
|
65175
65175
|
var Avatar$5 = function (_a) {
|
|
65176
65176
|
var user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
65177
|
-
var defaultAvatarId = react_1$
|
|
65177
|
+
var defaultAvatarId = react_1$u.useRef(Math.floor(Math.random() * 5) + 1);
|
|
65178
65178
|
var url = user.avatar_url
|
|
65179
65179
|
? getSmallAvatar(user.avatar_url)
|
|
65180
65180
|
: "https://media.giphy.com/avatars/default" + defaultAvatarId.current + ".gif";
|
|
65181
|
-
return react_1$
|
|
65181
|
+
return react_1$u.default.createElement(Img, { src: url, className: className });
|
|
65182
65182
|
};
|
|
65183
65183
|
avatar.default = Avatar$5;
|
|
65184
65184
|
var templateObject_1$2I;
|
|
@@ -65489,17 +65489,17 @@
|
|
|
65489
65489
|
};
|
|
65490
65490
|
Object.defineProperty(verifiedBadge, "__esModule", { value: true });
|
|
65491
65491
|
var js_brand_1$6 = dist$2;
|
|
65492
|
-
var react_1$
|
|
65492
|
+
var react_1$t = __importDefault$l(React__default["default"]);
|
|
65493
65493
|
var VerifiedBadge = function (_a) {
|
|
65494
65494
|
var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 17 : _c, _d = _a.fill, fill = _d === void 0 ? '#15CDFF' : _d;
|
|
65495
|
-
return (react_1$
|
|
65496
|
-
react_1$
|
|
65497
|
-
react_1$
|
|
65498
|
-
react_1$
|
|
65499
|
-
react_1$
|
|
65500
|
-
react_1$
|
|
65501
|
-
react_1$
|
|
65502
|
-
react_1$
|
|
65495
|
+
return (react_1$t.default.createElement("svg", { className: [VerifiedBadge.className, className].join(' '), height: size, width: "19px", viewBox: "0 0 19 17" },
|
|
65496
|
+
react_1$t.default.createElement("path", { className: VerifiedBadge.checkMarkClassName, d: "M9.32727273,9.44126709 L9.32727273,3.03016561 L6.55027155,3.03016561 L6.55027155,10.8150746 L6.55027155,12.188882 L12.1042739,12.188882 L12.1042739,9.44126709 L9.32727273,9.44126709 Z", fill: js_brand_1$6.giphyBlack, transform: "translate(9.327273, 7.609524) scale(-1, 1) rotate(-45.000000) translate(-9.327273, -7.609524) " }),
|
|
65497
|
+
react_1$t.default.createElement("g", { transform: "translate(-532.000000, -466.000000)", fill: fill },
|
|
65498
|
+
react_1$t.default.createElement("g", { transform: "translate(141.000000, 235.000000)" },
|
|
65499
|
+
react_1$t.default.createElement("g", { transform: "translate(264.000000, 0.000000)" },
|
|
65500
|
+
react_1$t.default.createElement("g", { transform: "translate(10.000000, 224.000000)" },
|
|
65501
|
+
react_1$t.default.createElement("g", { transform: "translate(114.000000, 2.500000)" },
|
|
65502
|
+
react_1$t.default.createElement("path", { d: "M15.112432,4.80769231 L16.8814194,6.87556817 L19.4157673,7.90116318 L19.6184416,10.6028916 L21.0594951,12.9065042 L19.6184416,15.2101168 L19.4157673,17.9118452 L16.8814194,18.9374402 L15.112432,21.0053161 L12.4528245,20.3611511 L9.79321699,21.0053161 L8.02422954,18.9374402 L5.48988167,17.9118452 L5.28720734,15.2101168 L3.84615385,12.9065042 L5.28720734,10.6028916 L5.48988167,7.90116318 L8.02422954,6.87556817 L9.79321699,4.80769231 L12.4528245,5.4518573 L15.112432,4.80769231 Z M17.8163503,10.8991009 L15.9282384,9.01098901 L11.5681538,13.3696923 L9.68115218,11.4818515 L7.81302031,13.3499833 L9.7011322,15.2380952 L11.5892441,17.1262071 L17.8163503,10.8991009 Z" }))))))));
|
|
65503
65503
|
};
|
|
65504
65504
|
VerifiedBadge.className = 'giphy-verified-badge';
|
|
65505
65505
|
VerifiedBadge.checkMarkClassName = 'giphy-verified-checkmark';
|
|
@@ -65542,7 +65542,7 @@
|
|
|
65542
65542
|
};
|
|
65543
65543
|
Object.defineProperty(attribution$1, "__esModule", { value: true });
|
|
65544
65544
|
var styled_1$a = __importDefault$k(require$$0$4);
|
|
65545
|
-
var react_1$
|
|
65545
|
+
var react_1$s = __importDefault$k(React__default["default"]);
|
|
65546
65546
|
var avatar_1$3 = __importDefault$k(avatar);
|
|
65547
65547
|
var user_1$1 = __importDefault$k(user);
|
|
65548
65548
|
var Container$b = styled_1$a.default.div(templateObject_1$2G || (templateObject_1$2G = __makeTemplateObject$h(["\n display: flex;\n align-items: center;\n font-family: interface, helvetica, arial;\n"], ["\n display: flex;\n align-items: center;\n font-family: interface, helvetica, arial;\n"])));
|
|
@@ -65553,7 +65553,7 @@
|
|
|
65553
65553
|
if (!(user === null || user === void 0 ? void 0 : user.username) && !(user === null || user === void 0 ? void 0 : user.display_name)) {
|
|
65554
65554
|
return null;
|
|
65555
65555
|
}
|
|
65556
|
-
return (react_1$
|
|
65556
|
+
return (react_1$s.default.createElement(Container$b, { className: [Attribution$2.className, className].join(' '), onClick: function (e) {
|
|
65557
65557
|
e.preventDefault();
|
|
65558
65558
|
e.stopPropagation();
|
|
65559
65559
|
if (onClick) {
|
|
@@ -65565,8 +65565,8 @@
|
|
|
65565
65565
|
window.open(url, '_blank');
|
|
65566
65566
|
}
|
|
65567
65567
|
} },
|
|
65568
|
-
react_1$
|
|
65569
|
-
react_1$
|
|
65568
|
+
react_1$s.default.createElement(Avatar$4, { user: user }),
|
|
65569
|
+
react_1$s.default.createElement(user_1$1.default, { user: gif.user })));
|
|
65570
65570
|
};
|
|
65571
65571
|
Attribution$2.className = 'giphy-attribution';
|
|
65572
65572
|
attribution$1.default = Attribution$2;
|
|
@@ -65602,21 +65602,21 @@
|
|
|
65602
65602
|
};
|
|
65603
65603
|
Object.defineProperty(overlay, "__esModule", { value: true });
|
|
65604
65604
|
var styled_1$9 = __importDefault$j(require$$0$4);
|
|
65605
|
-
var react_1$
|
|
65605
|
+
var react_1$r = __importStar$c(React__default["default"]);
|
|
65606
65606
|
var _1$1 = __importDefault$j(attribution$1);
|
|
65607
65607
|
var Background = styled_1$9.default.div(templateObject_1$2F || (templateObject_1$2F = __makeTemplateObject$g(["\n background: linear-gradient(rgba(0, 0, 0, 0), rgba(18, 18, 18, 0.6));\n cursor: default;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 75px;\n pointer-events: none;\n"], ["\n background: linear-gradient(rgba(0, 0, 0, 0), rgba(18, 18, 18, 0.6));\n cursor: default;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 75px;\n pointer-events: none;\n"])));
|
|
65608
65608
|
var Attribution$1 = styled_1$9.default(_1$1.default)(templateObject_2$1N || (templateObject_2$1N = __makeTemplateObject$g(["\n position: absolute;\n bottom: 10px;\n left: 10px;\n right: 10px;\n"], ["\n position: absolute;\n bottom: 10px;\n left: 10px;\n right: 10px;\n"])));
|
|
65609
65609
|
var Container$a = styled_1$9.default.div(templateObject_3$1e || (templateObject_3$1e = __makeTemplateObject$g(["\n transition: opacity 150ms ease-in;\n"], ["\n transition: opacity 150ms ease-in;\n"])));
|
|
65610
65610
|
var AttributionOverlay = function (_a) {
|
|
65611
65611
|
var gif = _a.gif, isHovered = _a.isHovered, onClick = _a.onClick;
|
|
65612
|
-
var hasHovered = react_1$
|
|
65612
|
+
var hasHovered = react_1$r.useRef(isHovered);
|
|
65613
65613
|
if (isHovered) {
|
|
65614
65614
|
// not rendering to avoid loading the avatar until hover
|
|
65615
65615
|
hasHovered.current = true;
|
|
65616
65616
|
}
|
|
65617
|
-
return gif.user && hasHovered.current ? (react_1$
|
|
65618
|
-
react_1$
|
|
65619
|
-
react_1$
|
|
65617
|
+
return gif.user && hasHovered.current ? (react_1$r.default.createElement(Container$a, { style: { opacity: isHovered ? 1 : 0 } },
|
|
65618
|
+
react_1$r.default.createElement(Background, null),
|
|
65619
|
+
react_1$r.default.createElement(Attribution$1, { gif: gif, onClick: onClick }))) : null;
|
|
65620
65620
|
};
|
|
65621
65621
|
overlay.default = AttributionOverlay;
|
|
65622
65622
|
var templateObject_1$2F, templateObject_2$1N, templateObject_3$1e;
|
|
@@ -67571,7 +67571,7 @@
|
|
|
67571
67571
|
var parse = parse$1;
|
|
67572
67572
|
var formats = formats$3;
|
|
67573
67573
|
|
|
67574
|
-
var lib$
|
|
67574
|
+
var lib$2 = {
|
|
67575
67575
|
formats: formats,
|
|
67576
67576
|
parse: parse,
|
|
67577
67577
|
stringify: stringify
|
|
@@ -67839,7 +67839,7 @@
|
|
|
67839
67839
|
api.GiphyFetch = void 0;
|
|
67840
67840
|
/* eslint-disable no-dupe-class-members */
|
|
67841
67841
|
var js_util_1$8 = dist$3;
|
|
67842
|
-
var qs_1 = __importDefault$i(lib$
|
|
67842
|
+
var qs_1 = __importDefault$i(lib$2);
|
|
67843
67843
|
var gif_1$2 = gif$1;
|
|
67844
67844
|
var request_1 = __importDefault$i(request);
|
|
67845
67845
|
var getType = function (options) { return (options && options.type ? options.type : 'gifs'); };
|
|
@@ -68338,11 +68338,11 @@
|
|
|
68338
68338
|
return result;
|
|
68339
68339
|
};
|
|
68340
68340
|
Object.defineProperty(observer, "__esModule", { value: true });
|
|
68341
|
-
var react_1$
|
|
68341
|
+
var react_1$q = __importStar$b(React__default["default"]);
|
|
68342
68342
|
var Observer$1 = function (_a) {
|
|
68343
68343
|
var children = _a.children, className = _a.className, onVisibleChange = _a.onVisibleChange, config = _a.config;
|
|
68344
|
-
var container = react_1$
|
|
68345
|
-
react_1$
|
|
68344
|
+
var container = react_1$q.useRef(null);
|
|
68345
|
+
react_1$q.useEffect(function () {
|
|
68346
68346
|
var io;
|
|
68347
68347
|
if (container.current) {
|
|
68348
68348
|
io = new IntersectionObserver(function (_a) {
|
|
@@ -68354,7 +68354,7 @@
|
|
|
68354
68354
|
}
|
|
68355
68355
|
return function () { return io === null || io === void 0 ? void 0 : io.disconnect(); };
|
|
68356
68356
|
}, [onVisibleChange, container, config]);
|
|
68357
|
-
return (react_1$
|
|
68357
|
+
return (react_1$q.default.createElement("div", { ref: container, className: className }, children));
|
|
68358
68358
|
};
|
|
68359
68359
|
observer.default = Observer$1;
|
|
68360
68360
|
|
|
@@ -68880,7 +68880,7 @@
|
|
|
68880
68880
|
var styled_1$8 = __importDefault$f(require$$0$4);
|
|
68881
68881
|
var js_fetch_api_1$1 = dist$1;
|
|
68882
68882
|
var js_util_1$3 = dist$3;
|
|
68883
|
-
var react_1$
|
|
68883
|
+
var react_1$p = __importStar$a(React__default["default"]);
|
|
68884
68884
|
var throttle_debounce_1$1 = cjs;
|
|
68885
68885
|
var observer_1$1 = __importDefault$f(observer);
|
|
68886
68886
|
var gif_1$1 = __importDefault$f(gif);
|
|
@@ -68961,20 +68961,20 @@
|
|
|
68961
68961
|
var _d = this.state, gifs = _d.gifs, isDoneFetching = _d.isDoneFetching;
|
|
68962
68962
|
var showLoader = !isDoneFetching;
|
|
68963
68963
|
var isFirstLoad = gifs.length === 0;
|
|
68964
|
-
return (react_1$
|
|
68965
|
-
react_1$
|
|
68964
|
+
return (react_1$p.default.createElement(pingback_context_manager_1$1.default, { attributes: { layout_type: 'CAROUSEL' } },
|
|
68965
|
+
react_1$p.default.createElement(Container$9, { className: className },
|
|
68966
68966
|
gifs.map(function (gif) {
|
|
68967
68967
|
var gifWidth = js_util_1$3.getGifWidth(gif, gifHeight);
|
|
68968
|
-
return (react_1$
|
|
68968
|
+
return (react_1$p.default.createElement(Gif, { gif: gif, key: gif.id, tabIndex: tabIndex, width: gifWidth, onGifClick: onGifClick, onGifSeen: onGifSeen, onGifVisible: onGifVisible, onGifRightClick: onGifRightClick, user: user, ml: gutter, overlay: overlay, hideAttribution: hideAttribution, noLink: noLink, borderRadius: borderRadius, backgroundColor: backgroundColor }));
|
|
68969
68969
|
}),
|
|
68970
68970
|
!showLoader && gifs.length === 0 && noResultsMessage,
|
|
68971
|
-
showLoader && (react_1$
|
|
68972
|
-
react_1$
|
|
68971
|
+
showLoader && (react_1$p.default.createElement(Observer, { onVisibleChange: this.onLoaderVisible, config: loaderConfig },
|
|
68972
|
+
react_1$p.default.createElement(Loader$2, { isFirstLoad: isFirstLoad, height: gifHeight }))))));
|
|
68973
68973
|
};
|
|
68974
68974
|
Carousel.className = 'giphy-carousel';
|
|
68975
68975
|
Carousel.defaultProps = defaultProps$1;
|
|
68976
68976
|
return Carousel;
|
|
68977
|
-
}(react_1$
|
|
68977
|
+
}(react_1$p.PureComponent));
|
|
68978
68978
|
carousel.default = Carousel$1;
|
|
68979
68979
|
var templateObject_1$2E, templateObject_2$1M, templateObject_3$1d, templateObject_4$Q;
|
|
68980
68980
|
|
|
@@ -68992,13 +68992,13 @@
|
|
|
68992
68992
|
Object.defineProperty(fetchError, "__esModule", { value: true });
|
|
68993
68993
|
var styled_1$7 = __importDefault$e(require$$0$4);
|
|
68994
68994
|
var js_brand_1$5 = dist$2;
|
|
68995
|
-
var react_1$
|
|
68995
|
+
var react_1$o = __importDefault$e(React__default["default"]);
|
|
68996
68996
|
var Message$1 = styled_1$7.default.div(templateObject_1$2D || (templateObject_1$2D = __makeTemplateObject$e(["\n color: ", ";\n display: flex;\n justify-content: center;\n margin: 30px 0;\n font-family: ", ";\n font-size: 16px;\n font-weight: 600;\n a {\n color: ", ";\n cursor: pointer;\n &:hover {\n color: white;\n }\n }\n"], ["\n color: ", ";\n display: flex;\n justify-content: center;\n margin: 30px 0;\n font-family: ", ";\n font-size: 16px;\n font-weight: 600;\n a {\n color: ", ";\n cursor: pointer;\n &:hover {\n color: white;\n }\n }\n"])), js_brand_1$5.giphyLightGrey, js_brand_1$5.fontFamily.body, js_brand_1$5.giphyBlue);
|
|
68997
68997
|
var FetchError = function (_a) {
|
|
68998
68998
|
var onClick = _a.onClick;
|
|
68999
|
-
return (react_1$
|
|
68999
|
+
return (react_1$o.default.createElement(Message$1, null,
|
|
69000
69000
|
"Error loading GIFs.\u00A0",
|
|
69001
|
-
react_1$
|
|
69001
|
+
react_1$o.default.createElement("a", { onClick: onClick }, "Try again?")));
|
|
69002
69002
|
};
|
|
69003
69003
|
fetchError.default = FetchError;
|
|
69004
69004
|
var templateObject_1$2D;
|
|
@@ -69016,19 +69016,19 @@
|
|
|
69016
69016
|
var core_1$4 = require$$0$1;
|
|
69017
69017
|
var styled_1$6 = __importDefault$d(require$$0$4);
|
|
69018
69018
|
var js_brand_1$4 = dist$2;
|
|
69019
|
-
var react_1$
|
|
69019
|
+
var react_1$n = __importDefault$d(React__default["default"]);
|
|
69020
69020
|
var bouncer = core_1$4.keyframes(templateObject_1$2C || (templateObject_1$2C = __makeTemplateObject$d(["\n to {\n transform: scale(1.75) translateY(-20px);\n }\n"], ["\n to {\n transform: scale(1.75) translateY(-20px);\n }\n"])));
|
|
69021
69021
|
var loaderHeight = 37;
|
|
69022
69022
|
var Loader$1 = styled_1$6.default.div(templateObject_2$1L || (templateObject_2$1L = __makeTemplateObject$d(["\n display: flex;\n align-items: center;\n height: ", "px;\n padding-top: 15px;\n margin: 0 auto;\n text-align: center;\n justify-content: center;\n animation: pulse 0.8s ease-in-out 0s infinite alternate backwards;\n"], ["\n display: flex;\n align-items: center;\n height: ", "px;\n padding-top: 15px;\n margin: 0 auto;\n text-align: center;\n justify-content: center;\n animation: pulse 0.8s ease-in-out 0s infinite alternate backwards;\n"])), loaderHeight);
|
|
69023
69023
|
var Dot = styled_1$6.default.div(templateObject_3$1c || (templateObject_3$1c = __makeTemplateObject$d(["\n display: inline-block;\n height: 10px;\n width: 10px;\n margin: ", "px 10px 10px 10px;\n position: relative;\n box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);\n animation: ", " cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s infinite alternate;\n background: ", ";\n animation-delay: ", ";\n"], ["\n display: inline-block;\n height: 10px;\n width: 10px;\n margin: ", "px 10px 10px 10px;\n position: relative;\n box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);\n animation: ", " cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s infinite alternate;\n background: ", ";\n animation-delay: ", ";\n"])), loaderHeight, bouncer, function (props) { return props.color; }, function (props) { return props.delay; });
|
|
69024
69024
|
loader.default = (function (_a) {
|
|
69025
69025
|
var _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
69026
|
-
return (react_1$
|
|
69027
|
-
react_1$
|
|
69028
|
-
react_1$
|
|
69029
|
-
react_1$
|
|
69030
|
-
react_1$
|
|
69031
|
-
react_1$
|
|
69026
|
+
return (react_1$n.default.createElement(Loader$1, { className: className },
|
|
69027
|
+
react_1$n.default.createElement(Dot, { color: js_brand_1$4.giphyGreen, delay: "0" }),
|
|
69028
|
+
react_1$n.default.createElement(Dot, { color: js_brand_1$4.giphyBlue, delay: ".1s" }),
|
|
69029
|
+
react_1$n.default.createElement(Dot, { color: js_brand_1$4.giphyPurple, delay: ".2s" }),
|
|
69030
|
+
react_1$n.default.createElement(Dot, { color: js_brand_1$4.giphyRed, delay: ".3s" }),
|
|
69031
|
+
react_1$n.default.createElement(Dot, { color: js_brand_1$4.giphyYellow, delay: ".4s" })));
|
|
69032
69032
|
});
|
|
69033
69033
|
var templateObject_1$2C, templateObject_2$1L, templateObject_3$1c;
|
|
69034
69034
|
|
|
@@ -69054,7 +69054,7 @@
|
|
|
69054
69054
|
return result;
|
|
69055
69055
|
};
|
|
69056
69056
|
Object.defineProperty(masonryGrid, "__esModule", { value: true });
|
|
69057
|
-
var react_1$
|
|
69057
|
+
var react_1$m = __importStar$9(React__default["default"]);
|
|
69058
69058
|
function fillArray(length, columnOffsets) {
|
|
69059
69059
|
if (columnOffsets === void 0) { columnOffsets = []; }
|
|
69060
69060
|
return Array.apply(null, Array(length)).map(function (_, index) { return columnOffsets[index] || 0; });
|
|
@@ -69065,7 +69065,7 @@
|
|
|
69065
69065
|
function getChildren() {
|
|
69066
69066
|
var columnTarget;
|
|
69067
69067
|
var columnHeights = fillArray(columns, columnOffsets);
|
|
69068
|
-
var result = react_1$
|
|
69068
|
+
var result = react_1$m.default.Children.map(children, function (child, index) {
|
|
69069
69069
|
var style = {
|
|
69070
69070
|
position: 'absolute',
|
|
69071
69071
|
};
|
|
@@ -69084,16 +69084,16 @@
|
|
|
69084
69084
|
if (height) {
|
|
69085
69085
|
columnHeights[columnTarget] += height + gutter;
|
|
69086
69086
|
}
|
|
69087
|
-
return react_1$
|
|
69087
|
+
return react_1$m.default.cloneElement(child, { style: style });
|
|
69088
69088
|
});
|
|
69089
69089
|
containerStyle.position = 'relative';
|
|
69090
69090
|
containerStyle.width = columns * itemWidth + (columns - 1) * gutter + "px";
|
|
69091
69091
|
containerStyle.height = Math.max.apply(Math, columnHeights) - gutter + "px";
|
|
69092
69092
|
return result;
|
|
69093
69093
|
}
|
|
69094
|
-
return react_1$
|
|
69094
|
+
return react_1$m.default.createElement("div", { style: containerStyle }, getChildren());
|
|
69095
69095
|
};
|
|
69096
|
-
masonryGrid.default = react_1$
|
|
69096
|
+
masonryGrid.default = react_1$m.memo(MasonryGrid);
|
|
69097
69097
|
|
|
69098
69098
|
var __makeTemplateObject$c = (commonjsGlobal$7 && commonjsGlobal$7.__makeTemplateObject) || function (cooked, raw) {
|
|
69099
69099
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
@@ -69187,7 +69187,7 @@
|
|
|
69187
69187
|
var styled_1$5 = __importDefault$c(require$$0$4);
|
|
69188
69188
|
var js_fetch_api_1 = dist$1;
|
|
69189
69189
|
var js_util_1$2 = dist$3;
|
|
69190
|
-
var react_1$
|
|
69190
|
+
var react_1$l = __importStar$8(React__default["default"]);
|
|
69191
69191
|
var throttle_debounce_1 = cjs;
|
|
69192
69192
|
var observer_1 = __importDefault$c(observer);
|
|
69193
69193
|
var fetch_error_1 = __importDefault$c(fetchError);
|
|
@@ -69277,13 +69277,13 @@
|
|
|
69277
69277
|
var isFirstLoad = gifs.length === 0;
|
|
69278
69278
|
// get the height of each grid item
|
|
69279
69279
|
var itemHeights = gifs.map(function (gif) { return js_util_1$2.getGifHeight(gif, gifWidth); });
|
|
69280
|
-
return (react_1$
|
|
69281
|
-
react_1$
|
|
69282
|
-
react_1$
|
|
69280
|
+
return (react_1$l.default.createElement(pingback_context_manager_1.default, { attributes: { layout_type: layoutType } },
|
|
69281
|
+
react_1$l.default.createElement("div", { className: className, style: { width: width } },
|
|
69282
|
+
react_1$l.default.createElement(masonry_grid_1.default, { itemHeights: itemHeights, useTransform: useTransform, itemWidth: gifWidth, columns: columns, gutter: gutter, columnOffsets: columnOffsets }, gifs.map(function (gif) { return (react_1$l.default.createElement(gif_1.default, { gif: gif, tabIndex: tabIndex, key: gif.id, width: gifWidth, onGifClick: onGifClick, onGifSeen: onGifSeen, onGifVisible: onGifVisible, onGifRightClick: onGifRightClick, user: user, overlay: overlay, backgroundColor: backgroundColor, hideAttribution: hideAttribution, noLink: noLink, borderRadius: borderRadius })); })),
|
|
69283
69283
|
!showLoader && gifs.length === 0 && noResultsMessage,
|
|
69284
|
-
isError ? (react_1$
|
|
69285
|
-
react_1$
|
|
69286
|
-
react_1$
|
|
69284
|
+
isError ? (react_1$l.default.createElement(fetch_error_1.default, { onClick: this.onFetch })) : (showLoader && (react_1$l.default.createElement(observer_1.default, { onVisibleChange: this.onLoaderVisible, config: loaderConfig },
|
|
69285
|
+
react_1$l.default.createElement(Loader, { isFirstLoad: isFirstLoad },
|
|
69286
|
+
react_1$l.default.createElement(LoaderVisual, { className: Grid.loaderClassName }))))))));
|
|
69287
69287
|
};
|
|
69288
69288
|
Grid.className = 'giphy-grid';
|
|
69289
69289
|
Grid.loaderClassName = 'loader';
|
|
@@ -69299,27 +69299,27 @@
|
|
|
69299
69299
|
return null;
|
|
69300
69300
|
};
|
|
69301
69301
|
return Grid;
|
|
69302
|
-
}(react_1$
|
|
69302
|
+
}(react_1$l.PureComponent));
|
|
69303
69303
|
grid.default = Grid$1;
|
|
69304
69304
|
var templateObject_1$2B;
|
|
69305
69305
|
|
|
69306
69306
|
var searchBar = {};
|
|
69307
69307
|
|
|
69308
|
-
var useDebounce$
|
|
69308
|
+
var useDebounce$3 = {};
|
|
69309
69309
|
|
|
69310
69310
|
var require$$0 = /*@__PURE__*/getAugmentedNamespace(_tslib);
|
|
69311
69311
|
|
|
69312
69312
|
var useTimeoutFn$2 = {};
|
|
69313
69313
|
|
|
69314
69314
|
Object.defineProperty(useTimeoutFn$2, "__esModule", { value: true });
|
|
69315
|
-
var react_1$
|
|
69315
|
+
var react_1$k = React__default["default"];
|
|
69316
69316
|
function useTimeoutFn$1(fn, ms) {
|
|
69317
69317
|
if (ms === void 0) { ms = 0; }
|
|
69318
|
-
var ready = react_1$
|
|
69319
|
-
var timeout = react_1$
|
|
69320
|
-
var callback = react_1$
|
|
69321
|
-
var isReady = react_1$
|
|
69322
|
-
var set = react_1$
|
|
69318
|
+
var ready = react_1$k.useRef(false);
|
|
69319
|
+
var timeout = react_1$k.useRef();
|
|
69320
|
+
var callback = react_1$k.useRef(fn);
|
|
69321
|
+
var isReady = react_1$k.useCallback(function () { return ready.current; }, []);
|
|
69322
|
+
var set = react_1$k.useCallback(function () {
|
|
69323
69323
|
ready.current = false;
|
|
69324
69324
|
timeout.current && clearTimeout(timeout.current);
|
|
69325
69325
|
timeout.current = setTimeout(function () {
|
|
@@ -69327,16 +69327,16 @@
|
|
|
69327
69327
|
callback.current();
|
|
69328
69328
|
}, ms);
|
|
69329
69329
|
}, [ms]);
|
|
69330
|
-
var clear = react_1$
|
|
69330
|
+
var clear = react_1$k.useCallback(function () {
|
|
69331
69331
|
ready.current = null;
|
|
69332
69332
|
timeout.current && clearTimeout(timeout.current);
|
|
69333
69333
|
}, []);
|
|
69334
69334
|
// update ref when function changes
|
|
69335
|
-
react_1$
|
|
69335
|
+
react_1$k.useEffect(function () {
|
|
69336
69336
|
callback.current = fn;
|
|
69337
69337
|
}, [fn]);
|
|
69338
69338
|
// set on mount, clear on unmount
|
|
69339
|
-
react_1$
|
|
69339
|
+
react_1$k.useEffect(function () {
|
|
69340
69340
|
set();
|
|
69341
69341
|
return clear;
|
|
69342
69342
|
}, [ms]);
|
|
@@ -69344,18 +69344,18 @@
|
|
|
69344
69344
|
}
|
|
69345
69345
|
useTimeoutFn$2.default = useTimeoutFn$1;
|
|
69346
69346
|
|
|
69347
|
-
Object.defineProperty(useDebounce$
|
|
69347
|
+
Object.defineProperty(useDebounce$3, "__esModule", { value: true });
|
|
69348
69348
|
var tslib_1$9 = require$$0;
|
|
69349
|
-
var react_1$
|
|
69349
|
+
var react_1$j = React__default["default"];
|
|
69350
69350
|
var useTimeoutFn_1 = tslib_1$9.__importDefault(useTimeoutFn$2);
|
|
69351
|
-
function useDebounce$
|
|
69351
|
+
function useDebounce$2(fn, ms, deps) {
|
|
69352
69352
|
if (ms === void 0) { ms = 0; }
|
|
69353
69353
|
if (deps === void 0) { deps = []; }
|
|
69354
69354
|
var _a = useTimeoutFn_1.default(fn, ms), isReady = _a[0], cancel = _a[1], reset = _a[2];
|
|
69355
|
-
react_1$
|
|
69355
|
+
react_1$j.useEffect(reset, deps);
|
|
69356
69356
|
return [isReady, cancel];
|
|
69357
69357
|
}
|
|
69358
|
-
useDebounce$
|
|
69358
|
+
useDebounce$3.default = useDebounce$2;
|
|
69359
69359
|
|
|
69360
69360
|
var context = {};
|
|
69361
69361
|
|
|
@@ -69703,7 +69703,7 @@
|
|
|
69703
69703
|
Object.defineProperty(searchBarChannel, "__esModule", { value: true });
|
|
69704
69704
|
var core_1$2 = require$$0$1;
|
|
69705
69705
|
var js_brand_1$3 = dist$2;
|
|
69706
|
-
var react_1$
|
|
69706
|
+
var react_1$i = __importStar$7(React__default["default"]);
|
|
69707
69707
|
var avatar_1$2 = __importDefault$a(avatar);
|
|
69708
69708
|
var verified_badge_1$1 = __importDefault$a(verifiedBadge);
|
|
69709
69709
|
var context_1$4 = context;
|
|
@@ -69717,14 +69717,14 @@
|
|
|
69717
69717
|
var UsernamePill = theme_1$4.default.div(templateObject_4$P || (templateObject_4$P = __makeTemplateObject$a(["\n background: ", ";\n display: flex;\n padding: 0 4px;\n color: ", ";\n font-family: interface, Helvetica Neue, helvetica, sans-serif;\n font-weight: 600;\n font-size: 12px;\n align-items: center;\n height: ", "px;\n @media (", ") {\n display: none;\n }\n"], ["\n background: ", ";\n display: flex;\n padding: 0 4px;\n color: ", ";\n font-family: interface, Helvetica Neue, helvetica, sans-serif;\n font-weight: 600;\n font-size: 12px;\n align-items: center;\n height: ", "px;\n @media (", ") {\n display: none;\n }\n"])), js_brand_1$3.giphyWhiteSmoke, js_brand_1$3.giphyDarkCharcoal, function (props) { return channelSearchHeight(props.theme); }, function (props) { return props.theme.condensedMediaQuery; });
|
|
69718
69718
|
var SearchBarChannel = function (_a) {
|
|
69719
69719
|
var _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
69720
|
-
var activeChannel = react_1$
|
|
69721
|
-
return activeChannel ? (react_1$
|
|
69722
|
-
react_1$
|
|
69723
|
-
react_1$
|
|
69724
|
-
react_1$
|
|
69720
|
+
var activeChannel = react_1$i.useContext(context_1$4.SearchContext).activeChannel;
|
|
69721
|
+
return activeChannel ? (react_1$i.default.createElement(Username, { className: className },
|
|
69722
|
+
react_1$i.default.createElement(Avatar$3, { user: activeChannel.user }),
|
|
69723
|
+
react_1$i.default.createElement(UsernamePill, { key: activeChannel.id },
|
|
69724
|
+
react_1$i.default.createElement("div", null,
|
|
69725
69725
|
"@",
|
|
69726
69726
|
activeChannel.user.username),
|
|
69727
|
-
activeChannel.user.is_verified && react_1$
|
|
69727
|
+
activeChannel.user.is_verified && react_1$i.default.createElement(verified_badge_1$1.default, { size: 14 })))) : null;
|
|
69728
69728
|
};
|
|
69729
69729
|
searchBarChannel.default = SearchBarChannel;
|
|
69730
69730
|
var templateObject_1$2z, templateObject_2$1J, templateObject_3$1a, templateObject_4$P;
|
|
@@ -69738,18 +69738,18 @@
|
|
|
69738
69738
|
var useEffectOnce$3 = {};
|
|
69739
69739
|
|
|
69740
69740
|
Object.defineProperty(useEffectOnce$3, "__esModule", { value: true });
|
|
69741
|
-
var react_1$
|
|
69741
|
+
var react_1$h = React__default["default"];
|
|
69742
69742
|
var useEffectOnce$2 = function (effect) {
|
|
69743
|
-
react_1$
|
|
69743
|
+
react_1$h.useEffect(effect, []);
|
|
69744
69744
|
};
|
|
69745
69745
|
useEffectOnce$3.default = useEffectOnce$2;
|
|
69746
69746
|
|
|
69747
69747
|
Object.defineProperty(useUnmount$3, "__esModule", { value: true });
|
|
69748
69748
|
var tslib_1$8 = require$$0;
|
|
69749
|
-
var react_1$
|
|
69749
|
+
var react_1$g = React__default["default"];
|
|
69750
69750
|
var useEffectOnce_1 = tslib_1$8.__importDefault(useEffectOnce$3);
|
|
69751
69751
|
var useUnmount$2 = function (fn) {
|
|
69752
|
-
var fnRef = react_1$
|
|
69752
|
+
var fnRef = react_1$g.useRef(fn);
|
|
69753
69753
|
// update the ref each render so if it change the newest callback will be invoked
|
|
69754
69754
|
fnRef.current = fn;
|
|
69755
69755
|
useEffectOnce_1.default(function () { return function () { return fnRef.current(); }; });
|
|
@@ -69758,15 +69758,15 @@
|
|
|
69758
69758
|
|
|
69759
69759
|
Object.defineProperty(useThrottle$3, "__esModule", { value: true });
|
|
69760
69760
|
var tslib_1$7 = require$$0;
|
|
69761
|
-
var react_1$
|
|
69761
|
+
var react_1$f = React__default["default"];
|
|
69762
69762
|
var useUnmount_1 = tslib_1$7.__importDefault(useUnmount$3);
|
|
69763
69763
|
var useThrottle$2 = function (value, ms) {
|
|
69764
69764
|
if (ms === void 0) { ms = 200; }
|
|
69765
|
-
var _a = react_1$
|
|
69766
|
-
var timeout = react_1$
|
|
69767
|
-
var nextValue = react_1$
|
|
69768
|
-
var hasNextValue = react_1$
|
|
69769
|
-
react_1$
|
|
69765
|
+
var _a = react_1$f.useState(value), state = _a[0], setState = _a[1];
|
|
69766
|
+
var timeout = react_1$f.useRef();
|
|
69767
|
+
var nextValue = react_1$f.useRef(null);
|
|
69768
|
+
var hasNextValue = react_1$f.useRef(0);
|
|
69769
|
+
react_1$f.useEffect(function () {
|
|
69770
69770
|
if (!timeout.current) {
|
|
69771
69771
|
setState(value);
|
|
69772
69772
|
var timeoutCallback_1 = function () {
|
|
@@ -69799,20 +69799,20 @@
|
|
|
69799
69799
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
69800
69800
|
};
|
|
69801
69801
|
Object.defineProperty(searchIcon, "__esModule", { value: true });
|
|
69802
|
-
var react_1$
|
|
69802
|
+
var react_1$e = __importDefault$9(React__default["default"]);
|
|
69803
69803
|
var SearchIcon$1 = function (_a) {
|
|
69804
69804
|
var _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
69805
|
-
return (react_1$
|
|
69806
|
-
react_1$
|
|
69807
|
-
react_1$
|
|
69808
|
-
react_1$
|
|
69809
|
-
react_1$
|
|
69810
|
-
react_1$
|
|
69811
|
-
react_1$
|
|
69812
|
-
react_1$
|
|
69813
|
-
react_1$
|
|
69814
|
-
react_1$
|
|
69815
|
-
react_1$
|
|
69805
|
+
return (react_1$e.default.createElement("svg", { viewBox: "0 0 30 30", version: "1.1", className: className },
|
|
69806
|
+
react_1$e.default.createElement("defs", null,
|
|
69807
|
+
react_1$e.default.createElement("path", { d: "M11.5482521,20.4090671 L4.24727698,28.2009189 C3.68084207,28.8054377 2.73159653,28.8363108 2.12707771,28.2698759 C1.5225589,27.703441 1.4916858,26.7541954 2.0581207,26.1496766 L9.40599838,18.3077689 C7.95982241,16.4371424 7.0978836,14.0789715 7.0978836,11.5181818 C7.0978836,5.44914339 11.9392549,0.518181818 17.9252787,0.518181818 C23.9113026,0.518181818 28.7526738,5.44914339 28.7526738,11.5181818 C28.7526738,17.5872202 23.9113026,22.5181818 17.9252787,22.5181818 C15.539851,22.5181818 13.3361963,21.7351359 11.5482521,20.4090671 Z M17.9252787,19.5181818 C22.242011,19.5181818 25.7526738,15.9425536 25.7526738,11.5181818 C25.7526738,7.09381 22.242011,3.51818182 17.9252787,3.51818182 C13.6085464,3.51818182 10.0978836,7.09381 10.0978836,11.5181818 C10.0978836,15.9425536 13.6085464,19.5181818 17.9252787,19.5181818 Z", id: "giphy-search-icon-path-1" })),
|
|
69808
|
+
react_1$e.default.createElement("g", { id: "search", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
|
|
69809
|
+
react_1$e.default.createElement("g", { id: "icons/search" },
|
|
69810
|
+
react_1$e.default.createElement("mask", { id: "giphy-search-icon-mask-2", fill: "white" },
|
|
69811
|
+
react_1$e.default.createElement("use", { xlinkHref: "#giphy-search-icon-path-1" })),
|
|
69812
|
+
react_1$e.default.createElement("use", { id: "Mask", fill: "#FFFFFF", fillRule: "nonzero", xlinkHref: "#giphy-search-icon-path-1" }),
|
|
69813
|
+
react_1$e.default.createElement("g", { mask: "url(#giphy-search-icon-mask-2)" },
|
|
69814
|
+
react_1$e.default.createElement("g", { transform: "translate(0.250000, 0.250000)" },
|
|
69815
|
+
react_1$e.default.createElement("g", null)))))));
|
|
69816
69816
|
};
|
|
69817
69817
|
searchIcon.default = SearchIcon$1;
|
|
69818
69818
|
|
|
@@ -69844,7 +69844,7 @@
|
|
|
69844
69844
|
};
|
|
69845
69845
|
Object.defineProperty(searchButton, "__esModule", { value: true });
|
|
69846
69846
|
var core_1$1 = require$$0$1;
|
|
69847
|
-
var react_1$
|
|
69847
|
+
var react_1$d = __importStar$6(React__default["default"]);
|
|
69848
69848
|
var useThrottle_1 = __importDefault$8(useThrottle$3);
|
|
69849
69849
|
var context_1$3 = context;
|
|
69850
69850
|
var search_icon_1 = __importDefault$8(searchIcon);
|
|
@@ -69862,14 +69862,14 @@
|
|
|
69862
69862
|
var Scanner = theme_1$3.default.div(templateObject_7$n || (templateObject_7$n = __makeTemplateObject$9(["\n position: absolute;\n width: 200%;\n height: 20px;\n background: rgba(255, 255, 255, 0.5);\n transform: rotate(34deg) translate(-10px, -20px);\n animation: ", " 1s ", " 0s 1;\n filter: blur(1px);\n"], ["\n position: absolute;\n width: 200%;\n height: 20px;\n background: rgba(255, 255, 255, 0.5);\n transform: rotate(34deg) translate(-10px, -20px);\n animation: ", " 1s ", " 0s 1;\n filter: blur(1px);\n"])), searchFx, strongEasing);
|
|
69863
69863
|
var SearchIcon = theme_1$3.default(search_icon_1.default)(templateObject_8$l || (templateObject_8$l = __makeTemplateObject$9(["\n z-index: 1;\n display: flex;\n width: 60%;\n height: 60%;\n"], ["\n z-index: 1;\n display: flex;\n width: 60%;\n height: 60%;\n"])));
|
|
69864
69864
|
var SearchButton = function () {
|
|
69865
|
-
var isFetching = react_1$
|
|
69865
|
+
var isFetching = react_1$d.useContext(context_1$3.SearchContext).isFetching;
|
|
69866
69866
|
// let the animation run by throttling isFetching
|
|
69867
69867
|
var throttledFetch = useThrottle_1.default(isFetching, 1000);
|
|
69868
|
-
return (react_1$
|
|
69869
|
-
react_1$
|
|
69870
|
-
react_1$
|
|
69871
|
-
throttledFetch && (react_1$
|
|
69872
|
-
react_1$
|
|
69868
|
+
return (react_1$d.default.createElement(Container$8, null,
|
|
69869
|
+
react_1$d.default.createElement(GradientBox, null),
|
|
69870
|
+
react_1$d.default.createElement(SearchIcon, null),
|
|
69871
|
+
throttledFetch && (react_1$d.default.createElement(Fx, null,
|
|
69872
|
+
react_1$d.default.createElement(Scanner, null)))));
|
|
69873
69873
|
};
|
|
69874
69874
|
searchButton.default = SearchButton;
|
|
69875
69875
|
var templateObject_1$2y, templateObject_2$1I, templateObject_3$19, templateObject_4$O, templateObject_5$G, templateObject_6$v, templateObject_7$n, templateObject_8$l;
|
|
@@ -69903,15 +69903,15 @@
|
|
|
69903
69903
|
Object.defineProperty(searchBar, "__esModule", { value: true });
|
|
69904
69904
|
var core_1 = require$$0$1;
|
|
69905
69905
|
var js_brand_1$2 = dist$2;
|
|
69906
|
-
var react_1$
|
|
69907
|
-
var useDebounce_1
|
|
69906
|
+
var react_1$c = __importStar$5(React__default["default"]);
|
|
69907
|
+
var useDebounce_1 = __importDefault$7(useDebounce$3);
|
|
69908
69908
|
var context_1$2 = context;
|
|
69909
69909
|
var search_bar_channel_1 = __importDefault$7(searchBarChannel);
|
|
69910
69910
|
var search_button_1 = __importDefault$7(searchButton);
|
|
69911
69911
|
var theme_1$2 = __importStar$5(theme);
|
|
69912
69912
|
function usePrevious$1(value) {
|
|
69913
|
-
var ref = react_1$
|
|
69914
|
-
react_1$
|
|
69913
|
+
var ref = react_1$c.useRef(value);
|
|
69914
|
+
react_1$c.useEffect(function () {
|
|
69915
69915
|
ref.current = value;
|
|
69916
69916
|
});
|
|
69917
69917
|
return ref.current;
|
|
@@ -69923,24 +69923,24 @@
|
|
|
69923
69923
|
});
|
|
69924
69924
|
var SearchBar = function (_a) {
|
|
69925
69925
|
var className = _a.className, _b = _a.placeholder, placeholder = _b === void 0 ? "Search GIPHY" : _b, _c = _a.clear, clear = _c === void 0 ? false : _c, autoFocus = _a.autoFocus;
|
|
69926
|
-
var _d = react_1$
|
|
69926
|
+
var _d = react_1$c.useContext(context_1$2.SearchContext), setSearch = _d.setSearch, activeChannel = _d.activeChannel, setActiveChannel = _d.setActiveChannel, term = _d.term, channelSearch = _d.channelSearch;
|
|
69927
69927
|
// debounce local input
|
|
69928
|
-
var _e = react_1$
|
|
69928
|
+
var _e = react_1$c.useState(term), debouncedTerm = _e[0], setDebouncedInput = _e[1];
|
|
69929
69929
|
// used to see if the last term was a '' before clearing
|
|
69930
69930
|
var lastTerm = usePrevious$1(debouncedTerm);
|
|
69931
69931
|
// set the term when it changes
|
|
69932
|
-
useDebounce_1
|
|
69932
|
+
useDebounce_1.default(function () { return setSearch(debouncedTerm); }, SEARCH_DEBOUNCE, [debouncedTerm]);
|
|
69933
69933
|
// used only to focus the input
|
|
69934
|
-
var inputRef = react_1$
|
|
69934
|
+
var inputRef = react_1$c.useRef(null);
|
|
69935
69935
|
// we'll use this to see when we went from no channel to channel
|
|
69936
69936
|
var previousActiveChannel = usePrevious$1(activeChannel);
|
|
69937
|
-
react_1$
|
|
69937
|
+
react_1$c.useEffect(function () {
|
|
69938
69938
|
var _a;
|
|
69939
69939
|
if (autoFocus) {
|
|
69940
69940
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
69941
69941
|
}
|
|
69942
69942
|
}, [autoFocus]);
|
|
69943
|
-
react_1$
|
|
69943
|
+
react_1$c.useEffect(function () {
|
|
69944
69944
|
var _a;
|
|
69945
69945
|
// if we know have a channel, focus and clear the input
|
|
69946
69946
|
// so the user can search the channel
|
|
@@ -69950,11 +69950,11 @@
|
|
|
69950
69950
|
}
|
|
69951
69951
|
}, [debouncedTerm, activeChannel, previousActiveChannel]);
|
|
69952
69952
|
// a pill could have been clicked, update our local term state
|
|
69953
|
-
react_1$
|
|
69953
|
+
react_1$c.useEffect(function () {
|
|
69954
69954
|
setDebouncedInput(term);
|
|
69955
69955
|
}, [term]);
|
|
69956
|
-
var _f = react_1$
|
|
69957
|
-
react_1$
|
|
69956
|
+
var _f = react_1$c.useState(clear), isCleared = _f[0], setCleared = _f[1];
|
|
69957
|
+
react_1$c.useEffect(function () {
|
|
69958
69958
|
setCleared(clear);
|
|
69959
69959
|
}, [clear]);
|
|
69960
69960
|
// key ups to clear the active channel
|
|
@@ -69973,16 +69973,16 @@
|
|
|
69973
69973
|
break;
|
|
69974
69974
|
}
|
|
69975
69975
|
};
|
|
69976
|
-
return (react_1$
|
|
69977
|
-
react_1$
|
|
69978
|
-
react_1$
|
|
69976
|
+
return (react_1$c.default.createElement(Container$7, { className: [SearchBar.className, className].join(' ') },
|
|
69977
|
+
react_1$c.default.createElement(search_bar_channel_1.default, null),
|
|
69978
|
+
react_1$c.default.createElement(Input, { isUsernameSearch: !!channelSearch, onChange: function (_a) {
|
|
69979
69979
|
var value = _a.target.value;
|
|
69980
69980
|
if (!isCleared || value !== '') {
|
|
69981
69981
|
setCleared(false);
|
|
69982
69982
|
setDebouncedInput(value);
|
|
69983
69983
|
}
|
|
69984
69984
|
}, value: isCleared ? '' : debouncedTerm, placeholder: activeChannel ? "Search " + activeChannel.display_name : placeholder, autoCapitalize: "off", autoCorrect: "off", autoComplete: "off", ref: inputRef, onKeyUp: onKeyUp }),
|
|
69985
|
-
react_1$
|
|
69985
|
+
react_1$c.default.createElement(search_button_1.default, null)));
|
|
69986
69986
|
};
|
|
69987
69987
|
SearchBar.className = 'giphy-search-bar';
|
|
69988
69988
|
searchBar.default = SearchBar;
|
|
@@ -69998,14 +69998,14 @@
|
|
|
69998
69998
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
69999
69999
|
};
|
|
70000
70000
|
Object.defineProperty(trendingIcon, "__esModule", { value: true });
|
|
70001
|
-
var react_1$
|
|
70001
|
+
var react_1$b = __importDefault$6(React__default["default"]);
|
|
70002
70002
|
var TrendingIcon$1 = function (_a) {
|
|
70003
70003
|
var _b = _a.size, size = _b === void 0 ? 18 : _b, className = _a.className;
|
|
70004
|
-
return (react_1$
|
|
70005
|
-
react_1$
|
|
70006
|
-
react_1$
|
|
70007
|
-
react_1$
|
|
70008
|
-
react_1$
|
|
70004
|
+
return (react_1$b.default.createElement("svg", { width: size, height: size, viewBox: "0 0 18 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg", className: className },
|
|
70005
|
+
react_1$b.default.createElement("g", { id: "trending", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
|
|
70006
|
+
react_1$b.default.createElement("g", null,
|
|
70007
|
+
react_1$b.default.createElement("rect", { id: "Rectangle", stroke: "#979797", fill: "#D8D8D8", opacity: "0", x: "0.5", y: "0.5", width: "17", height: "17" }),
|
|
70008
|
+
react_1$b.default.createElement("path", { d: "M12.6093329,3.12057664 L15.156896,3.12057664 L9.64199318,9.04253019 L6.88133868,6.8175119 C6.7544587,6.67603813 6.56616874,6.60087259 6.38404017,6.61897279 C6.2490402,6.63288422 6.11891631,6.69661171 6.02063992,6.79697337 C2.21226835,10.5943119 0.308082561,12.4929812 0.308082561,12.4929812 C0.308082561,12.4929812 0.527106106,12.8074292 0.710953088,13.0215425 C0.833517743,13.1642848 0.975497751,13.3098497 1.13689311,13.4582373 L6.47329888,8.13191205 L9.16381134,10.2953038 C9.40800276,10.5710787 9.68933701,10.7021044 10.019278,10.4570223 L16.0239805,4.04474473 C16.0239805,5.87956383 16.0239805,6.79697337 16.0239805,6.79697337 C16.0239805,6.79697337 16.4320205,6.79697337 17.2481004,6.79697337 L17.2481004,1.80604505 C14.1555887,1.80604505 12.6093329,1.80604505 12.6093329,1.80604505 C12.6093329,1.80604505 12.6093329,2.24422225 12.6093329,3.12057664 Z", id: "Shape", stroke: "#00CCFF", strokeWidth: "0.4", fill: "#00CCFF", fillRule: "nonzero", transform: "translate(8.778091, 7.632141) rotate(-2.000000) translate(-8.778091, -7.632141) " })))));
|
|
70009
70009
|
};
|
|
70010
70010
|
trendingIcon.default = TrendingIcon$1;
|
|
70011
70011
|
|
|
@@ -70038,7 +70038,7 @@
|
|
|
70038
70038
|
Object.defineProperty(pills, "__esModule", { value: true });
|
|
70039
70039
|
pills.TrendingSearchPill = pills.ChannelPill = void 0;
|
|
70040
70040
|
var js_brand_1$1 = dist$2;
|
|
70041
|
-
var react_1$
|
|
70041
|
+
var react_1$a = __importStar$4(React__default["default"]);
|
|
70042
70042
|
var avatar_1$1 = __importDefault$5(avatar);
|
|
70043
70043
|
var verified_badge_1 = __importDefault$5(verifiedBadge);
|
|
70044
70044
|
var context_1$1 = context;
|
|
@@ -70051,20 +70051,20 @@
|
|
|
70051
70051
|
var TrendingIcon = theme_1$1.default(trending_icon_1.default)(templateObject_4$N || (templateObject_4$N = __makeTemplateObject$7(["\n margin-right: 2px;\n"], ["\n margin-right: 2px;\n"])));
|
|
70052
70052
|
var ChannelPill = function (_a) {
|
|
70053
70053
|
var channel = _a.channel;
|
|
70054
|
-
var setActiveChannel = react_1$
|
|
70055
|
-
return (react_1$
|
|
70056
|
-
react_1$
|
|
70057
|
-
react_1$
|
|
70054
|
+
var setActiveChannel = react_1$a.useContext(context_1$1.SearchContext).setActiveChannel;
|
|
70055
|
+
return (react_1$a.default.createElement(ChannelPillContainer, { key: channel.id, onClick: function () { return setActiveChannel(channel); } },
|
|
70056
|
+
react_1$a.default.createElement(Avatar$2, { user: channel.user }),
|
|
70057
|
+
react_1$a.default.createElement("div", null,
|
|
70058
70058
|
"@",
|
|
70059
70059
|
channel.user.username),
|
|
70060
|
-
channel.user.is_verified && react_1$
|
|
70060
|
+
channel.user.is_verified && react_1$a.default.createElement(verified_badge_1.default, { size: 14 })));
|
|
70061
70061
|
};
|
|
70062
70062
|
pills.ChannelPill = ChannelPill;
|
|
70063
70063
|
var TrendingSearchPill = function (_a) {
|
|
70064
70064
|
var trendingSearch = _a.trendingSearch;
|
|
70065
|
-
var setSearch = react_1$
|
|
70066
|
-
return (react_1$
|
|
70067
|
-
react_1$
|
|
70065
|
+
var setSearch = react_1$a.useContext(context_1$1.SearchContext).setSearch;
|
|
70066
|
+
return (react_1$a.default.createElement(TrendingSearchPillContainer, { key: trendingSearch, onClick: function () { return setSearch(trendingSearch); } },
|
|
70067
|
+
react_1$a.default.createElement(TrendingIcon, { size: 16 }),
|
|
70068
70068
|
trendingSearch));
|
|
70069
70069
|
};
|
|
70070
70070
|
pills.TrendingSearchPill = TrendingSearchPill;
|
|
@@ -70130,15 +70130,15 @@
|
|
|
70130
70130
|
}
|
|
70131
70131
|
};
|
|
70132
70132
|
Object.defineProperty(suggestionBar, "__esModule", { value: true });
|
|
70133
|
-
var react_1$
|
|
70133
|
+
var react_1$9 = __importStar$3(React__default["default"]);
|
|
70134
70134
|
var context_1 = context;
|
|
70135
70135
|
var theme_1 = __importStar$3(theme);
|
|
70136
70136
|
var pills_1 = pills;
|
|
70137
70137
|
var Container$6 = theme_1.default.div(templateObject_1$2v || (templateObject_1$2v = __makeTemplateObject$6(["\n display: flex;\n color: white;\n flex-direction: row;\n font-family: 'interface';\n font-weight: 600;\n font-size: 14px;\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n padding-bottom: 10px;\n ", "\n"], ["\n display: flex;\n color: white;\n flex-direction: row;\n font-family: 'interface';\n font-weight: 600;\n font-size: 14px;\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n padding-bottom: 10px;\n ", "\n"])), function (props) { return theme_1.getSize(props.theme); });
|
|
70138
70138
|
var SuggestionBar = function () {
|
|
70139
|
-
var _a = react_1$
|
|
70140
|
-
var _b = react_1$
|
|
70141
|
-
react_1$
|
|
70139
|
+
var _a = react_1$9.useContext(context_1.SearchContext), channelSearch = _a.channelSearch, fetchChannelSearch = _a.fetchChannelSearch, trendingSearches = _a.trendingSearches, activeChannel = _a.activeChannel;
|
|
70140
|
+
var _b = react_1$9.useState([]), channels = _b[0], setChannels = _b[1];
|
|
70141
|
+
react_1$9.useEffect(function () {
|
|
70142
70142
|
var fetchChannels = function () { return __awaiter$3(void 0, void 0, void 0, function () {
|
|
70143
70143
|
var channels;
|
|
70144
70144
|
return __generator$3(this, function (_a) {
|
|
@@ -70159,9 +70159,9 @@
|
|
|
70159
70159
|
setChannels([]);
|
|
70160
70160
|
}
|
|
70161
70161
|
}, [channelSearch, activeChannel, fetchChannelSearch]);
|
|
70162
|
-
return (react_1$
|
|
70163
|
-
? channels.map(function (channel) { return react_1$
|
|
70164
|
-
: trendingSearches.map(function (trendingSearch) { return (react_1$
|
|
70162
|
+
return (react_1$9.default.createElement(Container$6, null, channels.length > 0
|
|
70163
|
+
? channels.map(function (channel) { return react_1$9.default.createElement(pills_1.ChannelPill, { key: channel.id, channel: channel }); })
|
|
70164
|
+
: trendingSearches.map(function (trendingSearch) { return (react_1$9.default.createElement(pills_1.TrendingSearchPill, { key: trendingSearch, trendingSearch: trendingSearch })); })));
|
|
70165
70165
|
};
|
|
70166
70166
|
suggestionBar.default = SuggestionBar;
|
|
70167
70167
|
var templateObject_1$2v;
|
|
@@ -71633,7 +71633,7 @@
|
|
|
71633
71633
|
return [isReady, clear, set];
|
|
71634
71634
|
}
|
|
71635
71635
|
|
|
71636
|
-
function useDebounce$
|
|
71636
|
+
function useDebounce$1(fn, ms, deps) {
|
|
71637
71637
|
if (ms === void 0) { ms = 0; }
|
|
71638
71638
|
if (deps === void 0) { deps = []; }
|
|
71639
71639
|
var _a = useTimeoutFn(fn, ms), isReady = _a[0], cancel = _a[1], reset = _a[2];
|
|
@@ -73544,14 +73544,14 @@
|
|
|
73544
73544
|
var useSearchParamServer = function () { return null; };
|
|
73545
73545
|
var useSearchParam$1 = isBrowser ? useSearchParam : useSearchParamServer;
|
|
73546
73546
|
|
|
73547
|
-
var lib$
|
|
73547
|
+
var lib$1 = {};
|
|
73548
73548
|
|
|
73549
73549
|
var render$1 = {};
|
|
73550
73550
|
|
|
73551
73551
|
Object.defineProperty(render$1, "__esModule", { value: true });
|
|
73552
73552
|
var tslib_1$6 = require$$0;
|
|
73553
|
-
var react_1$
|
|
73554
|
-
var isReact16Plus = parseInt(react_1$
|
|
73553
|
+
var react_1$8 = React__default["default"];
|
|
73554
|
+
var isReact16Plus = parseInt(react_1$8.version.substr(0, react_1$8.version.indexOf('.'))) > 15;
|
|
73555
73555
|
var isFn = function (fn) { return typeof fn === 'function'; };
|
|
73556
73556
|
var render = function (props, data) {
|
|
73557
73557
|
var more = [];
|
|
@@ -73578,10 +73578,10 @@
|
|
|
73578
73578
|
if (isFn(children))
|
|
73579
73579
|
return children.apply(void 0, tslib_1$6.__spreadArrays([data], more));
|
|
73580
73580
|
if (comp) {
|
|
73581
|
-
return react_1$
|
|
73581
|
+
return react_1$8.createElement(comp, data);
|
|
73582
73582
|
}
|
|
73583
73583
|
if (children instanceof Array)
|
|
73584
|
-
return isReact16Plus ? children : react_1$
|
|
73584
|
+
return isReact16Plus ? children : react_1$8.createElement.apply(void 0, tslib_1$6.__spreadArrays(['div', null], children));
|
|
73585
73585
|
if (children && (children instanceof Object)) {
|
|
73586
73586
|
if (browser$1$1.env.NODE_ENV !== 'production') {
|
|
73587
73587
|
if (!children.type || ((typeof children.type !== 'string') && (typeof children.type !== 'function') && (typeof children.type !== 'symbol'))) {
|
|
@@ -73591,12 +73591,12 @@
|
|
|
73591
73591
|
}
|
|
73592
73592
|
if (typeof children.type === 'string')
|
|
73593
73593
|
return children;
|
|
73594
|
-
return react_1$
|
|
73594
|
+
return react_1$8.cloneElement(children, Object.assign({}, children.props, data));
|
|
73595
73595
|
}
|
|
73596
73596
|
else {
|
|
73597
73597
|
if (typeof children.type === 'string')
|
|
73598
73598
|
return children;
|
|
73599
|
-
return react_1$
|
|
73599
|
+
return react_1$8.cloneElement(children, Object.assign({}, children.props, data));
|
|
73600
73600
|
}
|
|
73601
73601
|
}
|
|
73602
73602
|
return children || null;
|
|
@@ -73685,15 +73685,15 @@
|
|
|
73685
73685
|
};
|
|
73686
73686
|
hookToRenderProp$1.default = hookToRenderProp;
|
|
73687
73687
|
|
|
73688
|
-
Object.defineProperty(lib$
|
|
73689
|
-
lib$
|
|
73688
|
+
Object.defineProperty(lib$1, "__esModule", { value: true });
|
|
73689
|
+
lib$1.hookToRenderProp = lib$1.createEnhancer = lib$1.render = void 0;
|
|
73690
73690
|
var tslib_1$1 = require$$0;
|
|
73691
73691
|
var render_1 = tslib_1$1.__importDefault(render$1);
|
|
73692
|
-
lib$
|
|
73692
|
+
lib$1.render = render_1.default;
|
|
73693
73693
|
var createEnhancer_1 = tslib_1$1.__importDefault(createEnhancer$1);
|
|
73694
|
-
lib$
|
|
73694
|
+
lib$1.createEnhancer = createEnhancer_1.default;
|
|
73695
73695
|
var hookToRenderProp_1 = tslib_1$1.__importDefault(hookToRenderProp$1);
|
|
73696
|
-
lib$
|
|
73696
|
+
lib$1.hookToRenderProp = hookToRenderProp_1.default;
|
|
73697
73697
|
|
|
73698
73698
|
var useScratch = function (params) {
|
|
73699
73699
|
if (params === void 0) { params = {}; }
|
|
@@ -74426,10 +74426,10 @@
|
|
|
74426
74426
|
}
|
|
74427
74427
|
var useTitle$1 = typeof document !== 'undefined' ? useTitle : function (_title) { };
|
|
74428
74428
|
|
|
74429
|
-
var lib
|
|
74429
|
+
var lib = {};
|
|
74430
74430
|
|
|
74431
|
-
Object.defineProperty(lib
|
|
74432
|
-
var easing$1 = lib
|
|
74431
|
+
Object.defineProperty(lib, "__esModule", { value: true });
|
|
74432
|
+
var easing$1 = lib.easing = {
|
|
74433
74433
|
// No easing, no acceleration
|
|
74434
74434
|
linear: function (t) { return t; },
|
|
74435
74435
|
// Accelerates fast, then slows quickly towards end.
|
|
@@ -74835,7 +74835,7 @@
|
|
|
74835
74835
|
useCounter: useCounter,
|
|
74836
74836
|
useCss: useCss$1,
|
|
74837
74837
|
useCustomCompareEffect: useCustomCompareEffect$1,
|
|
74838
|
-
useDebounce: useDebounce$
|
|
74838
|
+
useDebounce: useDebounce$1,
|
|
74839
74839
|
useDeepCompareEffect: useDeepCompareEffect$1,
|
|
74840
74840
|
useDefault: useDefault$1,
|
|
74841
74841
|
useDrop: useDrop$1,
|
|
@@ -74943,15 +74943,15 @@
|
|
|
74943
74943
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
74944
74944
|
};
|
|
74945
74945
|
Object.defineProperty(clipsBranding, "__esModule", { value: true });
|
|
74946
|
-
var react_1$
|
|
74946
|
+
var react_1$7 = __importDefault$4(React__default["default"]);
|
|
74947
74947
|
var GIPHYClips = function (_a) {
|
|
74948
74948
|
var onClick = _a.onClick;
|
|
74949
|
-
return (react_1$
|
|
74950
|
-
react_1$
|
|
74951
|
-
react_1$
|
|
74952
|
-
react_1$
|
|
74953
|
-
react_1$
|
|
74954
|
-
react_1$
|
|
74949
|
+
return (react_1$7.default.createElement("svg", { width: "66px", height: "13px", viewBox: "0 0 66 13", onClick: onClick },
|
|
74950
|
+
react_1$7.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
|
|
74951
|
+
react_1$7.default.createElement("g", { transform: "translate(-1060.000000, -462.000000)", fill: "#FFFFFF", fillRule: "nonzero" },
|
|
74952
|
+
react_1$7.default.createElement("g", { transform: "translate(931.000000, 286.375671)" },
|
|
74953
|
+
react_1$7.default.createElement("g", { transform: "translate(86.000000, 136.124329)" },
|
|
74954
|
+
react_1$7.default.createElement("path", { d: "M47.968,49.1962322 C49.588,49.1962322 51.052,48.6202322 51.58,47.5522322 L51.58,43.8202322 L47.476,43.8202322 L47.476,45.6802322 L49.6,45.6802322 L49.6,46.7602322 C49.12,47.1082322 48.424,47.1922322 47.98,47.1922322 C46.288,47.1922322 45.724,45.8602322 45.724,44.7802322 C45.724,43.1362322 46.612,42.3202322 47.98,42.3202322 C48.544,42.3202322 49.288,42.4762322 49.9,43.0522322 L51.28,41.6842322 C50.176,40.5682322 49.144,40.3282322 47.98,40.3282322 C44.824,40.3282322 43.384,42.5842322 43.384,44.7802322 C43.384,46.9762322 44.644,49.1962322 47.968,49.1962322 Z M54.928,48.9682322 L54.928,40.5682322 L52.564,40.5682322 L52.564,48.9682322 L54.928,48.9682322 Z M58.648,48.9682322 L58.648,46.7002322 L60.352,46.7002322 C62.596,46.6762322 63.724,45.3442322 63.724,43.6282322 C63.724,41.9842322 62.608,40.5682322 60.352,40.5682322 L56.272,40.5682322 L56.272,48.9682322 L58.648,48.9682322 Z M60.352,44.6962322 L58.648,44.6962322 L58.648,42.6082322 L60.352,42.6082322 C61,42.6082322 61.348,43.1122322 61.348,43.6642322 C61.348,44.2162322 61.012,44.6962322 60.352,44.6962322 Z M66.796,48.9802322 L66.796,45.8002322 L69.82,45.8002322 L69.82,48.9802322 L72.172,48.9802322 L72.172,40.5802322 L69.82,40.5802322 L69.82,43.7722322 L66.796,43.7722322 L66.796,40.5802322 L64.42,40.5802322 L64.42,48.9802322 L66.796,48.9802322 Z M78.16,48.9682322 L78.16,45.6202322 L81.496,40.6762322 L81.496,40.5682322 L78.82,40.5682322 L77.008,43.4482322 L75.268,40.5682322 L72.592,40.5682322 L72.592,40.6642322 L75.784,45.6202322 L75.784,48.9682322 L78.16,48.9682322 Z M87.796,49.1362322 C88.972,49.1362322 90.088,48.7402322 90.952,47.8882322 L90.028,46.9642322 C89.44,47.5522322 88.576,47.8762322 87.796,47.8762322 C85.624,47.8762322 84.712,46.3522322 84.7,44.8162322 C84.688,43.2682322 85.66,41.6962322 87.796,41.6962322 C88.576,41.6962322 89.368,41.9722322 89.968,42.5602322 L90.868,41.6962322 C90.016,40.8442322 88.924,40.4242322 87.796,40.4242322 C84.796,40.4242322 83.356,42.6202322 83.3679256,44.8282322 C83.38,47.0362322 84.748,49.1362322 87.796,49.1362322 Z M93.028,48.9682322 L93.028,40.5802322 L91.792,40.5802322 L91.792,48.9682322 L93.028,48.9682322 Z M94.252,41.3122322 C94.252,42.3322322 95.788,42.3322322 95.788,41.3122322 C95.788,40.3042322 94.252,40.3042322 94.252,41.3122322 Z M95.632,48.9682322 L95.632,43.0282322 L94.396,43.0282322 L94.396,48.9682322 L95.632,48.9682322 Z M98.188,51.7162322 L98.188,48.1042322 C98.632,48.8362322 99.556,49.1002322 100.276,49.1002322 C102.112,49.1002322 103.264,47.8042322 103.264,46.0162322 C103.264,44.2282322 102.04,42.9442322 100.276,42.9322322 C99.484,42.9322322 98.644,43.2922322 98.188,44.0122322 L98.116,43.0522322 L96.952,43.0522322 L96.952,51.7162322 L98.188,51.7162322 Z M100.156,47.9002322 C99.076,47.9002322 98.296,47.0722322 98.296,46.0162322 C98.296,44.9602322 99.016,44.1322322 100.156,44.1322322 C101.284,44.1322322 102.028,44.9002322 102.028,46.0162322 C102.028,47.1202322 101.236,47.9002322 100.156,47.9002322 Z M106.456,49.1482322 C107.992,49.1482322 108.964,48.3802322 108.976,47.2762322 C108.988,45.7522322 107.56,45.5122322 106.468,45.4162322 C105.712,45.3442322 105.196,45.1522322 105.184,44.6602322 C105.184,44.1922322 105.688,43.9402322 106.444,43.9522322 C107.032,43.9522322 107.536,44.0722322 108.004,44.5042322 L108.7,43.6882322 C108.04,43.1002322 107.332,42.8962322 106.42,42.8962322 C105.316,42.8962322 103.96,43.3882322 103.96,44.6962322 C103.972,46.0042322 105.256,46.3642322 106.372,46.4722322 C107.248,46.5562322 107.752,46.7602322 107.74,47.2882322 C107.728,47.8402322 107.068,48.0562322 106.48,48.0562322 C105.784,48.0442322 104.956,47.7922322 104.404,47.1802322 L103.756,48.0562322 C104.536,48.9322322 105.496,49.1482322 106.456,49.1482322 Z", id: "GIPHYClips" })))))));
|
|
74955
74955
|
};
|
|
74956
74956
|
clipsBranding.default = GIPHYClips;
|
|
74957
74957
|
|
|
@@ -74964,7 +74964,7 @@
|
|
|
74964
74964
|
};
|
|
74965
74965
|
Object.defineProperty(attribution, "__esModule", { value: true });
|
|
74966
74966
|
var styled_1$3 = __importDefault$3(require$$0$4);
|
|
74967
|
-
var react_1$
|
|
74967
|
+
var react_1$6 = __importDefault$3(React__default["default"]);
|
|
74968
74968
|
var avatar_1 = __importDefault$3(avatar);
|
|
74969
74969
|
var user_1 = __importDefault$3(user);
|
|
74970
74970
|
var clips_branding_1 = __importDefault$3(clipsBranding);
|
|
@@ -74977,7 +74977,7 @@
|
|
|
74977
74977
|
if (!(user === null || user === void 0 ? void 0 : user.username) && !(user === null || user === void 0 ? void 0 : user.display_name)) {
|
|
74978
74978
|
return null;
|
|
74979
74979
|
}
|
|
74980
|
-
return (react_1$
|
|
74980
|
+
return (react_1$6.default.createElement(Container$5, { className: [Attribution.className, className].join(' '), onClick: function (e) {
|
|
74981
74981
|
e.preventDefault();
|
|
74982
74982
|
e.stopPropagation();
|
|
74983
74983
|
if (onClick) {
|
|
@@ -74989,9 +74989,9 @@
|
|
|
74989
74989
|
window.open(url, '_blank');
|
|
74990
74990
|
}
|
|
74991
74991
|
} },
|
|
74992
|
-
react_1$
|
|
74993
|
-
react_1$
|
|
74994
|
-
react_1$
|
|
74992
|
+
react_1$6.default.createElement(Avatar$1, { user: user }),
|
|
74993
|
+
react_1$6.default.createElement(Right, null,
|
|
74994
|
+
react_1$6.default.createElement(clips_branding_1.default, { onClick: function (e) {
|
|
74995
74995
|
e.preventDefault();
|
|
74996
74996
|
e.stopPropagation();
|
|
74997
74997
|
if (onClick) {
|
|
@@ -75001,7 +75001,7 @@
|
|
|
75001
75001
|
window.open(gif.url, '_blank');
|
|
75002
75002
|
}
|
|
75003
75003
|
} }),
|
|
75004
|
-
react_1$
|
|
75004
|
+
react_1$6.default.createElement(user_1.default, { user: user }))));
|
|
75005
75005
|
};
|
|
75006
75006
|
Attribution.className = 'giphy-attribution';
|
|
75007
75007
|
attribution.default = Attribution;
|
|
@@ -75076,19 +75076,19 @@
|
|
|
75076
75076
|
util$1.isNavigator = typeof navigator !== 'undefined';
|
|
75077
75077
|
|
|
75078
75078
|
Object.defineProperty(useIsomorphicLayoutEffect$1, "__esModule", { value: true });
|
|
75079
|
-
var react_1$
|
|
75079
|
+
var react_1$5 = React__default["default"];
|
|
75080
75080
|
var util_1$1 = util$1;
|
|
75081
|
-
var useIsomorphicLayoutEffect = util_1$1.isBrowser ? react_1$
|
|
75081
|
+
var useIsomorphicLayoutEffect = util_1$1.isBrowser ? react_1$5.useLayoutEffect : react_1$5.useEffect;
|
|
75082
75082
|
useIsomorphicLayoutEffect$1.default = useIsomorphicLayoutEffect;
|
|
75083
75083
|
|
|
75084
75084
|
Object.defineProperty(useRaf$1, "__esModule", { value: true });
|
|
75085
75085
|
var tslib_1 = require$$0;
|
|
75086
|
-
var react_1$
|
|
75086
|
+
var react_1$4 = React__default["default"];
|
|
75087
75087
|
var useIsomorphicLayoutEffect_1 = tslib_1.__importDefault(useIsomorphicLayoutEffect$1);
|
|
75088
75088
|
var useRaf = function (ms, delay) {
|
|
75089
75089
|
if (ms === void 0) { ms = 1e12; }
|
|
75090
75090
|
if (delay === void 0) { delay = 0; }
|
|
75091
|
-
var _a = react_1$
|
|
75091
|
+
var _a = react_1$4.useState(0), elapsed = _a[0], set = _a[1];
|
|
75092
75092
|
useIsomorphicLayoutEffect_1.default(function () {
|
|
75093
75093
|
var raf;
|
|
75094
75094
|
var timerStop;
|
|
@@ -75130,7 +75130,7 @@
|
|
|
75130
75130
|
Object.defineProperty(progressBar, "__esModule", { value: true });
|
|
75131
75131
|
var styled_1$2 = __importDefault$2(require$$0$4);
|
|
75132
75132
|
var js_brand_1 = dist$2;
|
|
75133
|
-
var react_1$
|
|
75133
|
+
var react_1$3 = __importDefault$2(React__default["default"]);
|
|
75134
75134
|
var useRaf_1 = __importDefault$2(useRaf$1);
|
|
75135
75135
|
var Bar$1 = styled_1$2.default.div(templateObject_1$2t || (templateObject_1$2t = __makeTemplateObject$4(["\n background: ", ";\n height: ", "px;\n position: absolute;\n width: 5px;\n bottom: 0;\n left: 0;\n opacity: 0.95;\n"], ["\n background: ", ";\n height: ", "px;\n position: absolute;\n width: 5px;\n bottom: 0;\n left: 0;\n opacity: 0.95;\n"])), js_brand_1.giphyWhite, function (props) { return props.barHeight; });
|
|
75136
75136
|
var ProgressBar = function (_a) {
|
|
@@ -75148,7 +75148,7 @@
|
|
|
75148
75148
|
barHeight = 4;
|
|
75149
75149
|
}
|
|
75150
75150
|
percentage = duration < 10 && percentage > 98 ? 100 : percentage;
|
|
75151
|
-
return react_1$
|
|
75151
|
+
return react_1$3.default.createElement(Bar$1, { style: { width: percentage + "%" }, barHeight: barHeight, className: "hide-in-percy" });
|
|
75152
75152
|
};
|
|
75153
75153
|
progressBar.default = ProgressBar;
|
|
75154
75154
|
var templateObject_1$2t;
|
|
@@ -75244,7 +75244,7 @@
|
|
|
75244
75244
|
Object.defineProperty(video, "__esModule", { value: true });
|
|
75245
75245
|
var js_analytics_1 = dist;
|
|
75246
75246
|
var js_util_1$1 = dist$3;
|
|
75247
|
-
var react_1$
|
|
75247
|
+
var react_1$2 = __importStar$2(React__default["default"]);
|
|
75248
75248
|
var util_1 = util;
|
|
75249
75249
|
var quartileEvents = [0.25, 0.5, 0.75];
|
|
75250
75250
|
var videoClassName = 'giphy-video';
|
|
@@ -75263,28 +75263,28 @@
|
|
|
75263
75263
|
var muted = _a.muted, _e = _a.ccEnabled, ccEnabled = _e === void 0 ? false : _e, _f = _a.ccLanguage, ccLanguage = _f === void 0 ? 'en' : _f, _g = _a.loop, loop = _g === void 0 ? true : _g, onStateChange = _a.onStateChange, onTimeUpdate = _a.onTimeUpdate, onCanPlay = _a.onCanPlay, onFirstPlay = _a.onFirstPlay, onWaiting = _a.onWaiting, onMuted = _a.onMuted, onError = _a.onError, onEnded = _a.onEnded, onLoop = _a.onLoop, onQuartile = _a.onQuartile, onEndFullscreen = _a.onEndFullscreen, setVideoEl = _a.setVideoEl, gif = _a.gif, width = _a.width, height_ = _a.height, _h = _a.volume, volume = _h === void 0 ? 0.7 : _h, _j = _a.className, className = _j === void 0 ? videoClassName : _j;
|
|
75264
75264
|
var height = height_ || js_util_1$1.getGifHeight(gif, width);
|
|
75265
75265
|
// state
|
|
75266
|
-
var _k = react_1$
|
|
75267
|
-
var seek = react_1$
|
|
75266
|
+
var _k = react_1$2.useState(js_util_1$1.getBestVideo(gif.video, width, height)), media = _k[0], setMedia = _k[1];
|
|
75267
|
+
var seek = react_1$2.useRef(0);
|
|
75268
75268
|
if (!media) {
|
|
75269
75269
|
// Not all gif requests have video content
|
|
75270
75270
|
// use { type: 'videos' } for search or trending endpoints
|
|
75271
75271
|
console.warn("GiphyJS No video content for id: " + gif.id);
|
|
75272
75272
|
}
|
|
75273
|
-
var mountTime = react_1$
|
|
75274
|
-
var hasPlayingFired = react_1$
|
|
75275
|
-
var loopNumber = react_1$
|
|
75276
|
-
var waitingCount = react_1$
|
|
75277
|
-
var quartilesFired = react_1$
|
|
75273
|
+
var mountTime = react_1$2.useRef(Date.now());
|
|
75274
|
+
var hasPlayingFired = react_1$2.useRef(false);
|
|
75275
|
+
var loopNumber = react_1$2.useRef(0);
|
|
75276
|
+
var waitingCount = react_1$2.useRef(0);
|
|
75277
|
+
var quartilesFired = react_1$2.useRef(new Set());
|
|
75278
75278
|
// reset the above when the gif.id changes
|
|
75279
|
-
react_1$
|
|
75279
|
+
react_1$2.useEffect(function () {
|
|
75280
75280
|
mountTime.current = Date.now();
|
|
75281
75281
|
hasPlayingFired.current = false;
|
|
75282
75282
|
loopNumber.current = 1;
|
|
75283
75283
|
waitingCount.current = 0;
|
|
75284
75284
|
quartilesFired.current = new Set();
|
|
75285
75285
|
}, [gif.id]);
|
|
75286
|
-
var videoEl = react_1$
|
|
75287
|
-
react_1$
|
|
75286
|
+
var videoEl = react_1$2.useRef(null);
|
|
75287
|
+
react_1$2.useEffect(function () {
|
|
75288
75288
|
// when the width and height change, check if there's a new url
|
|
75289
75289
|
var newMedia = js_util_1$1.getBestVideo(gif.video, width, height);
|
|
75290
75290
|
if (videoEl.current && (media === null || media === void 0 ? void 0 : media.url) && newMedia.url !== media.url) {
|
|
@@ -75297,13 +75297,13 @@
|
|
|
75297
75297
|
setMedia(newMedia);
|
|
75298
75298
|
}
|
|
75299
75299
|
}, [width, height_, gif.video, height, media === null || media === void 0 ? void 0 : media.url, gif.id]);
|
|
75300
|
-
react_1$
|
|
75300
|
+
react_1$2.useEffect(function () {
|
|
75301
75301
|
if (videoEl.current && (media === null || media === void 0 ? void 0 : media.url) && seek.current) {
|
|
75302
75302
|
videoEl.current.currentTime = seek.current;
|
|
75303
75303
|
seek.current = 0;
|
|
75304
75304
|
}
|
|
75305
75305
|
}, [media === null || media === void 0 ? void 0 : media.url, seek]);
|
|
75306
|
-
var _onError = react_1$
|
|
75306
|
+
var _onError = react_1$2.useCallback(function () {
|
|
75307
75307
|
var _a;
|
|
75308
75308
|
var el = videoEl.current;
|
|
75309
75309
|
var code = (_a = el === null || el === void 0 ? void 0 : el.error) === null || _a === void 0 ? void 0 : _a.code;
|
|
@@ -75313,7 +75313,7 @@
|
|
|
75313
75313
|
onError === null || onError === void 0 ? void 0 : onError(code);
|
|
75314
75314
|
}
|
|
75315
75315
|
}, [onError]);
|
|
75316
|
-
var _onPlaying = react_1$
|
|
75316
|
+
var _onPlaying = react_1$2.useCallback(function () {
|
|
75317
75317
|
onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange('playing');
|
|
75318
75318
|
if (!hasPlayingFired.current) {
|
|
75319
75319
|
hasPlayingFired.current = true;
|
|
@@ -75323,8 +75323,8 @@
|
|
|
75323
75323
|
onFirstPlay === null || onFirstPlay === void 0 ? void 0 : onFirstPlay(Date.now() - mountTime.current);
|
|
75324
75324
|
}
|
|
75325
75325
|
}, [onFirstPlay, onStateChange, gif]);
|
|
75326
|
-
var _onPaused = react_1$
|
|
75327
|
-
var _onTimeUpdate = react_1$
|
|
75326
|
+
var _onPaused = react_1$2.useCallback(function () { return onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange('paused'); }, [onStateChange]);
|
|
75327
|
+
var _onTimeUpdate = react_1$2.useCallback(function () {
|
|
75328
75328
|
var el = videoEl.current;
|
|
75329
75329
|
if (el) {
|
|
75330
75330
|
var playhead_1 = el.currentTime;
|
|
@@ -75338,15 +75338,15 @@
|
|
|
75338
75338
|
onTimeUpdate === null || onTimeUpdate === void 0 ? void 0 : onTimeUpdate(playhead_1 || 0);
|
|
75339
75339
|
}
|
|
75340
75340
|
}, [onQuartile, onTimeUpdate]);
|
|
75341
|
-
var _onCanPlay = react_1$
|
|
75342
|
-
var _onWaiting = react_1$
|
|
75341
|
+
var _onCanPlay = react_1$2.useCallback(function () { return onCanPlay === null || onCanPlay === void 0 ? void 0 : onCanPlay(); }, [onCanPlay]);
|
|
75342
|
+
var _onWaiting = react_1$2.useCallback(function () {
|
|
75343
75343
|
var el = videoEl.current;
|
|
75344
75344
|
// we get a waiting event after a loop, so ignore the first one while the play head is 0
|
|
75345
75345
|
if ((el === null || el === void 0 ? void 0 : el.currentTime) !== 0 && (el === null || el === void 0 ? void 0 : el.networkState) !== Network.IDLE) {
|
|
75346
75346
|
onWaiting === null || onWaiting === void 0 ? void 0 : onWaiting(++waitingCount.current);
|
|
75347
75347
|
}
|
|
75348
75348
|
}, [onWaiting]);
|
|
75349
|
-
var _onEnded = react_1$
|
|
75349
|
+
var _onEnded = react_1$2.useCallback(function () {
|
|
75350
75350
|
// helps prevent two ended events when changing media
|
|
75351
75351
|
if (!hasPlayingFired.current) {
|
|
75352
75352
|
return;
|
|
@@ -75358,8 +75358,8 @@
|
|
|
75358
75358
|
loopNumber.current = loopNumber.current + 1;
|
|
75359
75359
|
onEnded === null || onEnded === void 0 ? void 0 : onEnded();
|
|
75360
75360
|
}, [onEnded, loop, onLoop]);
|
|
75361
|
-
var _onEndFullscreen = react_1$
|
|
75362
|
-
var tryAutoPlayWithSound = react_1$
|
|
75361
|
+
var _onEndFullscreen = react_1$2.useCallback(function () { return onEndFullscreen === null || onEndFullscreen === void 0 ? void 0 : onEndFullscreen(); }, [onEndFullscreen]);
|
|
75362
|
+
var tryAutoPlayWithSound = react_1$2.useCallback(function (videoEl) { return __awaiter$2(void 0, void 0, void 0, function () {
|
|
75363
75363
|
var promisePlay;
|
|
75364
75364
|
return __generator$2(this, function (_a) {
|
|
75365
75365
|
switch (_a.label) {
|
|
@@ -75388,7 +75388,7 @@
|
|
|
75388
75388
|
}
|
|
75389
75389
|
});
|
|
75390
75390
|
}); }, [onMuted]);
|
|
75391
|
-
react_1$
|
|
75391
|
+
react_1$2.useEffect(function () {
|
|
75392
75392
|
var el = videoEl.current;
|
|
75393
75393
|
if (el) {
|
|
75394
75394
|
tryAutoPlayWithSound(el);
|
|
@@ -75399,7 +75399,7 @@
|
|
|
75399
75399
|
}
|
|
75400
75400
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
75401
75401
|
}, []);
|
|
75402
|
-
react_1$
|
|
75402
|
+
react_1$2.useEffect(function () {
|
|
75403
75403
|
var el = videoEl.current;
|
|
75404
75404
|
if (el) {
|
|
75405
75405
|
el.addEventListener('play', _onPlaying);
|
|
@@ -75425,7 +75425,7 @@
|
|
|
75425
75425
|
};
|
|
75426
75426
|
}, [_onPlaying, _onPaused, _onError, _onTimeUpdate, _onCanPlay, _onEnded, _onWaiting, _onEndFullscreen]);
|
|
75427
75427
|
var captionSrc = (_d = (_c = (_b = gif.video) === null || _b === void 0 ? void 0 : _b.captions) === null || _c === void 0 ? void 0 : _c[ccLanguage]) === null || _d === void 0 ? void 0 : _d.vtt;
|
|
75428
|
-
return (media === null || media === void 0 ? void 0 : media.url) ? (react_1$
|
|
75428
|
+
return (media === null || media === void 0 ? void 0 : media.url) ? (react_1$2.default.createElement("video", { crossOrigin: "anonymous", draggable: true, className: className, width: width, height: height, muted: muted, autoPlay: true, playsInline: true, ref: videoEl, src: media === null || media === void 0 ? void 0 : media.url }, ccEnabled && captionSrc && (react_1$2.default.createElement("track", { label: "English", kind: "subtitles", srcLang: ccLanguage, src: captionSrc, default: true })))) : null;
|
|
75429
75429
|
};
|
|
75430
75430
|
Video.className = videoClassName;
|
|
75431
75431
|
video.default = Video;
|
|
@@ -75470,7 +75470,7 @@
|
|
|
75470
75470
|
Object.defineProperty(video$1, "__esModule", { value: true });
|
|
75471
75471
|
var styled_1$1 = __importDefault$1(require$$0$4);
|
|
75472
75472
|
var js_util_1 = dist$3;
|
|
75473
|
-
var react_1$
|
|
75473
|
+
var react_1$1 = __importStar$1(React__default["default"]);
|
|
75474
75474
|
var react_use_1 = require$$3;
|
|
75475
75475
|
var attribution_1 = __importDefault$1(attribution);
|
|
75476
75476
|
var volume_1$1 = volume;
|
|
@@ -75486,20 +75486,20 @@
|
|
|
75486
75486
|
var AUTO_HIDE_TIMEOUT = 4000;
|
|
75487
75487
|
var VideoPlayer = function (props) {
|
|
75488
75488
|
var width = props.width, hideMute = props.hideMute, hideAttribution = props.hideAttribution, hideProgressBar = props.hideProgressBar, className = props.className, persistentControls = props.persistentControls, gif = props.gif, Overlay = props.overlay;
|
|
75489
|
-
var _a = react_1$
|
|
75490
|
-
var _b = react_1$
|
|
75491
|
-
var _c = react_1$
|
|
75492
|
-
var _d = react_1$
|
|
75489
|
+
var _a = react_1$1.useState(false), isHovered = _a[0], setIsHovered = _a[1];
|
|
75490
|
+
var _b = react_1$1.useState(null), videoEl = _b[0], _setVideoEl = _b[1];
|
|
75491
|
+
var _c = react_1$1.useState(props.muted), muted = _c[0], setMuted = _c[1];
|
|
75492
|
+
var _d = react_1$1.useState(false), mutedByBrowser = _d[0], setMutedByBrowser = _d[1];
|
|
75493
75493
|
var setVideoEl = props.setVideoEl, onMuted = props.onMuted, onUserMuted = props.onUserMuted;
|
|
75494
75494
|
var height = props.height || js_util_1.getGifHeight(gif, width);
|
|
75495
75495
|
var _e = react_use_1.useTimeoutFn(function () {
|
|
75496
75496
|
setIsHovered(false);
|
|
75497
75497
|
}, AUTO_HIDE_TIMEOUT), cancelHideTimeout = _e[1], resetHideTimeout = _e[2];
|
|
75498
|
-
var combinedOnMuted = react_1$
|
|
75498
|
+
var combinedOnMuted = react_1$1.useCallback(function (args) {
|
|
75499
75499
|
onMuted === null || onMuted === void 0 ? void 0 : onMuted(args);
|
|
75500
75500
|
setMutedByBrowser(args);
|
|
75501
75501
|
}, [setMutedByBrowser, onMuted]);
|
|
75502
|
-
var combinedSetVideoEl = react_1$
|
|
75502
|
+
var combinedSetVideoEl = react_1$1.useCallback(function (args) {
|
|
75503
75503
|
setVideoEl === null || setVideoEl === void 0 ? void 0 : setVideoEl(args);
|
|
75504
75504
|
_setVideoEl(args);
|
|
75505
75505
|
}, [setVideoEl, _setVideoEl]);
|
|
@@ -75512,13 +75512,13 @@
|
|
|
75512
75512
|
setMuted(!muted);
|
|
75513
75513
|
}
|
|
75514
75514
|
};
|
|
75515
|
-
react_1$
|
|
75515
|
+
react_1$1.useEffect(function () {
|
|
75516
75516
|
setMuted(props.muted);
|
|
75517
75517
|
}, [props.muted]);
|
|
75518
75518
|
var showControls = persistentControls || isHovered;
|
|
75519
75519
|
var isLargePlayer = height >= LARGE_PLAYER_HEIGHT;
|
|
75520
75520
|
// Manage auto hide controls
|
|
75521
|
-
react_1$
|
|
75521
|
+
react_1$1.useEffect(function () {
|
|
75522
75522
|
if (showControls) {
|
|
75523
75523
|
resetHideTimeout();
|
|
75524
75524
|
}
|
|
@@ -75527,7 +75527,7 @@
|
|
|
75527
75527
|
}
|
|
75528
75528
|
return function () { return cancelHideTimeout(); };
|
|
75529
75529
|
}, [showControls, cancelHideTimeout, resetHideTimeout]);
|
|
75530
|
-
return (react_1$
|
|
75530
|
+
return (react_1$1.default.createElement(Container$4, { className: className, style: { width: width, height: height }, onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onMouseMove: function () {
|
|
75531
75531
|
setIsHovered(true);
|
|
75532
75532
|
resetHideTimeout();
|
|
75533
75533
|
}, onClick: function (e) {
|
|
@@ -75540,25 +75540,25 @@
|
|
|
75540
75540
|
e.preventDefault();
|
|
75541
75541
|
toggleMute();
|
|
75542
75542
|
} },
|
|
75543
|
-
react_1$
|
|
75544
|
-
showControls && react_1$
|
|
75545
|
-
react_1$
|
|
75546
|
-
react_1$
|
|
75547
|
-
isLargePlayer && (react_1$
|
|
75543
|
+
react_1$1.default.createElement(video_1.default, __assign$3({}, props, { onMuted: combinedOnMuted, setVideoEl: combinedSetVideoEl, muted: muted })),
|
|
75544
|
+
showControls && react_1$1.default.createElement(Gradient, { isLargePlayer: isLargePlayer }),
|
|
75545
|
+
react_1$1.default.createElement(Controls, { isHovered: showControls },
|
|
75546
|
+
react_1$1.default.createElement(TitleContainer$1, null,
|
|
75547
|
+
isLargePlayer && (react_1$1.default.createElement(Title$a, { onClick: function (e) {
|
|
75548
75548
|
e.preventDefault();
|
|
75549
75549
|
e.stopPropagation();
|
|
75550
75550
|
window.open(gif.url, '_blank');
|
|
75551
75551
|
} }, gif.title)),
|
|
75552
|
-
videoEl && !hideAttribution ? react_1$
|
|
75553
|
-
!hideMute && react_1$
|
|
75554
|
-
showControls && !hideProgressBar && videoEl ? react_1$
|
|
75555
|
-
Overlay && react_1$
|
|
75552
|
+
videoEl && !hideAttribution ? react_1$1.default.createElement(attribution_1.default, { gif: gif }) : null),
|
|
75553
|
+
!hideMute && react_1$1.default.createElement(Volume, null, muted || mutedByBrowser ? react_1$1.default.createElement(volume_1$1.VolumeOffIcon, null) : react_1$1.default.createElement(volume_1$1.VolumeOnIcon, null))),
|
|
75554
|
+
showControls && !hideProgressBar && videoEl ? react_1$1.default.createElement(progress_bar_1.default, { videoEl: videoEl }) : null,
|
|
75555
|
+
Overlay && react_1$1.default.createElement(Overlay, { gif: gif, isHovered: isHovered, width: width, height: height })));
|
|
75556
75556
|
};
|
|
75557
75557
|
var VideoWrapper = function (props) {
|
|
75558
75558
|
if (props.overlay && !props.controls) {
|
|
75559
75559
|
console.warn(js_util_1.Logger.PREFIX + ": Overlays only work when controls are enabled");
|
|
75560
75560
|
}
|
|
75561
|
-
return props.controls ? react_1$
|
|
75561
|
+
return props.controls ? react_1$1.default.createElement(VideoPlayer, __assign$3({}, props)) : react_1$1.default.createElement(video_1.default, __assign$3({}, props));
|
|
75562
75562
|
};
|
|
75563
75563
|
video$1.default = VideoWrapper;
|
|
75564
75564
|
var templateObject_1$2s, templateObject_2$1E, templateObject_3$15, templateObject_4$M, templateObject_5$F, templateObject_6$u;
|
|
@@ -75633,7 +75633,7 @@
|
|
|
75633
75633
|
};
|
|
75634
75634
|
Object.defineProperty(videoOverlay, "__esModule", { value: true });
|
|
75635
75635
|
var styled_1 = __importDefault(require$$0$4);
|
|
75636
|
-
var react_1
|
|
75636
|
+
var react_1 = __importStar(React__default["default"]);
|
|
75637
75637
|
var _1 = __importDefault(video$1);
|
|
75638
75638
|
var volume_1 = volume;
|
|
75639
75639
|
var VideoContainer = styled_1.default.div(templateObject_1$2r || (templateObject_1$2r = __makeTemplateObject$2(["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n height: 100%;\n width: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n height: 100%;\n width: 100%;\n"])));
|
|
@@ -75642,16 +75642,16 @@
|
|
|
75642
75642
|
var speakerClassName = 'giphy-video-overlay-button';
|
|
75643
75643
|
var VolumeButton = function (_a) {
|
|
75644
75644
|
var muted = _a.muted, toggleMute = _a.toggleMute, mutedByBrowser = _a.mutedByBrowser, isHovered = _a.isHovered;
|
|
75645
|
-
return (react_1
|
|
75645
|
+
return (react_1.default.createElement(Button$2, { className: speakerClassName, onClick: function (e) {
|
|
75646
75646
|
e.preventDefault();
|
|
75647
75647
|
e.stopPropagation();
|
|
75648
75648
|
toggleMute();
|
|
75649
|
-
}, isHovered: isHovered }, muted || mutedByBrowser || !isHovered ? react_1
|
|
75649
|
+
}, isHovered: isHovered }, muted || mutedByBrowser || !isHovered ? react_1.default.createElement(volume_1.VolumeOffIcon, null) : react_1.default.createElement(volume_1.VolumeOnIcon, null)));
|
|
75650
75650
|
};
|
|
75651
75651
|
var VideoOverlay = function (_a) {
|
|
75652
75652
|
var gif = _a.gif, isHovered = _a.isHovered, hideMuteButton = _a.hideMuteButton, width = _a.width, height = _a.height, className = _a.className, _b = _a.muted, userPrefMuted = _b === void 0 ? false : _b, onUserMuted = _a.onUserMuted;
|
|
75653
|
-
var _c = react_1
|
|
75654
|
-
var _d = react_1
|
|
75653
|
+
var _c = react_1.useState(userPrefMuted), muted = _c[0], setMuted = _c[1];
|
|
75654
|
+
var _d = react_1.useState(false), mutedByBrowser = _d[0], setMutedByBrowser = _d[1];
|
|
75655
75655
|
var toggleMute = function () {
|
|
75656
75656
|
if (mutedByBrowser) {
|
|
75657
75657
|
setMutedByBrowser(false);
|
|
@@ -75662,13 +75662,13 @@
|
|
|
75662
75662
|
setMuted(!muted);
|
|
75663
75663
|
}
|
|
75664
75664
|
};
|
|
75665
|
-
react_1
|
|
75665
|
+
react_1.useEffect(function () {
|
|
75666
75666
|
setMuted(userPrefMuted);
|
|
75667
75667
|
}, [userPrefMuted, setMuted]);
|
|
75668
75668
|
var props = { toggleMute: toggleMute, muted: muted, mutedByBrowser: mutedByBrowser };
|
|
75669
|
-
return (react_1
|
|
75670
|
-
isHovered && (react_1
|
|
75671
|
-
!hideMuteButton && react_1
|
|
75669
|
+
return (react_1.default.createElement(VideoContainer, { className: className },
|
|
75670
|
+
isHovered && (react_1.default.createElement(VideoStyled, { gif: gif, key: gif.id, loop: true, controls: true, hideAttribution: true, hideMute: true, persistentControls: true, muted: muted, width: width, height: height, onMuted: setMutedByBrowser })),
|
|
75671
|
+
!hideMuteButton && react_1.default.createElement(VolumeButton, __assign$2({}, props, { isHovered: isHovered }))));
|
|
75672
75672
|
};
|
|
75673
75673
|
VideoOverlay.imgClassName = speakerClassName;
|
|
75674
75674
|
videoOverlay.default = VideoOverlay;
|
|
@@ -75855,7 +75855,7 @@
|
|
|
75855
75855
|
|
|
75856
75856
|
}(dist$4));
|
|
75857
75857
|
|
|
75858
|
-
function useDebouncedCallback
|
|
75858
|
+
function useDebouncedCallback(callback, delay, options) {
|
|
75859
75859
|
if (options === void 0) { options = {}; }
|
|
75860
75860
|
var maxWait = options.maxWait;
|
|
75861
75861
|
var maxWaitHandler = React$d.useRef(null);
|
|
@@ -75925,13 +75925,13 @@
|
|
|
75925
75925
|
return [debouncedCallback, cancelDebouncedCallback, callPending];
|
|
75926
75926
|
}
|
|
75927
75927
|
|
|
75928
|
-
function valueEquality
|
|
75928
|
+
function valueEquality(left, right) {
|
|
75929
75929
|
return left === right;
|
|
75930
75930
|
}
|
|
75931
|
-
function useDebounce
|
|
75932
|
-
var eq = options && options.equalityFn ? options.equalityFn : valueEquality
|
|
75931
|
+
function useDebounce(value, delay, options) {
|
|
75932
|
+
var eq = options && options.equalityFn ? options.equalityFn : valueEquality;
|
|
75933
75933
|
var _a = React$d.useState(value), state = _a[0], dispatch = _a[1];
|
|
75934
|
-
var _b = useDebouncedCallback
|
|
75934
|
+
var _b = useDebouncedCallback(React$d.useCallback(function (value) { return dispatch(value); }, []), delay, options), callback = _b[0], cancel = _b[1], callPending = _b[2];
|
|
75935
75935
|
var previousValue = React$d.useRef(value);
|
|
75936
75936
|
React$d.useEffect(function () {
|
|
75937
75937
|
// We need to use this condition otherwise we will run debounce timer for the first render (including maxWait option)
|
|
@@ -83384,11 +83384,11 @@
|
|
|
83384
83384
|
_styled__default["default"](InternalTopActionButton).withConfig({
|
|
83385
83385
|
displayName: "TopActionButton",
|
|
83386
83386
|
componentId: "sc-1lam7c6-0"
|
|
83387
|
-
})(templateObject_1$w$
|
|
83387
|
+
})(templateObject_1$w$2 || (templateObject_1$w$2 = __makeTemplateObject$1(["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"], ["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"])), spacingS, function (p) {
|
|
83388
83388
|
return p.theme.palette.accent;
|
|
83389
83389
|
});
|
|
83390
83390
|
|
|
83391
|
-
var templateObject_1$w$
|
|
83391
|
+
var templateObject_1$w$2;
|
|
83392
83392
|
|
|
83393
83393
|
_styled__default["default"](IconButton).withConfig({
|
|
83394
83394
|
displayName: "HeaderMenuButton__MenuButton",
|
|
@@ -83773,9 +83773,9 @@
|
|
|
83773
83773
|
var SearchIconSmallScreen = _styled__default["default"].div.withConfig({
|
|
83774
83774
|
displayName: "ToolbarSearch__SearchIconSmallScreen",
|
|
83775
83775
|
componentId: "sc-1f480ry-1"
|
|
83776
|
-
})(templateObject_2$k$
|
|
83776
|
+
})(templateObject_2$k$1 || (templateObject_2$k$1 = __makeTemplateObject$1(["\n @media (min-width: ", "px) {\n display: none;\n }\n"], ["\n @media (min-width: ", "px) {\n display: none;\n }\n"])), minScreenSize.medium);
|
|
83777
83777
|
|
|
83778
|
-
var templateObject_1$p$2, templateObject_2$k$
|
|
83778
|
+
var templateObject_1$p$2, templateObject_2$k$1;
|
|
83779
83779
|
|
|
83780
83780
|
var Toolbar$1 = function Toolbar(_a) {
|
|
83781
83781
|
var leftSide = _a.leftSide,
|
|
@@ -84016,7 +84016,7 @@
|
|
|
84016
84016
|
searchText = _d[0],
|
|
84017
84017
|
setSearchText = _d[1];
|
|
84018
84018
|
|
|
84019
|
-
var debouncedSearchText = useDebounce
|
|
84019
|
+
var debouncedSearchText = useDebounce(searchText, 500)[0];
|
|
84020
84020
|
var windowSize = useWindowSize$2();
|
|
84021
84021
|
|
|
84022
84022
|
var _e = usePromise$2(getGifs, null, [debouncedSearchText]),
|
|
@@ -87504,9 +87504,9 @@
|
|
|
87504
87504
|
}), void 0);
|
|
87505
87505
|
};
|
|
87506
87506
|
|
|
87507
|
-
var version$1 = "0.4.0-preview.
|
|
87508
|
-
var buildId = "
|
|
87509
|
-
var commitId = "
|
|
87507
|
+
var version$1 = "0.4.0-preview.294";
|
|
87508
|
+
var buildId = "100195";
|
|
87509
|
+
var commitId = "2f93cb960e0f6efa4b51ec5cd03b817cca19f9e7";
|
|
87510
87510
|
var isCustomerBuild = false;
|
|
87511
87511
|
var buildInfo = {
|
|
87512
87512
|
version: version$1,
|
|
@@ -131740,7 +131740,7 @@
|
|
|
131740
131740
|
apiItem.fileAccessToken=cachedItem.fileAccessToken;}});observer.next(apiPage_1);observer.complete();return [3/*break*/,4];case 3:err_1=_a.sent();observer.error(err_1);return [3/*break*/,4];case 4:return [2/*return*/];}});});})();});}function validateFileAccessTokens(page,modifyFunc){if(!page||!page.items){return;}page.items.forEach(function(item){var isTokenValid=isTokenStillValid(item.fileAccessToken);modifyFunc(isTokenValid,item);});}var NewsApiService=/** @class */function(){function NewsApiService(factory,subscriptionId,storage){var _this=this;this.factory=factory;this.storage=storage;this.trackExternalItem=function(itemId,itemType){return _this.api.custom(itemType+"/"+encodeURIComponent(itemId)+"/external_url/track").get().then(function(result){return result.body().data();});};this.getAllNews=function(filterDefinition,paginationToken){return fetchNewsItems('news',NewsApiService.allNewsCacheKey,_this.api,_this.storage,paginationToken,__assign(__assign({},filterDefinition||{}),{includePromoted:true}));};this.getAllUnreadNews=function(filterDefinition,paginationToken){return fetchNewsItems('news',NewsApiService.allNewsCacheKey,_this.api,_this.storage,paginationToken,__assign(__assign({},filterDefinition||{}),{unreadOnly:true,pageSize:0}));};this.getMyNews=function(filterDefinition,paginationToken){return fetchNewsItems('users/current/news',NewsApiService.newsCacheKey,_this.api,_this.storage,paginationToken,filterDefinition);};this.getMyUnreadNews=function(filterDefinition,paginationToken){return fetchNewsItems('users/current/news/unread',NewsApiService.myUnreadNewsCacheKey,_this.api,_this.storage,paginationToken,filterDefinition,true);};this.getBookmarks=function(filterDefinition){return fetchNewsItems('users/current/bookmarks',NewsApiService.bookmarksCacheKey,_this.api,_this.storage,null,filterDefinition,true);};this.getNewsFromCache=function(){return __awaiter(_this,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:return [4/*yield*/,this.storage.getObject(NewsApiService.newsItemsCacheKey)];case 1:return [2/*return*/,(_a=_b.sent())!==null&&_a!==void 0?_a:[]];}});});};this.get=function(newsId){var getFromCache=function getFromCache(id){return __awaiter(_this,void 0,void 0,function(){var cache,hits;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,this.getNewsFromCache()];case 1:cache=_a.sent();hits=cache.filter(function(i){return i.id===id;});return [2/*return*/,hits.length>0?hits[0]:null];}});});};var getFromApi=function getFromApi(id){return from(_this.api.all('news').get(id)).pipe(mergeMap(function(res){return updateItemCache(res.body().data());}));};var updateItemCache=function updateItemCache(item){return __awaiter(_this,void 0,void 0,function(){var fromCache,index,cacheItem,clonedCachedItem,clonedNewItem;return __generator(this,function(_a){switch(_a.label){case 0:if(item.statistics){itemStatisticsCache[item.id]=Promise.resolve(__assign({},item.statistics));}return [4/*yield*/,this.getNewsFromCache()];case 1:fromCache=_a.sent();index=fromCache.findIndex(function(i){return i.id===item.id;});if(index>-1){cacheItem=fromCache[index];if(isTokenStillValid(cacheItem.fileAccessToken)){clonedCachedItem=__assign({},cacheItem);delete clonedCachedItem.fileAccessToken;clonedNewItem=__assign({},item);delete clonedNewItem.fileAccessToken;if(JSON.stringify(clonedCachedItem)===JSON.stringify(clonedNewItem)){return [2/*return*/,null];}}fromCache.splice(index,1,item);}else {fromCache.push(item);}return [4/*yield*/,this.storage.set(NewsApiService.newsItemsCacheKey,fromCache)];case 2:_a.sent();return [2/*return*/,item];}});});};return concat(getFromCache(newsId),getFromApi(newsId)).pipe(filter(function(i){return i!=null;}),catchError(function(err){if(err.response&&err.response.statusCode===404){return of(null);}else {return throwError(err);}}));};this.getImageUrlWithToken=function(token,itemId,subscriptionId,resourceType,imageIdentifier,width,height){if(imageIdentifier===void 0){imageIdentifier='banner';}return _this.factory.createApiUrl("/"+resourceType+"/"+itemId+"/images/"+imageIdentifier+"/"+width+"/"+(height||''),{access_token:token,subscriptionId:subscriptionId});};this.getStatistics=function(newsId){if(!itemStatisticsCache[newsId]){itemStatisticsCache[newsId]=_this.api.custom("news/"+newsId+"/statistics").get().then(function(result){return result.body().data();}).then(function(result){var feedbackCountsKeys=Object.keys(result.feedbackCounts);return {bookmarkCount:result.bookmarkCount,likeCount:result.feedbackCounts[feedbackCountsKeys.find(function(k){return k==='like';})],commentCount:result.commentCount,confirmationCount:result.feedbackCounts[feedbackCountsKeys.find(function(k){return k==='confirm';})],readCount:result.readCount};});}return itemStatisticsCache[newsId];};this.refreshStatistics=function(itemId,delta){return __awaiter(_this,void 0,void 0,function(){var _this=this;return __generator(this,function(_a){switch(_a.label){case 0:// update statistics cache with new delta
|
|
131741
131741
|
if(!itemStatisticsCache[itemId]){return [2/*return*/];}return [4/*yield*/,itemStatisticsCache[itemId].then(function(statistics){var updatedStatistics=NewsApiService.getUpdatedStatistics(statistics,delta);_this.tryUpdateStatisticsInCache(itemId,updatedStatistics).then(null,null);itemStatisticsCache[itemId]=Promise.resolve(updatedStatistics);onStatisticsUpdated.next(updatedStatistics);})];case 1:_a.sent();return [2/*return*/];}});});};this.tryUpdateStatisticsInCache=function(newsId,statistics){return __awaiter(_this,void 0,void 0,function(){var fromCache,index,item;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,this.getNewsFromCache()];case 1:fromCache=_a.sent();index=fromCache.findIndex(function(i){return i.id===newsId;});item=fromCache[index];if(!item||!item.statistics){return [2/*return*/];}item.statistics=statistics;fromCache.splice(index,1,item);return [4/*yield*/,this.storage.set(NewsApiService.newsItemsCacheKey,fromCache)];case 2:_a.sent();return [2/*return*/];}});});};this.getExternalItemRoute=function(resourceType,itemId,accessToken){return _this.factory.createApiUrl("/"+resourceType+"/"+encodeURIComponent(itemId)+"/external_url",{access_token:accessToken});};this.api=factory.createApi(false,subscriptionId);}NewsApiService.getUpdatedStatistics=function(curr,delta){var _a,_b,_c,_d,_e,_f;return {bookmarkCount:curr.bookmarkCount+((_a=delta.bookmarkCount)!==null&&_a!==void 0?_a:0),commentCount:curr.commentCount+((_b=delta.commentCount)!==null&&_b!==void 0?_b:0),likeCount:curr.likeCount+((_c=delta.likeCount)!==null&&_c!==void 0?_c:0),confirmationCount:curr.confirmationCount+((_d=delta.confirmationCount)!==null&&_d!==void 0?_d:0),readCount:curr.readCount+((_e=delta.readCount)!==null&&_e!==void 0?_e:0),participantsCount:curr.participantsCount+((_f=delta.participantsCount)!==null&&_f!==void 0?_f:0)};};NewsApiService.bookmarksCacheKey='NewsService::BookmarksV2';NewsApiService.newsItemsCacheKey='NewsService::NewsItems';NewsApiService.newsCacheKey='NewsService::News';NewsApiService.allNewsCacheKey='NewsService::AllNews';NewsApiService.myUnreadNewsCacheKey='NewsService::MyUnreadNews';return NewsApiService;}();function useNewsApi(){var storage=useStorage();var factory=useApiFactory();var identifier=React$d.useContext(SubscriptionIdContext).identifier;return React$d.useMemo(function(){return new NewsApiService(factory,identifier===null||identifier===void 0?void 0:identifier.id,storage);},[factory,identifier,storage]);}function usePagesApi(){var api=useApi();var createApiUrl=useApiFactory().createApiUrl;return React$d.useMemo(function(){return {loadPage:loadPage,loadPageChildren:loadPageChildren,getRootPagesNavigation:getRootPagesNavigation,getPublishedRootPages:getPublishedRootPages,searchPublishedPages:searchPublishedPages,getSubpages:getSubpages,searchPages:searchPages,getDocumentFileUrl:getDocumentFileUrl,searchToc:searchToc};function loadPage(id){return api.all('pages').get(id,{includeNavigationContext:true}).then(function(response){var page=response.body().data();itemStatisticsCache[page.id]=Promise.resolve(__assign({},page.statistics));return page;});}function loadPageChildren(id){return api.all("pages/"+id+"/navigation/children").getAll().then(function(r){return r.body().map(function(g){return g.data();});});}function getRootPagesNavigation(){return api.all('pages').getAll().then(function(r){return r.body().map(function(g){return g.data();});});}function getPublishedRootPages(filter){var rootPagesFilter=__assign(__assign({},filter),{rootPagesOnly:true});return searchPages('pages',rootPagesFilter);}function searchPublishedPages(filter){return searchPages('pages',filter);}function getSubpages(parentId,filter){var subPagesFilter=__assign(__assign({},filter),{parentId:parentId});if(!subPagesFilter.pageSize){// return all subpages & documents
|
|
131742
131742
|
subPagesFilter.pageSize=0;}return searchPages('pages',subPagesFilter);}function searchToc(basePath,searchValue){return searchPages(basePath,{pageSize:100,search:searchValue,searchInTitlesOnly:true});}function searchPages(basePath,filter){if(filter){filter=__assign({},filter);if(!filter.restrictToPageContext){delete filter.pageContextId;}// we never need / want to send this param to the API, only used for the UI
|
|
131743
|
-
delete filter.restrictToPageContext;}var params=__assign(__assign({},filter),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords));return api.all(basePath+"/search").get('',params).then(function(result){return result.body().data();});}function getDocumentFileUrl(basePath,subscriptionId,pageId,fileId,language,token){return createApiUrl("/"+basePath+"/"+pageId+"/"+language+"/documents/"+fileId,{access_token:token,subscriptionId:subscriptionId});}},[api,createApiUrl]);}function usePostsApi(){var searchAccounts=useAccountApi().searchAccounts;var api=useApi();return React$d.useMemo(function(){return {createPost:createPost,togglePostLike:togglePostLike,getPosts:getPosts,updatePost:updatePost,deletePost:deletePost,getPost:getPost,getPostThread:getPostThread,translatePost:translatePost,searchPostMentionUsers:searchPostMentionUsers};function createPost(post){return api.all("posts").post(post).then(function(result){return result.body().data();});}function togglePostLike(postId,isLiked){if(isLiked){return api.custom("posts/"+postId+"/feedback/like").put({});}else {return api.custom("posts/"+postId+"/feedback/like").delete();}}function getPosts(filter){var groupIds=[];for(var _i=1;_i<arguments.length;_i++){groupIds[_i-1]=arguments[_i];}var params=__assign(__assign(__assign({},filter),{groupId:groupIds}),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords));return api.custom("posts?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function updatePost(postId,content,attachments,keywords){return api.all('posts').patch(postId,{content:content,attachments:attachments,keywords:keywords}).then(function(result){return result.body().data();});}function deletePost(postId){return api.all("posts").delete(postId);}function getPost(postId){return api.all('posts').get(postId).then(function(result){return result.body().data();});}function getPostThread(postId,threadId){return api.custom("posts/"+postId+"/comments/"+threadId+"/thread").get().then(function(result){return result.body().data();});}function translatePost(postId,language){return api.custom("posts/"+postId+"/content/"+language).get().then(function(res){return res.body().data();});}function searchPostMentionUsers(searchText,postGroupId){return searchAccounts({search:searchText,type:AccountType.User,localOnly:true,groupId:[postGroupId],excludeApiUsers:true});}},[api,searchAccounts]);}function useEmbeddedObjectValidator(){var _this=this;var getPost=usePostsApi().getPost;var getNews=useNewsApi().get;var loadPage=usePagesApi().loadPage;var getEvent=useEventsApi().getEvent;return function(embeddedObject){return __awaiter(_this,void 0,void 0,function(){var _a,item,error_1;return __generator(this,function(_b){switch(_b.label){case 0:_b.trys.push([0,11,,12]);_a=embeddedObject.type;switch(_a){case AttachmentType.Post:return [3/*break*/,1];case AttachmentType.News:return [3/*break*/,3];case AttachmentType.Page:return [3/*break*/,5];case AttachmentType.Event:return [3/*break*/,7];}return [3/*break*/,9];case 1:return [4/*yield*/,getPost(embeddedObject.id)];case 2:_b.sent();return [2/*return*/,true];case 3:return [4/*yield*/,getNews(embeddedObject.id).toPromise()];case 4:item=_b.sent();return [2/*return*/,!!item];case 5:return [4/*yield*/,loadPage(embeddedObject.id)];case 6:_b.sent();return [2/*return*/,true];case 7:return [4/*yield*/,getEvent(embeddedObject.id)];case 8:_b.sent();return [2/*return*/,true];case 9:throw Error('Invalid type');case 10:return [3/*break*/,12];case 11:error_1=_b.sent();logger.error(error_1);return [2/*return*/,false];case 12:return [2/*return*/];}});});};}var RichCommentInput=/*#__PURE__*/React$d.forwardRef(function(_a,ref){var className=_a.className,buttons=_a.buttons,attachments=_a.attachments,deletedAttachmentUrls=_a.deletedAttachmentUrls,onAttachmentsChange=_a.onAttachmentsChange;_a.onDeleteAttachment;var allowAttachments=_a.allowAttachments,useLargeDropTarget=_a.useLargeDropTarget,disableDragAndDrop=_a.disableDragAndDrop,disableAddGif=_a.disableAddGif,disableAddFiles=_a.disableAddFiles,props=__rest(_a,["className","buttons","attachments","deletedAttachmentUrls","onAttachmentsChange","onDeleteAttachment","allowAttachments","useLargeDropTarget","disableDragAndDrop","disableAddGif","disableAddFiles"]);var onDrop=React$d.useCallback(handleDropFiles,[attachments,onAttachmentsChange]);var _b=useDropzone({onDrop:onDrop}),getRootProps=_b.getRootProps,getInputProps=_b.getInputProps,open=_b.open,isDragActive=_b.isDragActive;var inputRef=React$d.useRef(null);var formatMessage=useIntl().formatMessage;React$d.useImperativeHandle(ref,function(){return inputRef.current;},[inputRef]);var user=useCurrentUser();var debouncedOnEmbeddedObjectsOrVideosChange=useDebouncedCallback
|
|
131743
|
+
delete filter.restrictToPageContext;}var params=__assign(__assign({},filter),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords));return api.all(basePath+"/search").get('',params).then(function(result){return result.body().data();});}function getDocumentFileUrl(basePath,subscriptionId,pageId,fileId,language,token){return createApiUrl("/"+basePath+"/"+pageId+"/"+language+"/documents/"+fileId,{access_token:token,subscriptionId:subscriptionId});}},[api,createApiUrl]);}function usePostsApi(){var searchAccounts=useAccountApi().searchAccounts;var api=useApi();return React$d.useMemo(function(){return {createPost:createPost,togglePostLike:togglePostLike,getPosts:getPosts,updatePost:updatePost,deletePost:deletePost,getPost:getPost,getPostThread:getPostThread,translatePost:translatePost,searchPostMentionUsers:searchPostMentionUsers};function createPost(post){return api.all("posts").post(post).then(function(result){return result.body().data();});}function togglePostLike(postId,isLiked){if(isLiked){return api.custom("posts/"+postId+"/feedback/like").put({});}else {return api.custom("posts/"+postId+"/feedback/like").delete();}}function getPosts(filter){var groupIds=[];for(var _i=1;_i<arguments.length;_i++){groupIds[_i-1]=arguments[_i];}var params=__assign(__assign(__assign({},filter),{groupId:groupIds}),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords));return api.custom("posts?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function updatePost(postId,content,attachments,keywords){return api.all('posts').patch(postId,{content:content,attachments:attachments,keywords:keywords}).then(function(result){return result.body().data();});}function deletePost(postId){return api.all("posts").delete(postId);}function getPost(postId){return api.all('posts').get(postId).then(function(result){return result.body().data();});}function getPostThread(postId,threadId){return api.custom("posts/"+postId+"/comments/"+threadId+"/thread").get().then(function(result){return result.body().data();});}function translatePost(postId,language){return api.custom("posts/"+postId+"/content/"+language).get().then(function(res){return res.body().data();});}function searchPostMentionUsers(searchText,postGroupId){return searchAccounts({search:searchText,type:AccountType.User,localOnly:true,groupId:[postGroupId],excludeApiUsers:true});}},[api,searchAccounts]);}function useEmbeddedObjectValidator(){var _this=this;var getPost=usePostsApi().getPost;var getNews=useNewsApi().get;var loadPage=usePagesApi().loadPage;var getEvent=useEventsApi().getEvent;return function(embeddedObject){return __awaiter(_this,void 0,void 0,function(){var _a,item,error_1;return __generator(this,function(_b){switch(_b.label){case 0:_b.trys.push([0,11,,12]);_a=embeddedObject.type;switch(_a){case AttachmentType.Post:return [3/*break*/,1];case AttachmentType.News:return [3/*break*/,3];case AttachmentType.Page:return [3/*break*/,5];case AttachmentType.Event:return [3/*break*/,7];}return [3/*break*/,9];case 1:return [4/*yield*/,getPost(embeddedObject.id)];case 2:_b.sent();return [2/*return*/,true];case 3:return [4/*yield*/,getNews(embeddedObject.id).toPromise()];case 4:item=_b.sent();return [2/*return*/,!!item];case 5:return [4/*yield*/,loadPage(embeddedObject.id)];case 6:_b.sent();return [2/*return*/,true];case 7:return [4/*yield*/,getEvent(embeddedObject.id)];case 8:_b.sent();return [2/*return*/,true];case 9:throw Error('Invalid type');case 10:return [3/*break*/,12];case 11:error_1=_b.sent();logger.error(error_1);return [2/*return*/,false];case 12:return [2/*return*/];}});});};}var RichCommentInput=/*#__PURE__*/React$d.forwardRef(function(_a,ref){var className=_a.className,buttons=_a.buttons,attachments=_a.attachments,deletedAttachmentUrls=_a.deletedAttachmentUrls,onAttachmentsChange=_a.onAttachmentsChange;_a.onDeleteAttachment;var allowAttachments=_a.allowAttachments,useLargeDropTarget=_a.useLargeDropTarget,disableDragAndDrop=_a.disableDragAndDrop,disableAddGif=_a.disableAddGif,disableAddFiles=_a.disableAddFiles,props=__rest(_a,["className","buttons","attachments","deletedAttachmentUrls","onAttachmentsChange","onDeleteAttachment","allowAttachments","useLargeDropTarget","disableDragAndDrop","disableAddGif","disableAddFiles"]);var onDrop=React$d.useCallback(handleDropFiles,[attachments,onAttachmentsChange]);var _b=useDropzone({onDrop:onDrop}),getRootProps=_b.getRootProps,getInputProps=_b.getInputProps,open=_b.open,isDragActive=_b.isDragActive;var inputRef=React$d.useRef(null);var formatMessage=useIntl().formatMessage;React$d.useImperativeHandle(ref,function(){return inputRef.current;},[inputRef]);var user=useCurrentUser();var debouncedOnEmbeddedObjectsOrVideosChange=useDebouncedCallback(onEmbeddedObjectsOrVideosChange,500)[0];var validateEmbeddedObject=useEmbeddedObjectValidator();var isGifButtonDisabled=props.disabled||disableAddGif;var isAttachmentsButtonDisabled=props.disabled||disableAddFiles;if(props.disabled||!allowAttachments){return jsxRuntime.jsx(CommentInput,__assign({ref:inputRef,className:className,buttons:buttons},props),void 0);}return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx("input",__assign({},getInputProps()),void 0),!disableDragAndDrop&&jsxRuntime.jsx(DropTarget,__assign({isActive:isDragActive,isLarge:useLargeDropTarget},getRootProps({onClick:function(e){return e.stopPropagation();}}),{"data-drop-target":true},{children:isDragActive&&jsxRuntime.jsx(DropInfo,{isLarge:useLargeDropTarget},void 0)}),void 0),jsxRuntime.jsx(CommentInput,__assign({},props,{onChange:handleChange,ref:inputRef,buttons:{leftSide:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GifButton,{disabled:isGifButtonDisabled,onGifClick:handleGifClick},'gifButton'+isGifButtonDisabled),jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Attach'},onClick:open,disabled:isAttachmentsButtonDisabled,"data-button-type":"attach",ariaLabel:formatMessage({id:'AriaLabel.attachmentsButton'})},'attachmentsButton'+isAttachmentsButtonDisabled),buttons.leftSide]},void 0),rightSide:buttons.rightSide}}),void 0)]}),void 0);function handleChange(content){props.onChange(content);debouncedOnEmbeddedObjectsOrVideosChange(content);}function onEmbeddedObjectsOrVideosChange(content){return __awaiter(this,void 0,void 0,function(){var existingAttachments,newAttachments,matchedVideoUrls,_i,matchedVideoUrls_1,matchedUrl,url,id,matchedEmbeddedObjects,_a,matchedEmbeddedObjects_1,matchedEmbeddedObject,url,isValid;return __generator(this,function(_b){switch(_b.label){case 0:existingAttachments=new Set(attachments.map(function(a){return a.url;}));newAttachments=[];matchedVideoUrls=__spreadArray([],Array.from(getAllVideosFromString(content)));for(_i=0,matchedVideoUrls_1=matchedVideoUrls;_i<matchedVideoUrls_1.length;_i++){matchedUrl=matchedVideoUrls_1[_i];url=matchedUrl.url;id=new VideoUrlParser(url).id;if(!existingAttachments.has(url)){newAttachments.push(__assign({id:id},matchedUrl));existingAttachments.add(url);}}matchedEmbeddedObjects=__spreadArray([],Array.from(getEmbeddedObjectsFromString(content)).filter(function(ob){return ob.subscriptionIdentifier===user.subscription.id||ob.subscriptionIdentifier===user.subscription.subscriptionHandle;}));_a=0,matchedEmbeddedObjects_1=matchedEmbeddedObjects;_b.label=1;case 1:if(!(_a<matchedEmbeddedObjects_1.length))return [3/*break*/,4];matchedEmbeddedObject=matchedEmbeddedObjects_1[_a];url=matchedEmbeddedObject.url;if(!(!existingAttachments.has(url)&&!(deletedAttachmentUrls===null||deletedAttachmentUrls===void 0?void 0:deletedAttachmentUrls.includes(url))))return [3/*break*/,3];return [4/*yield*/,validateEmbeddedObject(matchedEmbeddedObject)];case 2:isValid=_b.sent();if(isValid){newAttachments.push(__assign({},matchedEmbeddedObject));existingAttachments.add(url);}_b.label=3;case 3:_a++;return [3/*break*/,1];case 4:if(newAttachments.length!==0){onAttachmentsChange(attachments.concat(newAttachments));}return [2/*return*/];}});});}function handleGifClick(newAttachment){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){onAttachmentsChange(attachments.filter(function(attachment){return attachment.type!==AttachmentType.Giphy;}).concat(newAttachment));return [2/*return*/];});});}function handleDropFiles(dropResult){return __awaiter(this,void 0,void 0,function(){var newFiles,_i,_a,image,size;return __generator(this,function(_b){switch(_b.label){case 0:newFiles=dropResult.map(function(f){return {id:createId(),file:f,filename:f.name,previewUrl:URL.createObjectURL(f),type:f.type.startsWith('image/')?AttachmentType.Image:AttachmentType.File};});_i=0,_a=newFiles.filter(function(f){return f.type===AttachmentType.Image;});_b.label=1;case 1:if(!(_i<_a.length))return [3/*break*/,4];image=_a[_i];return [4/*yield*/,getImageSize(image.previewUrl)];case 2:size=_b.sent();image.width=size.width;image.height=size.height;_b.label=3;case 3:_i++;return [3/*break*/,1];case 4:onAttachmentsChange(attachments.concat(newFiles));return [2/*return*/];}});});}});var getMicrosoftStreamEmbedVideoUrl=function getMicrosoftStreamEmbedVideoUrl(id,autoPlay){if(autoPlay===void 0){autoPlay=false;}return "https://web.microsoftstream.com/embed/video/"+id+"?autoplay="+autoPlay+"&showInfo=true";};var getMicrosoftStreamVideoUrl=function getMicrosoftStreamVideoUrl(id){return "https://web.microsoftstream.com/video/"+id+"?autoplay=true";};var VideoElementGenerator=/** @class */function(){function VideoElementGenerator(videoInfo,iframeAreaLabel,autoplay,width,videoProperties){this.videoInfo=videoInfo;this.iframeAreaLabel=iframeAreaLabel;this.autoplay=autoplay;this.width=width;this.videoProperties=videoProperties;}VideoElementGenerator.prototype.getYouTubeVideoElement=function(){// <iframe
|
|
131744
131744
|
// src="https://www.youtube.com/embed/{videoId}?ecver=1" frameborder="0" allowfullscreen>
|
|
131745
131745
|
// </iframe>
|
|
131746
131746
|
var iframe=document.createElement('iframe');iframe.setAttribute('aria-label',this.iframeAreaLabel);iframe.setAttribute('src',"https://www.youtube.com/embed/"+this.videoInfo.id+"?rel=0&autoplay="+(this.autoplay?'1':'0'));iframe.setAttribute('frameborder','0');iframe.setAttribute('allowfullscreen','');return iframe;};VideoElementGenerator.prototype.getVimeoVideoElement=function(){// <iframe src="https://player.vimeo.com/video/{videoId}"
|
|
@@ -131852,9 +131852,9 @@
|
|
|
131852
131852
|
},[pollResult,isLoadingPollResult]);// If the pollResult and the choice input is rendered with showResults
|
|
131853
131853
|
// at the same time, we miss the animation of the bars when they fill up
|
|
131854
131854
|
// Delay the pollResult a bit so the users sees the animation
|
|
131855
|
-
var delayedFetchPollResult=useDebouncedCallback
|
|
131855
|
+
var delayedFetchPollResult=useDebouncedCallback(fetchPollResults,500)[0];if(isLoading){return null;}var actualQuestions=__spreadArray(__spreadArray([],questionDefinitions),(additionalQuestions===null||additionalQuestions===void 0?void 0:additionalQuestions.questions)||[]);var hasMissingAnswers=!!userAnswers.find(function(a){return a.choiceIds.length===0;});var hasMissingUnsavedAnswer=unsavedQuestionsIds.length>0||userAnswers.some(function(a){return !a.choiceIds.length;});showResult=(showResult||!hasMissingUnsavedAnswer)&&actualQuestions.length>0;return jsxRuntime.jsx(PollUserContext.Provider,__assign({value:{item:item,resourceType:resourceType,questions:actualQuestions,answers:userAnswers,addAnswer:handleAddAnswer,setAnswers:setUserAnswers,pollResult:pollResult,isLoadingPollResult:isLoadingPollResult,showResult:showResult,hasMissingAnswers:hasMissingAnswers,hasMissingUnsavedAnswer:hasMissingUnsavedAnswer,submitPoll:handleSubmitPoll,getQuestionResult:getQuestionResult,reset:reset,onBehalfOfUpn:onBehalfOfUpn,fetchPollResults:fetchPollResults}},{children:jsxRuntime.jsx(PollTranslationContextProvider,__assign({contents:item.contents,language:language,additionalTranslations:additionalQuestions===null||additionalQuestions===void 0?void 0:additionalQuestions.translations},{children:children}),void 0)}),void 0);function handleAddAnswer(questionId,selectedChoiceIds){setUnsavedQuestionsIds(function(a){return __spreadArray(__spreadArray([],a),[questionId]);});setUserAnswers(function(answers){return answers.map(function(a){return a.questionId===questionId?__assign(__assign({},a),{choiceIds:__spreadArray([],selectedChoiceIds)}):a;});});}function handleSubmitPoll(savePollAnswers){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);setUnsavedQuestionsIds([]);return [4/*yield*/,savePollAnswers()];case 1:_a.sent();delayedFetchPollResult();return [3/*break*/,3];case 2:_a.sent();showError('Generic.error');return [3/*break*/,3];case 3:return [2/*return*/];}});});}function reset(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){setUnsavedQuestionsIds([]);setUserAnswers(createUsersAnswersFromFeedback({records:[]}));fetchPollResults();return [2/*return*/];});});}function loadUserAnswers(){return __awaiter(this,void 0,void 0,function(){var feedback,error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);return [4/*yield*/,getFeedback(resourceType,itemId,onBehalfOfUpn)];case 1:feedback=_a.sent();return [3/*break*/,3];case 2:error_2=_a.sent();// if we got a 404, the user doesn't exist, in this case we simply treat the feedback as it is not set yet
|
|
131856
131856
|
if((error_2===null||error_2===void 0?void 0:error_2.response.statusCode)!==404){throw error_2;}feedback={records:[]};return [3/*break*/,3];case 3:return [2/*return*/,createUsersAnswersFromFeedback(feedback)];}});});}function createUsersAnswersFromFeedback(feedback){var pollFeedback=feedback.records.find(function(r){return r.type==='poll';});var answers=pollFeedback?pollFeedback.answers:[];return questionDefinitions.map(function(q){return {questionId:q.questionId,choiceIds:answers.filter(function(a){return a.questionId===q.questionId;}).map(function(a){return a.choiceIds;})[0]||[]};}).concat(getAdditionalUserAnswers?getAdditionalUserAnswers(feedback.records)||[]:[]);}function getQuestionResult(questionId){var userSelectedChoices=userAnswers.filter(function(a){return a.questionId===questionId;}).map(function(a){return a.choiceIds;})[0]||[];return {showResults:showResult||unsavedQuestionsIds.every(function(id){return id!==questionId;})&&userSelectedChoices.length>0,userSelectedChoices:userSelectedChoices,totalFeedbackCount:pollResult.totalFeedbackCount,choiceResults:pollResult.answers.filter(function(a){return a.questionId===questionId;}).reduce(function(result,answer){return __spreadArray(__spreadArray([],result),answer.choices);},[]).reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.choiceId]=next.count,_a));},{})};}};var DetailViewSectionPadding=_styled.css(templateObject_1$1i||(templateObject_1$1i=__makeTemplateObject(["\n padding: ","px ","px 0 ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"],["\n padding: ","px ","px 0 ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"])),spacingXs,spacingM,spacingM,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$1i;var PollResultFeedbackCount=function PollResultFeedbackCount(){var _a=React$d.useContext(PollUserContext),showResult=_a.showResult,pollResult=_a.pollResult;if(!showResult){return null;}return jsxRuntime.jsx("div",__assign({className:"ms-fontColor-neutralTertiary","data-poll-result-total-count":pollResult.totalFeedbackCount},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Polls.editor.totalFeedbackCount",values:{count:pollResult.totalFeedbackCount},tagName:"span"},void 0)}),void 0);};var DetailViewPoll=function DetailViewPoll(){var _a=useDetailViewContext(),item=_a.item,contentLanguage=_a.contentLanguage,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;var features=useFeatures();var getPollResult=useFeedbackApi().getPollResult;if(!features.polls||item==null||item.poll==null||item.poll.questions==null||item.poll.questions.length===0){return null;}return jsxRuntime.jsx(PollUserContextProvider,__assign({item:item,resourceType:resourceType,language:contentLanguage,getPollResults:function(itemId){return getPollResult(resourceType,itemId);}},{children:jsxRuntime.jsxs(StyledPollDisplay$1,{children:[jsxRuntime.jsx(PollResultFeedbackCount,{},void 0),jsxRuntime.jsx(DetailViewPollsSubmitButton,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(StyledPollResultExport,{},void 0)]},void 0)}),void 0);};var StyledPollResultExport=_styled__default["default"](DetailViewPollExportButton).withConfig({displayName:"DetailViewPoll__StyledPollResultExport",componentId:"sc-gvqgh8-0"})(templateObject_1$1h||(templateObject_1$1h=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingS);var StyledPollDisplay$1=_styled__default["default"](PollDisplay).withConfig({displayName:"DetailViewPoll__StyledPollDisplay",componentId:"sc-gvqgh8-1"})(templateObject_2$L||(templateObject_2$L=__makeTemplateObject(["\n ",";\n margin-bottom: ","px;\n\n max-width: 500px;\n"],["\n ",";\n margin-bottom: ","px;\n\n max-width: 500px;\n"])),DetailViewSectionPadding,spacingL);var templateObject_1$1h,templateObject_2$L;var EventDetailViewResponseExportButton=function EventDetailViewResponseExportButton(_a){var className=_a.className;var features=useFeatures();if(!features.events){return null;}return jsxRuntime.jsx(DetailViewCsvExportButton,{className:className,path:"feedback/registration/result/export",stringResource:"Events.registration.exportResultsAsCsv"},void 0);};var FeedbackItemType;(function(FeedbackItemType){FeedbackItemType["comment"]="comment";FeedbackItemType["like"]="like";FeedbackItemType["confirm"]="confirm";FeedbackItemType["poll"]="poll";FeedbackItemType["eventRegistration"]="eventRegistration";})(FeedbackItemType||(FeedbackItemType={}));var EventRegistrationContextProvider=function EventRegistrationContextProvider(_a){var _b;var onBehalfOfUpn=_a.onBehalfOfUpn,children=_a.children;var formatMessage=useIntl().formatMessage;var features=useFeatures();var _c=useDetailViewContext(),item=_c.item,contentLanguage=_c.contentLanguage;var getEventRegistrationResults=useEventRegistrationApi().getEventRegistrationResults;if(!features.events||item==null){return null;}var locationQuestionId=getLocationQuestionId(item);var isCancelled=(_b=item.cancelInformation)===null||_b===void 0?void 0:_b.isCancelled;return jsxRuntime.jsx(PollUserContextProvider,__assign({item:item,onBehalfOfUpn:onBehalfOfUpn,resourceType:ItemResourceTypes.Events,language:contentLanguage,getAdditionalQuestions:function(result){return getAdditionalQuestions(result);},getAdditionalUserAnswers:extractLocationAnswers,getPollResults:getRegistrationResult,showResult:!!isCancelled},{children:children}),void 0);function getAdditionalQuestions(result){var _a=getLocationPollDefinitions(item,formatMessage,result,!!onBehalfOfUpn),question=_a.question,translations=_a.translations;return {questions:question?[question]:null,translations:translations};}function extractLocationAnswers(records){if(!item.locations||item.locations.length<2){return null;}var eventResponse=records.find(function(r){return r.type===FeedbackItemType.eventRegistration;});return [{questionId:locationQuestionId,choiceIds:eventResponse&&eventResponse.locationId?[eventResponse.locationId]:[]}];}function getRegistrationResult(itemId){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getEventRegistrationResults(itemId)];case 1:result=_a.sent();return [2/*return*/,{totalFeedbackCount:result.totalFeedbackCount,answers:result.answers.concat([{questionId:locationQuestionId,choices:result.locationAnswers.map(function(l){return {choiceId:l.locationId,count:l.count};})}])}];}});});}};var EventDetailViewUserRegistration=function EventDetailViewUserRegistration(_a){var className=_a.className,hideInfoMessage=_a.hideInfoMessage;var pollUserContext=React$d.useContext(PollUserContext);var getFeedback=useFeedbackApi().getFeedback;var item=pollUserContext.item;var isLoadingPollResult=pollUserContext.isLoadingPollResult,pollResult=pollUserContext.pollResult,onBehalfOfUpn=pollUserContext.onBehalfOfUpn;var _b=usePromise$2(getEventResponse,item.userResponse,[item]),eventResponse=_b[0],isLoading=_b[1],setEventResponse=_b[3];// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
131857
|
-
var seatsResult=React$d.useMemo(getSeatsLeft,[isLoading,isLoadingPollResult,pollResult,item.id]);return jsxRuntime.jsx(EventUserRegistrationContext.Provider,__assign({value:__assign(__assign({},pollUserContext),{hasPollContext:true,eventResponse:eventResponse,setEventResponse:setEventResponse,isLoading:isLoadingPollResult||isLoading,seatsInfo:seatsResult})},{children:jsxRuntime.jsx(EventUserRegistration,{className:className,hideInfoMessage:hideInfoMessage},void 0)}),void 0);function getEventResponse(){return __awaiter(this,void 0,void 0,function(){var feedback,eventRecord;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getFeedback(ItemResourceTypes.Events,item.id,onBehalfOfUpn)];case 1:feedback=_a.sent();eventRecord=feedback&&feedback.records.find(function(r){return r.type==='eventRegistration';});return [2/*return*/,eventRecord?eventRecord.eventResponse:EventResponse.NotSet];}});});}function getSeatsLeft(){var _a,_b,_c,_d;if(isLoading||!item.registrationSettings||!item.registrationSettings.enabled||((_a=item.cancelInformation)===null||_a===void 0?void 0:_a.isCancelled)||!((_b=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_b===void 0?void 0:_b.length)||isLoadingPollResult){return {hasAnySeatsLeft:true};}var locationsWithSeats=item.locations.filter(function(l){return l.maxNumberOfSeats>0;});var hasLocationsWithoutSeats=locationsWithSeats.length!==item.locations.length;if(!locationsWithSeats.length||hasLocationsWithoutSeats){return {hasAnySeatsLeft:true};}var locationAnswers=(_d=(_c=pollResult.answers.find(function(a){return a.questionId===getLocationQuestionId(item);}))===null||_c===void 0?void 0:_c.choices)===null||_d===void 0?void 0:_d.reduce(function(prev,curr){prev[curr.choiceId]=curr.count;return prev;},{});var locationsWithSeatsLeft=locationsWithSeats.map(function(l){return __assign(__assign({},l),{seatsLeft:Math.max(l.maxNumberOfSeats-(locationAnswers[l.locationId]||0),0)});});return {hasAnySeatsLeft:locationsWithSeatsLeft.some(function(l){return l.seatsLeft>0;}),locations:locationsWithSeatsLeft};}};var EventRegistrationRegisterSomeoneElseDialog=function EventRegistrationRegisterSomeoneElseDialog(_a){var show=_a.show,onDismiss=_a.onDismiss,onUpdate=_a.onUpdate;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=React$d.useState(),onBehalfOfUser=_b[0],setOnBehalfOfUser=_b[1];var item=useDetailViewContext().item;var isGroupAdmin=hasMinRoleInAllGroups(GroupRoles.Admin,user,item);useListener(EventResponseTriggerAction.type,function(action){if(action.itemId!==item.id){return false;}onUpdate({upn:onBehalfOfUser.userPrincipalName,displayName:onBehalfOfUser.displayName,locationId:action.locationId},action.response);onDismiss();return true;},[item.id,onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.userPrincipalName]);return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:true,className:'dialog-register-user'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.registerSomeoneElse.title'})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$s,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$2,{},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.peoplePickerLabel"},void 0),jsxRuntime.jsx(StyledPeoplePicker,{accountType:AccountType.User,allowMailItems:isGroupAdmin&&features.userInvitation,localOnly:!isGroupAdmin,includePendingInvitationUsers:true,includePendingRegistrationUsers:true,selectionMode:officeUiFabricReact.SelectionMode.single,selectedItems:onBehalfOfUser?[onBehalfOfUser]:[],onChange:function(accounts){return setOnBehalfOfUser(accounts[0]);},placeholderStringResourceKey:"Events.registration.registerSomeoneElse.peoplePickerPlaceholder",excludedItems:[user]},void 0),onBehalfOfUser&&jsxRuntime.jsxs(EventRegistrationContextProvider,__assign({onBehalfOfUpn:onBehalfOfUser.userPrincipalName},{children:[jsxRuntime.jsxs(DialogMainContent,__assign({isScrollable:!env.isAnyMobileApp},{children:[!(onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.id)&&jsxRuntime.jsx(InvitationInfoMessage,{subscriptionName:getSubscriptionName(user.subscription)},void 0),jsxRuntime.jsx(StyledPollDisplay,{},void 0)]}),void 0),jsxRuntime.jsx(officeUiFabricReact.DialogFooter,{children:jsxRuntime.jsxs(Buttons,{children:[jsxRuntime.jsx(CancelButton,{onClick:onDismiss},void 0),jsxRuntime.jsx(EventDetailViewUserRegistration,{hideInfoMessage:true},void 0)]},void 0)},void 0)]}),onBehalfOfUser.userPrincipalName)]}),void 0)}),void 0);};var Host$s=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Host",componentId:"sc-1rziepe-0"})(templateObject_1$1g||(templateObject_1$1g=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n\n @media (min-width: ","px) {\n width: 400px;\n }\n\n .ms-Dialog-action {\n display: block;\n margin: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n\n @media (min-width: ","px) {\n width: 400px;\n }\n\n .ms-Dialog-action {\n display: block;\n margin: 0;\n }\n"])),minScreenSize.small);var Buttons=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Buttons",componentId:"sc-1rziepe-1"})(templateObject_2$K||(templateObject_2$K=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-right: 4px; /* buttons alignment on the right */\n"],["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-right: 4px; /* buttons alignment on the right */\n"])));var StyledPeoplePicker=_styled__default["default"](PeoplePicker).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPeoplePicker",componentId:"sc-1rziepe-2"})(templateObject_3$u||(templateObject_3$u=__makeTemplateObject(["\n margin: ","px 0 ","px 0;\n\n .ms-BasePicker-text {\n padding: 0 !important;\n }\n"],["\n margin: ","px 0 ","px 0;\n\n .ms-BasePicker-text {\n padding: 0 !important;\n }\n"])),spacingS,spacingM);var DialogMainContent=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__DialogMainContent",componentId:"sc-1rziepe-3"})(templateObject_5$i||(templateObject_5$i=__makeTemplateObject(["\n ","\n margin-bottom: auto;\n"],["\n ","\n margin-bottom: auto;\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_4$j||(templateObject_4$j=__makeTemplateObject(["\n max-height: 300px;\n overflow: auto;\n "],["\n max-height: 300px;\n overflow: auto;\n "])));});var StyledPollDisplay=_styled__default["default"](PollDisplay).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPollDisplay",componentId:"sc-1rziepe-4"})(templateObject_6$c||(templateObject_6$c=__makeTemplateObject(["\n max-width: calc(100% - 10px);\n padding-left: 4px; // needed for the focus indicator\n"],["\n max-width: calc(100% - 10px);\n padding-left: 4px; // needed for the focus indicator\n"])));var CancelButton=function CancelButton(_a){var onClick=_a.onClick;return jsxRuntime.jsx(StyledCancelButton,__assign({onClick:onClick},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0);};var InvitationInfoMessage=function InvitationInfoMessage(_a){var subscriptionName=_a.subscriptionName;return jsxRuntime.jsxs(InfoMessageHost,{children:[jsxRuntime.jsx(InfoIcon,{iconName:"info"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.userWillBeInvited",values:{subscriptionName:subscriptionName}},void 0)]},void 0);};var InfoMessageHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoMessageHost",componentId:"sc-1rziepe-5"})(templateObject_7$7||(templateObject_7$7=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n"])),spacingM);var InfoIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoIcon",componentId:"sc-1rziepe-6"})(templateObject_8$6||(templateObject_8$6=__makeTemplateObject(["\n padding-right: ","px;\n"],["\n padding-right: ","px;\n"])),spacingS);var StyledCancelButton=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledCancelButton",componentId:"sc-1rziepe-7"})(templateObject_9$5||(templateObject_9$5=__makeTemplateObject(["\n && {\n margin-right: ","px;\n }\n"],["\n && {\n margin-right: ","px;\n }\n"])),spacingM);var DialogGlobalStyle$2=_styled.createGlobalStyle(templateObject_10$4||(templateObject_10$4=__makeTemplateObject(["\n .dialog-register-user {\n .ms-Overlay {\n background-color: transparent !important;\n }\n\n .ms-Dialog-main {\n box-shadow: none !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n min-height: 466px;\n }\n }\n"],["\n .dialog-register-user {\n .ms-Overlay {\n background-color: transparent !important;\n }\n\n .ms-Dialog-main {\n box-shadow: none !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n min-height: 466px;\n }\n }\n"])),maxScreenSize.small);var templateObject_1$1g,templateObject_2$K,templateObject_3$u,templateObject_4$j,templateObject_5$i,templateObject_6$c,templateObject_7$7,templateObject_8$6,templateObject_9$5,templateObject_10$4;var EventRegistrationRegisterSomeoneElseButton=function EventRegistrationRegisterSomeoneElseButton(_a){var item=_a.item,onRegister=_a.onRegister,onDeregister=_a.onDeregister;var user=useCurrentUser();var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(StyledButton$1,__assign({iconProps:{iconName:'AddFriend'},onClick:function(){return setShowDialog(true);}},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.title"},void 0)}),void 0),showDialog&&jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseDialog,{onDismiss:handleDismiss,onUpdate:handleUpdate,show:showDialog},void 0)]},void 0);function handleDismiss(){setShowDialog(false);}function handleUpdate(participant,response){if(response===EventResponse.Registered){onRegister===null||onRegister===void 0?void 0:onRegister(participant);}else {onDeregister===null||onDeregister===void 0?void 0:onDeregister(participant);}}};var StyledButton$1=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseButton__StyledButton",componentId:"sc-mgwolr-0"})(templateObject_1$1f||(templateObject_1$1f=__makeTemplateObject(["\n && {\n height: auto;\n padding: 0;\n margin-bottom: ","px;\n border: 0;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n margin-bottom: ","px;\n border: 0;\n }\n"])),spacingS);var templateObject_1$1f;var EventRegistrationDeregisterPersonButton=function EventRegistrationDeregisterPersonButton(_a){var item=_a.item,participant=_a.participant,onDeregistered=_a.onDeregistered;var user=useCurrentUserContext().user;var refreshUserDetails=useRefreshUserDetails();var setEventRegistration=useEventRegistrationApi().setEventRegistration;var showToast=useNotificationContext().showToast;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Events.registration.deRegisterSomeoneElse.title",values:{name:participant.displayName}},{children:jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onClick:function(){return setShowDialog(true);},ariaLabel:formatMessage({id:'Events.registration.deRegisterSomeoneElse.title'},{name:participant.displayName})},void 0)}),void 0),showDialog&&jsxRuntime.jsx(ConfirmDialog,{showDialog:showDialog,titleResourceKey:"Events.registration.deRegisterSomeoneElse.confirmTitle",titleResourceValues:{name:participant.displayName},onConfirm:deRegister,onClose:function(){return setShowDialog(false);}},void 0)]},void 0);function deRegister(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:onDeregistered();return [4/*yield*/,setEventRegistration(item.id,EventResponse.NotSet,null,null,participant.upn)];case 1:_a.sent();refreshUserDetails();showToast('Events.registration.onBehalfOfDeregistrationSuccess',{mail:participant.displayName});return [2/*return*/];}});});}};var EventRegistrationParticipantsDialog=function EventRegistrationParticipantsDialog(_a){var numberOfParticipants=_a.numberOfParticipants,show=_a.show,onDismiss=_a.onDismiss;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:false,className:'dialog-event-participants'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.participants'},{count:numberOfParticipants})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$r,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$1,{},void 0),jsxRuntime.jsx(ParticipantsList,{},void 0)]}),void 0)}),void 0);};var Host$r=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__Host",componentId:"sc-1biaauh-0"})(templateObject_1$1e||(templateObject_1$1e=__makeTemplateObject(["\n @media (min-width: ","px) {\n width: 400px;\n }\n"],["\n @media (min-width: ","px) {\n width: 400px;\n }\n"])),minScreenSize.small);var DialogGlobalStyle$1=_styled.createGlobalStyle(templateObject_2$J||(templateObject_2$J=__makeTemplateObject(["\n .dialog-event-participants {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-event-participants {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var ParticipantsList=function ParticipantsList(){var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var getParticipants=useEventRegistrationApi().getParticipants;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;var _a=React$d.useContext(PollUserContext),fetchPollResults=_a.fetchPollResults,publishableItem=_a.item;var item=publishableItem;var _b=usePromise$2(getSortedParticipants,[],[item.id]),unfilteredParticipants=_b[0],isLoading=_b[1],setParticipants=_b[3];var handleSearchDebounced=useDebouncedCallback$3(handleSearch,300)[0];var _c=React$d.useState(),filteredParticipants=_c[0],setFilteredParticipants=_c[1];var participants=filteredParticipants||unfilteredParticipants;return jsxRuntime.jsxs(ListHost,{children:[jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseButton,{item:item,onDeregister:handleDeregister,onRegister:handleRegister},void 0),jsxRuntime.jsx(SearchArea,{children:jsxRuntime.jsx(StyledSearchBox$1,{placeholder:formatMessage({id:'Events.registration.participants.search.placeholder'}),disabled:isLoading,onChange:function(_,value){return handleSearchDebounced(unfilteredParticipants,value);},iconProps:{style:{color:textColors.default}}},void 0)},void 0),isLoading&&jsxRuntime.jsx(Spinner,{},void 0),jsxRuntime.jsx(ListContainer,__assign({isScrollable:!env.isAnyMobileApp},{children:participants.map(function(p){var showDeregisterButton=p.upn!==user.userPrincipalName;return jsxRuntime.jsxs(ListRow,{children:[jsxRuntime.jsx(PersonaCardWrapper,__assign({showDeregisterButton:showDeregisterButton},{children:jsxRuntime.jsx(StyledPersonaCard$4,__assign({upn:p.upn},{children:jsxRuntime.jsx(StyledAvatar$3,{upn:p.upn,text:p.displayName,secondaryText:p.location&&formatMessage({id:'Events.registration.participants.location'},{location:p.location})},void 0)}),void 0)}),void 0),showDeregisterButton&&jsxRuntime.jsx(EventRegistrationDeregisterPersonButton,{item:item,participant:p,onDeregistered:function(){return handleDeregister(p);}},void 0)]},p.upn);})}),void 0),!isLoading&&!participants.length&&jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0)]},void 0);function getSortedParticipants(){return __awaiter(this,void 0,void 0,function(){var numberOfLocations,locationsMap,participants;return __generator(this,function(_a){switch(_a.label){case 0:numberOfLocations=item===null||item===void 0?void 0:item.locations.length;locationsMap=getLocations();return [4/*yield*/,getParticipants(item.id)];case 1:participants=_a.sent()||[];return [2/*return*/,participants.map(function(p){return __assign(__assign({},p),{location:numberOfLocations>1?locationsMap[p.locationId]||'':''});}).sort(function(a,b){var locationCompare=(locationsMap[a.locationId]||'').localeCompare(locationsMap[b.locationId]||'');if(locationCompare!==0){return locationCompare;}return a.displayName.localeCompare(b.displayName);})];}});});}function getLocations(){var _a;return ((_a=item.locations)===null||_a===void 0?void 0:_a.reduce(function(prev,curr){prev[curr.locationId]=curr.name;return prev;},{}))||{};}function handleSearch(unfilteredParticipants,searchValue){if(!searchValue){setFilteredParticipants(null);return;}var filter=new RegExp(searchValue,'i');setFilteredParticipants(unfilteredParticipants.filter(function(p){return (p.displayName+"|"+p.upn+"|"+p.location).search(filter)>-1;}));}function handleDeregister(participant){setParticipants(function(ps){return ps.filter(function(p){return p.upn!==participant.upn;});});fetchPollResults();setFilteredParticipants(null);}function handleRegister(participant){setParticipants(function(ps){return ps.concat([__assign(__assign({},participant),{location:getLocations()[participant.locationId]||''})]);});fetchPollResults();setFilteredParticipants(null);}};var ListContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListContainer",componentId:"sc-1biaauh-1"})(templateObject_4$i||(templateObject_4$i=__makeTemplateObject(["\n padding: 4px;\n\n ","\n"],["\n padding: 4px;\n\n ","\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_3$t||(templateObject_3$t=__makeTemplateObject(["\n max-height: 382px;\n overflow: auto;\n "],["\n max-height: 382px;\n overflow: auto;\n "])));});var SearchArea=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__SearchArea",componentId:"sc-1biaauh-2"})(templateObject_5$h||(templateObject_5$h=__makeTemplateObject(["\n margin-bottom: ","px;\n display: flex;\n"],["\n margin-bottom: ","px;\n display: flex;\n"])),spacingM);var StyledSearchBox$1=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledSearchBox",componentId:"sc-1biaauh-3"})(templateObject_6$b||(templateObject_6$b=__makeTemplateObject(["\n flex-grow: 1;\n"],["\n flex-grow: 1;\n"])));var ListRow=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListRow",componentId:"sc-1biaauh-4"})(templateObject_7$6$1||(templateObject_7$6$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-bottom: ","px;\n"],["\n display: flex;\n align-items: center;\n margin-bottom: ","px;\n"])),spacingS);var PersonaCardWrapper=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__PersonaCardWrapper",componentId:"sc-1biaauh-5"})(templateObject_8$5$1||(templateObject_8$5$1=__makeTemplateObject(["\n width: calc(100% - ","px);\n"],["\n width: calc(100% - ","px);\n"])),function(p){return p.showDeregisterButton?32:0;});var StyledPersonaCard$4=_styled__default["default"](PersonaCard).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledPersonaCard",componentId:"sc-1biaauh-6"})(templateObject_9$4||(templateObject_9$4=__makeTemplateObject(["\n width: 100%;\n\n & > * {\n width: 100%;\n }\n"],["\n width: 100%;\n\n & > * {\n width: 100%;\n }\n"])));var StyledAvatar$3=_styled__default["default"](Avatar).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledAvatar",componentId:"sc-1biaauh-7"})(templateObject_10$3$1||(templateObject_10$3$1=__makeTemplateObject(["\n .ms-Persona-secondaryText {\n white-space: initial;\n }\n\n height: auto;\n\n > div:first-child {\n align-self: flex-start;\n }\n"],["\n .ms-Persona-secondaryText {\n white-space: initial;\n }\n\n height: auto;\n\n > div:first-child {\n align-self: flex-start;\n }\n"])));var ListHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListHost",componentId:"sc-1biaauh-8"})(templateObject_11$2$1||(templateObject_11$2$1=__makeTemplateObject([""],[""])));var templateObject_1$1e,templateObject_2$J,templateObject_3$t,templateObject_4$i,templateObject_5$h,templateObject_6$b,templateObject_7$6$1,templateObject_8$5$1,templateObject_9$4,templateObject_10$3$1,templateObject_11$2$1;var EventRegistrationParticipantsLink=function EventRegistrationParticipantsLink(){var _a;var user=useCurrentUser();var _b=React$d.useContext(PollUserContext),pollResult=_b.pollResult,publishableItem=_b.item;var item=publishableItem;var _c=React$d.useState(false),showParticipants=_c[0],setShowParticipants=_c[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(user.isPublicUser||(pollResult===null||pollResult===void 0?void 0:pollResult.totalFeedbackCount)==null){return null;}var isUserAuthor=hasMinRoleInAllGroups(GroupRoles.Author,user,item);var canOpenParticipantsDialog=isUserAuthor||pollResult.totalFeedbackCount>0&&((_a=item.registrationSettings)===null||_a===void 0?void 0:_a.showParticipantsToEverybody);return jsxRuntime.jsxs("div",__assign({"data-poll-result-total-count":pollResult.totalFeedbackCount},{children:[!canOpenParticipantsDialog?jsxRuntime.jsx(NoParticipantsContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.participants.count",values:{count:pollResult.totalFeedbackCount}},void 0)},void 0):jsxRuntime.jsx(ParticipantsButton,__assign({onClick:function(){return setShowParticipants(true);},color:palette.accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:isUserAuthor?'Events.registration.participants.viewAndManage':'Events.registration.participants.count',values:{count:pollResult.totalFeedbackCount}},void 0)}),void 0),jsxRuntime.jsx(EventRegistrationParticipantsDialog,{numberOfParticipants:pollResult.totalFeedbackCount,show:showParticipants,onDismiss:function(){return setShowParticipants(false);}},void 0)]}),void 0);};var NoParticipantsContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsLink__NoParticipantsContainer",componentId:"sc-44nkgi-0"})(templateObject_1$1d||(templateObject_1$1d=__makeTemplateObject(["\n color: ",";\n font-size: ","px;\n"],["\n color: ",";\n font-size: ","px;\n"])),function(p){return p.theme.palette.neutralTertiary;},fontSizeSmall);var ParticipantsButton=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationParticipantsLink__ParticipantsButton",componentId:"sc-44nkgi-1"})(templateObject_2$I||(templateObject_2$I=__makeTemplateObject(["\n && {\n height: auto;\n padding: 0;\n font-size: ","px;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n font-size: ","px;\n }\n"])),fontSizeSmall);var templateObject_1$1d,templateObject_2$I;var EventDetailViewRegistrationPoll=function EventDetailViewRegistrationPoll(){return jsxRuntime.jsx(EventRegistrationContextProvider,{children:jsxRuntime.jsxs(StyledPollDisplay$1,{children:[jsxRuntime.jsx(EventRegistrationParticipantsLink,{},void 0),jsxRuntime.jsx(StyledEventUserRegistration,{},void 0),jsxRuntime.jsx(StyledResponseExportButton,{},void 0)]},void 0)},void 0);};var StyledEventUserRegistration=_styled__default["default"](EventDetailViewUserRegistration).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledEventUserRegistration",componentId:"sc-1kxjndz-0"})(templateObject_1$1c||(templateObject_1$1c=__makeTemplateObject(["\n && {\n margin-top: ","px;\n }\n"],["\n && {\n margin-top: ","px;\n }\n"])),spacingS);var StyledResponseExportButton=_styled__default["default"](EventDetailViewResponseExportButton).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledResponseExportButton",componentId:"sc-1kxjndz-1"})(templateObject_2$H||(templateObject_2$H=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingS);var templateObject_1$1c,templateObject_2$H;var EventDetailViewRegistration=function EventDetailViewRegistration(){var item=useDetailViewContext().item;var isRegistrationEnabled=item.registrationSettings&&item.registrationSettings.enabled;if(isRegistrationEnabled){return jsxRuntime.jsx(EventDetailViewRegistrationPoll,{},void 0);}return jsxRuntime.jsx(DetailViewPoll,{},void 0);};var EventDetailViewCancelInformation=function EventDetailViewCancelInformation(){var _a=useDetailViewContext(),item=_a.item,contentLanguage=_a.contentLanguage;return jsxRuntime.jsx(EventCancelInformation,{item:item,language:contentLanguage},void 0);};var classof$a=classofRaw$1;// `IsArray` abstract operation
|
|
131857
|
+
var seatsResult=React$d.useMemo(getSeatsLeft,[isLoading,isLoadingPollResult,pollResult,item.id]);return jsxRuntime.jsx(EventUserRegistrationContext.Provider,__assign({value:__assign(__assign({},pollUserContext),{hasPollContext:true,eventResponse:eventResponse,setEventResponse:setEventResponse,isLoading:isLoadingPollResult||isLoading,seatsInfo:seatsResult})},{children:jsxRuntime.jsx(EventUserRegistration,{className:className,hideInfoMessage:hideInfoMessage},void 0)}),void 0);function getEventResponse(){return __awaiter(this,void 0,void 0,function(){var feedback,eventRecord;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getFeedback(ItemResourceTypes.Events,item.id,onBehalfOfUpn)];case 1:feedback=_a.sent();eventRecord=feedback&&feedback.records.find(function(r){return r.type==='eventRegistration';});return [2/*return*/,eventRecord?eventRecord.eventResponse:EventResponse.NotSet];}});});}function getSeatsLeft(){var _a,_b,_c,_d;if(isLoading||!item.registrationSettings||!item.registrationSettings.enabled||((_a=item.cancelInformation)===null||_a===void 0?void 0:_a.isCancelled)||!((_b=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_b===void 0?void 0:_b.length)||isLoadingPollResult){return {hasAnySeatsLeft:true};}var locationsWithSeats=item.locations.filter(function(l){return l.maxNumberOfSeats>0;});var hasLocationsWithoutSeats=locationsWithSeats.length!==item.locations.length;if(!locationsWithSeats.length||hasLocationsWithoutSeats){return {hasAnySeatsLeft:true};}var locationAnswers=(_d=(_c=pollResult.answers.find(function(a){return a.questionId===getLocationQuestionId(item);}))===null||_c===void 0?void 0:_c.choices)===null||_d===void 0?void 0:_d.reduce(function(prev,curr){prev[curr.choiceId]=curr.count;return prev;},{});var locationsWithSeatsLeft=locationsWithSeats.map(function(l){return __assign(__assign({},l),{seatsLeft:Math.max(l.maxNumberOfSeats-(locationAnswers[l.locationId]||0),0)});});return {hasAnySeatsLeft:locationsWithSeatsLeft.some(function(l){return l.seatsLeft>0;}),locations:locationsWithSeatsLeft};}};var EventRegistrationRegisterSomeoneElseDialog=function EventRegistrationRegisterSomeoneElseDialog(_a){var show=_a.show,onDismiss=_a.onDismiss,onUpdate=_a.onUpdate;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=React$d.useState(),onBehalfOfUser=_b[0],setOnBehalfOfUser=_b[1];var item=useDetailViewContext().item;var isGroupAdmin=hasMinRoleInAllGroups(GroupRoles.Admin,user,item);useListener(EventResponseTriggerAction.type,function(action){if(action.itemId!==item.id){return false;}onUpdate({upn:onBehalfOfUser.userPrincipalName,displayName:onBehalfOfUser.displayName,locationId:action.locationId},action.response);onDismiss();return true;},[item.id,onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.userPrincipalName]);return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:true,className:'dialog-register-user'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.registerSomeoneElse.title'})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$s,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$2,{},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.peoplePickerLabel"},void 0),jsxRuntime.jsx(StyledPeoplePicker,{accountType:AccountType.User,allowMailItems:isGroupAdmin&&features.userInvitation,localOnly:!isGroupAdmin,includePendingInvitationUsers:true,includePendingRegistrationUsers:true,selectionMode:officeUiFabricReact.SelectionMode.single,selectedItems:onBehalfOfUser?[onBehalfOfUser]:[],onChange:function(accounts){return setOnBehalfOfUser(accounts[0]);},placeholderStringResourceKey:"Events.registration.registerSomeoneElse.peoplePickerPlaceholder",excludedItems:[user]},void 0),onBehalfOfUser&&jsxRuntime.jsxs(EventRegistrationContextProvider,__assign({onBehalfOfUpn:onBehalfOfUser.userPrincipalName},{children:[jsxRuntime.jsxs(DialogMainContent,__assign({isScrollable:!env.isAnyMobileApp},{children:[!(onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.id)&&jsxRuntime.jsx(InvitationInfoMessage,{subscriptionName:getSubscriptionName(user.subscription)},void 0),jsxRuntime.jsx(StyledPollDisplay,{},void 0)]}),void 0),jsxRuntime.jsx(officeUiFabricReact.DialogFooter,{children:jsxRuntime.jsxs(Buttons,{children:[jsxRuntime.jsx(CancelButton,{onClick:onDismiss},void 0),jsxRuntime.jsx(EventDetailViewUserRegistration,{hideInfoMessage:true},void 0)]},void 0)},void 0)]}),onBehalfOfUser.userPrincipalName)]}),void 0)}),void 0);};var Host$s=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Host",componentId:"sc-1rziepe-0"})(templateObject_1$1g||(templateObject_1$1g=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n\n @media (min-width: ","px) {\n width: 400px;\n }\n\n .ms-Dialog-action {\n display: block;\n margin: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n\n @media (min-width: ","px) {\n width: 400px;\n }\n\n .ms-Dialog-action {\n display: block;\n margin: 0;\n }\n"])),minScreenSize.small);var Buttons=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Buttons",componentId:"sc-1rziepe-1"})(templateObject_2$K||(templateObject_2$K=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-right: 4px; /* buttons alignment on the right */\n"],["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-right: 4px; /* buttons alignment on the right */\n"])));var StyledPeoplePicker=_styled__default["default"](PeoplePicker).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPeoplePicker",componentId:"sc-1rziepe-2"})(templateObject_3$u||(templateObject_3$u=__makeTemplateObject(["\n margin: ","px 0 ","px 0;\n\n .ms-BasePicker-text {\n padding: 0 !important;\n }\n"],["\n margin: ","px 0 ","px 0;\n\n .ms-BasePicker-text {\n padding: 0 !important;\n }\n"])),spacingS,spacingM);var DialogMainContent=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__DialogMainContent",componentId:"sc-1rziepe-3"})(templateObject_5$i||(templateObject_5$i=__makeTemplateObject(["\n ","\n margin-bottom: auto;\n"],["\n ","\n margin-bottom: auto;\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_4$j||(templateObject_4$j=__makeTemplateObject(["\n max-height: 300px;\n overflow: auto;\n "],["\n max-height: 300px;\n overflow: auto;\n "])));});var StyledPollDisplay=_styled__default["default"](PollDisplay).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPollDisplay",componentId:"sc-1rziepe-4"})(templateObject_6$c||(templateObject_6$c=__makeTemplateObject(["\n max-width: calc(100% - 10px);\n padding-left: 4px; // needed for the focus indicator\n"],["\n max-width: calc(100% - 10px);\n padding-left: 4px; // needed for the focus indicator\n"])));var CancelButton=function CancelButton(_a){var onClick=_a.onClick;return jsxRuntime.jsx(StyledCancelButton,__assign({onClick:onClick},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0);};var InvitationInfoMessage=function InvitationInfoMessage(_a){var subscriptionName=_a.subscriptionName;return jsxRuntime.jsxs(InfoMessageHost,{children:[jsxRuntime.jsx(InfoIcon,{iconName:"info"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.userWillBeInvited",values:{subscriptionName:subscriptionName}},void 0)]},void 0);};var InfoMessageHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoMessageHost",componentId:"sc-1rziepe-5"})(templateObject_7$7||(templateObject_7$7=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n"])),spacingM);var InfoIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoIcon",componentId:"sc-1rziepe-6"})(templateObject_8$6||(templateObject_8$6=__makeTemplateObject(["\n padding-right: ","px;\n"],["\n padding-right: ","px;\n"])),spacingS);var StyledCancelButton=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledCancelButton",componentId:"sc-1rziepe-7"})(templateObject_9$5||(templateObject_9$5=__makeTemplateObject(["\n && {\n margin-right: ","px;\n }\n"],["\n && {\n margin-right: ","px;\n }\n"])),spacingM);var DialogGlobalStyle$2=_styled.createGlobalStyle(templateObject_10$4||(templateObject_10$4=__makeTemplateObject(["\n .dialog-register-user {\n .ms-Overlay {\n background-color: transparent !important;\n }\n\n .ms-Dialog-main {\n box-shadow: none !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n min-height: 466px;\n }\n }\n"],["\n .dialog-register-user {\n .ms-Overlay {\n background-color: transparent !important;\n }\n\n .ms-Dialog-main {\n box-shadow: none !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n min-height: 466px;\n }\n }\n"])),maxScreenSize.small);var templateObject_1$1g,templateObject_2$K,templateObject_3$u,templateObject_4$j,templateObject_5$i,templateObject_6$c,templateObject_7$7,templateObject_8$6,templateObject_9$5,templateObject_10$4;var EventRegistrationRegisterSomeoneElseButton=function EventRegistrationRegisterSomeoneElseButton(_a){var item=_a.item,onRegister=_a.onRegister,onDeregister=_a.onDeregister;var user=useCurrentUser();var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(StyledButton$1,__assign({iconProps:{iconName:'AddFriend'},onClick:function(){return setShowDialog(true);}},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.title"},void 0)}),void 0),showDialog&&jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseDialog,{onDismiss:handleDismiss,onUpdate:handleUpdate,show:showDialog},void 0)]},void 0);function handleDismiss(){setShowDialog(false);}function handleUpdate(participant,response){if(response===EventResponse.Registered){onRegister===null||onRegister===void 0?void 0:onRegister(participant);}else {onDeregister===null||onDeregister===void 0?void 0:onDeregister(participant);}}};var StyledButton$1=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseButton__StyledButton",componentId:"sc-mgwolr-0"})(templateObject_1$1f||(templateObject_1$1f=__makeTemplateObject(["\n && {\n height: auto;\n padding: 0;\n margin-bottom: ","px;\n border: 0;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n margin-bottom: ","px;\n border: 0;\n }\n"])),spacingS);var templateObject_1$1f;var EventRegistrationDeregisterPersonButton=function EventRegistrationDeregisterPersonButton(_a){var item=_a.item,participant=_a.participant,onDeregistered=_a.onDeregistered;var user=useCurrentUserContext().user;var refreshUserDetails=useRefreshUserDetails();var setEventRegistration=useEventRegistrationApi().setEventRegistration;var showToast=useNotificationContext().showToast;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Events.registration.deRegisterSomeoneElse.title",values:{name:participant.displayName}},{children:jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onClick:function(){return setShowDialog(true);},ariaLabel:formatMessage({id:'Events.registration.deRegisterSomeoneElse.title'},{name:participant.displayName})},void 0)}),void 0),showDialog&&jsxRuntime.jsx(ConfirmDialog,{showDialog:showDialog,titleResourceKey:"Events.registration.deRegisterSomeoneElse.confirmTitle",titleResourceValues:{name:participant.displayName},onConfirm:deRegister,onClose:function(){return setShowDialog(false);}},void 0)]},void 0);function deRegister(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:onDeregistered();return [4/*yield*/,setEventRegistration(item.id,EventResponse.NotSet,null,null,participant.upn)];case 1:_a.sent();refreshUserDetails();showToast('Events.registration.onBehalfOfDeregistrationSuccess',{mail:participant.displayName});return [2/*return*/];}});});}};var EventRegistrationParticipantsDialog=function EventRegistrationParticipantsDialog(_a){var numberOfParticipants=_a.numberOfParticipants,show=_a.show,onDismiss=_a.onDismiss;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:false,className:'dialog-event-participants'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.participants'},{count:numberOfParticipants})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$r,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$1,{},void 0),jsxRuntime.jsx(ParticipantsList,{},void 0)]}),void 0)}),void 0);};var Host$r=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__Host",componentId:"sc-1biaauh-0"})(templateObject_1$1e||(templateObject_1$1e=__makeTemplateObject(["\n @media (min-width: ","px) {\n width: 400px;\n }\n"],["\n @media (min-width: ","px) {\n width: 400px;\n }\n"])),minScreenSize.small);var DialogGlobalStyle$1=_styled.createGlobalStyle(templateObject_2$J||(templateObject_2$J=__makeTemplateObject(["\n .dialog-event-participants {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-event-participants {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var ParticipantsList=function ParticipantsList(){var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var getParticipants=useEventRegistrationApi().getParticipants;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;var _a=React$d.useContext(PollUserContext),fetchPollResults=_a.fetchPollResults,publishableItem=_a.item;var item=publishableItem;var _b=usePromise$2(getSortedParticipants,[],[item.id]),unfilteredParticipants=_b[0],isLoading=_b[1],setParticipants=_b[3];var handleSearchDebounced=useDebouncedCallback(handleSearch,300)[0];var _c=React$d.useState(),filteredParticipants=_c[0],setFilteredParticipants=_c[1];var participants=filteredParticipants||unfilteredParticipants;return jsxRuntime.jsxs(ListHost,{children:[jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseButton,{item:item,onDeregister:handleDeregister,onRegister:handleRegister},void 0),jsxRuntime.jsx(SearchArea,{children:jsxRuntime.jsx(StyledSearchBox$1,{placeholder:formatMessage({id:'Events.registration.participants.search.placeholder'}),disabled:isLoading,onChange:function(_,value){return handleSearchDebounced(unfilteredParticipants,value);},iconProps:{style:{color:textColors.default}}},void 0)},void 0),isLoading&&jsxRuntime.jsx(Spinner,{},void 0),jsxRuntime.jsx(ListContainer,__assign({isScrollable:!env.isAnyMobileApp},{children:participants.map(function(p){var showDeregisterButton=p.upn!==user.userPrincipalName;return jsxRuntime.jsxs(ListRow,{children:[jsxRuntime.jsx(PersonaCardWrapper,__assign({showDeregisterButton:showDeregisterButton},{children:jsxRuntime.jsx(StyledPersonaCard$4,__assign({upn:p.upn},{children:jsxRuntime.jsx(StyledAvatar$3,{upn:p.upn,text:p.displayName,secondaryText:p.location&&formatMessage({id:'Events.registration.participants.location'},{location:p.location})},void 0)}),void 0)}),void 0),showDeregisterButton&&jsxRuntime.jsx(EventRegistrationDeregisterPersonButton,{item:item,participant:p,onDeregistered:function(){return handleDeregister(p);}},void 0)]},p.upn);})}),void 0),!isLoading&&!participants.length&&jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0)]},void 0);function getSortedParticipants(){return __awaiter(this,void 0,void 0,function(){var numberOfLocations,locationsMap,participants;return __generator(this,function(_a){switch(_a.label){case 0:numberOfLocations=item===null||item===void 0?void 0:item.locations.length;locationsMap=getLocations();return [4/*yield*/,getParticipants(item.id)];case 1:participants=_a.sent()||[];return [2/*return*/,participants.map(function(p){return __assign(__assign({},p),{location:numberOfLocations>1?locationsMap[p.locationId]||'':''});}).sort(function(a,b){var locationCompare=(locationsMap[a.locationId]||'').localeCompare(locationsMap[b.locationId]||'');if(locationCompare!==0){return locationCompare;}return a.displayName.localeCompare(b.displayName);})];}});});}function getLocations(){var _a;return ((_a=item.locations)===null||_a===void 0?void 0:_a.reduce(function(prev,curr){prev[curr.locationId]=curr.name;return prev;},{}))||{};}function handleSearch(unfilteredParticipants,searchValue){if(!searchValue){setFilteredParticipants(null);return;}var filter=new RegExp(searchValue,'i');setFilteredParticipants(unfilteredParticipants.filter(function(p){return (p.displayName+"|"+p.upn+"|"+p.location).search(filter)>-1;}));}function handleDeregister(participant){setParticipants(function(ps){return ps.filter(function(p){return p.upn!==participant.upn;});});fetchPollResults();setFilteredParticipants(null);}function handleRegister(participant){setParticipants(function(ps){return ps.concat([__assign(__assign({},participant),{location:getLocations()[participant.locationId]||''})]);});fetchPollResults();setFilteredParticipants(null);}};var ListContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListContainer",componentId:"sc-1biaauh-1"})(templateObject_4$i||(templateObject_4$i=__makeTemplateObject(["\n padding: 4px;\n\n ","\n"],["\n padding: 4px;\n\n ","\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_3$t||(templateObject_3$t=__makeTemplateObject(["\n max-height: 382px;\n overflow: auto;\n "],["\n max-height: 382px;\n overflow: auto;\n "])));});var SearchArea=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__SearchArea",componentId:"sc-1biaauh-2"})(templateObject_5$h||(templateObject_5$h=__makeTemplateObject(["\n margin-bottom: ","px;\n display: flex;\n"],["\n margin-bottom: ","px;\n display: flex;\n"])),spacingM);var StyledSearchBox$1=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledSearchBox",componentId:"sc-1biaauh-3"})(templateObject_6$b||(templateObject_6$b=__makeTemplateObject(["\n flex-grow: 1;\n"],["\n flex-grow: 1;\n"])));var ListRow=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListRow",componentId:"sc-1biaauh-4"})(templateObject_7$6$1||(templateObject_7$6$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-bottom: ","px;\n"],["\n display: flex;\n align-items: center;\n margin-bottom: ","px;\n"])),spacingS);var PersonaCardWrapper=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__PersonaCardWrapper",componentId:"sc-1biaauh-5"})(templateObject_8$5$1||(templateObject_8$5$1=__makeTemplateObject(["\n width: calc(100% - ","px);\n"],["\n width: calc(100% - ","px);\n"])),function(p){return p.showDeregisterButton?32:0;});var StyledPersonaCard$4=_styled__default["default"](PersonaCard).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledPersonaCard",componentId:"sc-1biaauh-6"})(templateObject_9$4||(templateObject_9$4=__makeTemplateObject(["\n width: 100%;\n\n & > * {\n width: 100%;\n }\n"],["\n width: 100%;\n\n & > * {\n width: 100%;\n }\n"])));var StyledAvatar$3=_styled__default["default"](Avatar).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledAvatar",componentId:"sc-1biaauh-7"})(templateObject_10$3$1||(templateObject_10$3$1=__makeTemplateObject(["\n .ms-Persona-secondaryText {\n white-space: initial;\n }\n\n height: auto;\n\n > div:first-child {\n align-self: flex-start;\n }\n"],["\n .ms-Persona-secondaryText {\n white-space: initial;\n }\n\n height: auto;\n\n > div:first-child {\n align-self: flex-start;\n }\n"])));var ListHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListHost",componentId:"sc-1biaauh-8"})(templateObject_11$2$1||(templateObject_11$2$1=__makeTemplateObject([""],[""])));var templateObject_1$1e,templateObject_2$J,templateObject_3$t,templateObject_4$i,templateObject_5$h,templateObject_6$b,templateObject_7$6$1,templateObject_8$5$1,templateObject_9$4,templateObject_10$3$1,templateObject_11$2$1;var EventRegistrationParticipantsLink=function EventRegistrationParticipantsLink(){var _a;var user=useCurrentUser();var _b=React$d.useContext(PollUserContext),pollResult=_b.pollResult,publishableItem=_b.item;var item=publishableItem;var _c=React$d.useState(false),showParticipants=_c[0],setShowParticipants=_c[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(user.isPublicUser||(pollResult===null||pollResult===void 0?void 0:pollResult.totalFeedbackCount)==null){return null;}var isUserAuthor=hasMinRoleInAllGroups(GroupRoles.Author,user,item);var canOpenParticipantsDialog=isUserAuthor||pollResult.totalFeedbackCount>0&&((_a=item.registrationSettings)===null||_a===void 0?void 0:_a.showParticipantsToEverybody);return jsxRuntime.jsxs("div",__assign({"data-poll-result-total-count":pollResult.totalFeedbackCount},{children:[!canOpenParticipantsDialog?jsxRuntime.jsx(NoParticipantsContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.participants.count",values:{count:pollResult.totalFeedbackCount}},void 0)},void 0):jsxRuntime.jsx(ParticipantsButton,__assign({onClick:function(){return setShowParticipants(true);},color:palette.accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:isUserAuthor?'Events.registration.participants.viewAndManage':'Events.registration.participants.count',values:{count:pollResult.totalFeedbackCount}},void 0)}),void 0),jsxRuntime.jsx(EventRegistrationParticipantsDialog,{numberOfParticipants:pollResult.totalFeedbackCount,show:showParticipants,onDismiss:function(){return setShowParticipants(false);}},void 0)]}),void 0);};var NoParticipantsContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsLink__NoParticipantsContainer",componentId:"sc-44nkgi-0"})(templateObject_1$1d||(templateObject_1$1d=__makeTemplateObject(["\n color: ",";\n font-size: ","px;\n"],["\n color: ",";\n font-size: ","px;\n"])),function(p){return p.theme.palette.neutralTertiary;},fontSizeSmall);var ParticipantsButton=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationParticipantsLink__ParticipantsButton",componentId:"sc-44nkgi-1"})(templateObject_2$I||(templateObject_2$I=__makeTemplateObject(["\n && {\n height: auto;\n padding: 0;\n font-size: ","px;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n font-size: ","px;\n }\n"])),fontSizeSmall);var templateObject_1$1d,templateObject_2$I;var EventDetailViewRegistrationPoll=function EventDetailViewRegistrationPoll(){return jsxRuntime.jsx(EventRegistrationContextProvider,{children:jsxRuntime.jsxs(StyledPollDisplay$1,{children:[jsxRuntime.jsx(EventRegistrationParticipantsLink,{},void 0),jsxRuntime.jsx(StyledEventUserRegistration,{},void 0),jsxRuntime.jsx(StyledResponseExportButton,{},void 0)]},void 0)},void 0);};var StyledEventUserRegistration=_styled__default["default"](EventDetailViewUserRegistration).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledEventUserRegistration",componentId:"sc-1kxjndz-0"})(templateObject_1$1c||(templateObject_1$1c=__makeTemplateObject(["\n && {\n margin-top: ","px;\n }\n"],["\n && {\n margin-top: ","px;\n }\n"])),spacingS);var StyledResponseExportButton=_styled__default["default"](EventDetailViewResponseExportButton).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledResponseExportButton",componentId:"sc-1kxjndz-1"})(templateObject_2$H||(templateObject_2$H=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingS);var templateObject_1$1c,templateObject_2$H;var EventDetailViewRegistration=function EventDetailViewRegistration(){var item=useDetailViewContext().item;var isRegistrationEnabled=item.registrationSettings&&item.registrationSettings.enabled;if(isRegistrationEnabled){return jsxRuntime.jsx(EventDetailViewRegistrationPoll,{},void 0);}return jsxRuntime.jsx(DetailViewPoll,{},void 0);};var EventDetailViewCancelInformation=function EventDetailViewCancelInformation(){var _a=useDetailViewContext(),item=_a.item,contentLanguage=_a.contentLanguage;return jsxRuntime.jsx(EventCancelInformation,{item:item,language:contentLanguage},void 0);};var classof$a=classofRaw$1;// `IsArray` abstract operation
|
|
131858
131858
|
// https://tc39.github.io/ecma262/#sec-isarray
|
|
131859
131859
|
var isArray$3=Array.isArray||function isArray(arg){return classof$a(arg)=='Array';};var $$3=_export;var isArray$2=isArray$3;var nativeReverse$1=[].reverse;var test$3=[1,2];// `Array.prototype.reverse` method
|
|
131860
131860
|
// https://tc39.github.io/ecma262/#sec-array.prototype.reverse
|
|
@@ -131880,7 +131880,7 @@
|
|
|
131880
131880
|
if((_a=match.params)===null||_a===void 0?void 0:_a.threadId){history.push(__assign(__assign({},location),{pathname:buildPath("/"+type+"/"+item.id)}));}setThreadId(null);}function hasFeedbackEnabled(feedbackType){return hasFeedbackType(feedbackSettings||{},feedbackType);}function handleOnShowAllComments(){var _a;setThreadId(null);if((_a=match.params)===null||_a===void 0?void 0:_a.threadId){history.push(__assign(__assign({},location),{pathname:buildPath(type+"/"+item.id)}));}}};var StyledFeedbackButtons=_styled__default["default"](FeedbackButtons).withConfig({displayName:"FeedbackSection__StyledFeedbackButtons",componentId:"sc-3bzj8d-0"})(templateObject_1$15||(templateObject_1$15=__makeTemplateObject(["\n padding-bottom: ",";\n @media (max-width: 500px) {\n margin-bottom: 15px;\n }\n"],["\n padding-bottom: ",";\n @media (max-width: 500px) {\n margin-bottom: 15px;\n }\n"])),function(p){return p.showComments?'15px':'30px';});var templateObject_1$15;var FeedbackButtonLike=function FeedbackButtonLike(_a){var isReadOnly=_a.isReadOnly;var refreshStatistics=useNewsApi().refreshStatistics;var features=useFeatures();var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,likeCount=_b.statistics.likeCount,resourceType=_b.resourceType,hasFeedbackEnabled=_b.hasFeedbackEnabled;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var showError=useNotificationContext().showError;var _d=usePromise$2(getLikeState,false,[item.id]),isLiked=_d[0],isLoading=_d[1],setIsLiked=_d[3];var _e=React$d.useState(false),isSaving=_e[0],setIsSaving=_e[1];if(!features.likes||!hasFeedbackEnabled('like')){return null;}return jsxRuntime.jsx(LikeButton,{itemType:resourceType,itemId:item.id,isActive:isLiked,readOnly:isLoading||isSaving||isReadOnly,count:likeCount,onClick:function(){return handleLikeChanged(!isLiked);},isDemoContent:item.isDemoContent},void 0);function getLikeState(){var _a;return __awaiter(this,void 0,void 0,function(){var hasPublishedVersion,feedbackSummary;return __generator(this,function(_b){switch(_b.label){case 0:hasPublishedVersion=item.publishedVersionId!=null||item.isCurrentPublishedVersion;if(isReadOnly&&!hasPublishedVersion){return [2/*return*/,false];}if(!features.likes||!hasFeedbackEnabled('like')){return [2/*return*/,false];}return [4/*yield*/,getFeedback(resourceType,item.id)];case 1:feedbackSummary=_b.sent();return [2/*return*/,((_a=feedbackSummary.records)===null||_a===void 0?void 0:_a.findIndex(function(r){return r.type==='like';}))>-1];}});});}function handleLikeChanged(isNowLiked){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_b){switch(_b.label){case 0:if(isSaving||isLoading){return [2/*return*/];}setIsSaving(true);setIsLiked(isNowLiked);return [4/*yield*/,refreshStatistics(item.id,{likeCount:isNowLiked?1:-1})];case 1:_b.sent();_b.label=2;case 2:_b.trys.push([2,7,9,10]);if(!isNowLiked)return [3/*break*/,4];return [4/*yield*/,setFeedback(resourceType,item.id,'like')];case 3:_b.sent();return [3/*break*/,6];case 4:return [4/*yield*/,unsetFeedback(resourceType,item.id,'like')];case 5:_b.sent();_b.label=6;case 6:return [3/*break*/,10];case 7:_b.sent();setIsLiked(!isNowLiked);return [4/*yield*/,refreshStatistics(item.id,{likeCount:isNowLiked?-1:1})];case 8:_b.sent();showError('NewsArticle.setFeedback_error');return [3/*break*/,10];case 9:setIsSaving(false);return [7/*endfinally*/];case 10:return [2/*return*/];}});});}};var FeedbackButtonComments=function FeedbackButtonComments(){var features=useFeatures();var formatMessage=useIntl().formatMessage;var _a=React$d.useContext(FeedbackButtonContext),commentCount=_a.statistics.commentCount,resourceType=_a.resourceType,hasFeedbackEnabled=_a.hasFeedbackEnabled;if(!features.comments||!hasFeedbackEnabled('comment')){return null;}return jsxRuntime.jsx(FeedbackCountButton,{count:commentCount,iconName:"Chat",readOnly:true,tooltipResourceKey:resourceType===ItemResourceTypes.Pages?'Page.numberOfComments':'NewsArticle.numberOfComments',tooltipResourceKeyValues:{count:commentCount},ariaLabel:formatMessage({id:'AriaLabel.commentsButton'}),feedbackType:"comment"},void 0);};var FeedbackButtonViews=function FeedbackButtonViews(){var _a=React$d.useContext(FeedbackButtonContext),readCount=_a.statistics.readCount,resourceType=_a.resourceType;var formatMessage=useIntl().formatMessage;var resourceKey=getResourceKey();return jsxRuntime.jsx(FeedbackCountButton,{count:readCount,iconName:"View",readOnly:true,tooltipResourceKey:resourceKey,tooltipResourceKeyValues:{count:readCount},ariaLabel:formatMessage({id:resourceKey},{count:readCount}),feedbackType:"view"},void 0);function getResourceKey(){if(resourceType===ItemResourceTypes.Pages){return 'Page.readersTooltip';}if(resourceType===ItemResourceTypes.News){return 'NewsArticle.readersTooltip';}return 'Events.readersTooltip';}};var EventDownloadCalendarFileButton=function EventDownloadCalendarFileButton(_a){var item=_a.item,className=_a.className;var user=useCurrentUser();var createApiUrl=useApiFactory().createApiUrl;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$p,__assign({className:className},{children:jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Events.downloadCalendarFile"},{children:jsxRuntime.jsx(DownloadLink,__assign({href:getDownloadUrl(),"aria-label":formatMessage({id:'Events.downloadCalendarFile'})},{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:"AddEvent"},void 0)}),void 0)}),void 0)}),void 0);function getDownloadUrl(){return createApiUrl("/events/"+encodeURI(item.id)+"/export",{access_token:item.fileAccessToken,subscriptionId:user.subscription.id});}};var Host$p=_styled__default["default"].div.withConfig({displayName:"EventDownloadCalendarFileButton__Host",componentId:"sc-1hjuosf-0"})(templateObject_1$14||(templateObject_1$14=__makeTemplateObject(["\n && {\n > div {\n display: inline-block;\n }\n\n i {\n font-size: 22px;\n }\n }\n"],["\n && {\n > div {\n display: inline-block;\n }\n\n i {\n font-size: 22px;\n }\n }\n"])));var DownloadLink=_styled__default["default"].a.withConfig({displayName:"EventDownloadCalendarFileButton__DownloadLink",componentId:"sc-1hjuosf-1"})(templateObject_2$B||(templateObject_2$B=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ","px;\n width: ","px;\n color: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ","px;\n width: ","px;\n color: ",";\n"])),feedbackButtonHeight,feedbackButtonHeight,function(p){return p.theme.textColors.default;});var templateObject_1$14,templateObject_2$B;var EventFeedbackButtonDownloadCalendarFile=function EventFeedbackButtonDownloadCalendarFile(){var item=React$d.useContext(FeedbackButtonContext).item;return jsxRuntime.jsx(StyledEventDownloadCalendarFileButton,{item:item},void 0);};var StyledEventDownloadCalendarFileButton=_styled__default["default"](EventDownloadCalendarFileButton).withConfig({displayName:"EventFeedbackButtonDownloadCalendarFile__StyledEventDownloadCalendarFileButton",componentId:"sc-dsznxm-0"})(templateObject_1$13||(templateObject_1$13=__makeTemplateObject(["\n min-width: 60px;\n margin-right: 9px;\n"],["\n min-width: 60px;\n margin-right: 9px;\n"])));var templateObject_1$13;var ShareButton=function ShareButton(_a){var url=_a.url,isReadOnly=_a.isReadOnly,className=_a.className;var copyContainerRef=React$d.useRef();var _b=React$d.useState(false),didCopy=_b[0],setDidCopy=_b[1];var onShare=React$d.useContext(LinkContext).onShare;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$o,__assign({className:className},{children:jsxRuntime.jsx(Tooltip,__assign({resourceKey:"ShareButton.ActionDescription"},{children:jsxRuntime.jsxs(StyledIconWithCallout,__assign({icon:"Share",onIconClick:function(){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,onShare(url)];case 1:return [2/*return*/,_a.sent()];}});});},onCalloutDismissed:function(){return setDidCopy(false);},directionalHint:officeUiFabricReact.DirectionalHint.topAutoEdge,ariaLabel:formatMessage({id:'ShareButton.ActionDescription'}),disabled:isReadOnly},{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"ShareButton.ActionDescription"},void 0),jsxRuntime.jsxs(CopyContainer,__assign({ref:copyContainerRef},{children:[jsxRuntime.jsx(CopyField,{value:url,readOnly:true,onFocus:handleTextFieldFocus,onMouseUp:function(e){return e.preventDefault();},ariaLabel:formatMessage({id:'AriaLabel.shareButton.copyField'})},void 0),jsxRuntime.jsx(CopyIconButton,{iconProps:{iconName:'Copy'},onClick:copyToClipBoard,ariaLabel:formatMessage({id:'AriaLabel.copyText'})},void 0)]}),void 0),didCopy&&jsxRuntime.jsx(FormattedMessage$1,{id:"ShareButton.CopySuccess"},void 0)]}),void 0)}),void 0)}),void 0);function copyToClipBoard(){var tempTextField=document.createElement('textarea');tempTextField.innerText=url;copyContainerRef.current.appendChild(tempTextField);tempTextField.select();document.execCommand('copy');copyContainerRef.current.removeChild(tempTextField);setDidCopy(true);}function handleTextFieldFocus(event){event.target.select();}};var Host$o=_styled__default["default"].div.withConfig({displayName:"ShareButton__Host",componentId:"sc-6avyh0-0"})(templateObject_1$12||(templateObject_1$12=__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));var StyledIconWithCallout=_styled__default["default"](IconWithCallout).withConfig({displayName:"ShareButton__StyledIconWithCallout",componentId:"sc-6avyh0-1"})(templateObject_2$A||(templateObject_2$A=__makeTemplateObject(["\n button {\n height: ","px;\n }\n\n i {\n font-size: ","px;\n }\n"],["\n button {\n height: ","px;\n }\n\n i {\n font-size: ","px;\n }\n"])),feedbackButtonHeight,fontSizeMedium+4);var CopyContainer=_styled__default["default"].div.withConfig({displayName:"ShareButton__CopyContainer",componentId:"sc-6avyh0-2"})(templateObject_3$p||(templateObject_3$p=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 15px 0;\n"],["\n display: flex;\n align-items: center;\n padding: 15px 0;\n"])));var CopyField=_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"ShareButton__CopyField",componentId:"sc-6avyh0-3"})(templateObject_4$f||(templateObject_4$f=__makeTemplateObject(["\n padding-right: ","px;\n width: 400px;\n"],["\n padding-right: ","px;\n width: 400px;\n"])),spacingS);var CopyIconButton=_styled__default["default"](IconButton).withConfig({displayName:"ShareButton__CopyIconButton",componentId:"sc-6avyh0-4"})(templateObject_5$e||(templateObject_5$e=__makeTemplateObject(["\n i {\n font-size: ","px;\n }\n"],["\n i {\n font-size: ","px;\n }\n"])),fontSizeMedium+4);var templateObject_1$12,templateObject_2$A,templateObject_3$p,templateObject_4$f,templateObject_5$e;var FeedbackButtonShare=function FeedbackButtonShare(_a){var isReadOnly=_a.isReadOnly;var item=React$d.useContext(FeedbackButtonContext).item;return jsxRuntime.jsx(ShareButton,{url:item.permalink,isReadOnly:isReadOnly},void 0);};var ConfirmationStatistics=function ConfirmationStatistics(_a){var count=_a.count;return jsxRuntime.jsxs(Host$n,{children:[jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:"Accept"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:'NewsArticle.feedback.statistic.label',values:{count:count}},void 0)]},void 0);};var Host$n=_styled__default["default"].div.withConfig({displayName:"ConfirmationStatistics__Host",componentId:"sc-1wprhw1-0"})(templateObject_1$11||(templateObject_1$11=__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n\n i {\n margin-right: ","px;\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n display: inline-flex;\n align-items: center;\n\n i {\n margin-right: ","px;\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),spacingXs-1,maxScreenSize.medium,fontSizeSmall);var templateObject_1$11;var ConfirmationStatisticsExport=function ConfirmationStatisticsExport(_a){var item=_a.item;var createApiUrl=useApiFactory().createApiUrl;var formatMessage=useIntl().formatMessage;var exchangeShortLivedToken=useFileAccessTokenApi().exchangeShortLivedToken;return jsxRuntime.jsx(Host$m,__assign({resourceKey:"DownloadButton.downloadTooltip"},{children:jsxRuntime.jsx(DownloadButton$1,{onClick:startDownload,iconProps:{iconName:'Download'},"aria-label":formatMessage({id:'AriaLabel.confirmationStatisticsExportButton'})},void 0)}),void 0);function startDownload(){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(item.fileAccessToken)];case 1:token=_a.sent();window.open(getFileUrlWithToken(item.id,token||item.fileAccessToken));return [2/*return*/];}});});}function getFileUrlWithToken(newsId,fileDownloadToken){return createApiUrl("/news/"+newsId+"/statistics/confirmations",{access_token:fileDownloadToken});}};var DownloadButton$1=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"ConfirmationStatisticsExport__DownloadButton",componentId:"sc-1gesr6p-0"})(templateObject_1$10||(templateObject_1$10=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(p){return p.theme.textColors.default;});var Host$m=_styled__default["default"](Tooltip).withConfig({displayName:"ConfirmationStatisticsExport__Host",componentId:"sc-1gesr6p-1"})(templateObject_2$z||(templateObject_2$z=__makeTemplateObject(["\n && {\n display: inline-flex;\n align-items: center;\n }\n"],["\n && {\n display: inline-flex;\n align-items: center;\n }\n"])));var templateObject_1$10,templateObject_2$z;var FeedbackButtonConfirmations=function FeedbackButtonConfirmations(){var features=useFeatures();var user=useCurrentUser();var _a=React$d.useContext(FeedbackButtonContext),item=_a.item,confirmationCount=_a.statistics.confirmationCount,hasFeedbackEnabled=_a.hasFeedbackEnabled;if(!features.confirmation||!hasFeedbackEnabled('confirm')||!hasMinRoleInSomeGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs(Host$l,{children:[jsxRuntime.jsx(ConfirmationStatistics,{count:confirmationCount},void 0),jsxRuntime.jsx(ConfirmationStatisticsExport,{item:item},void 0)]},void 0);};var Host$l=_styled__default["default"].span.withConfig({displayName:"FeedbackButtonConfirmations__Host",componentId:"sc-sgky21-0"})(templateObject_1$$||(templateObject_1$$=__makeTemplateObject(["\n margin-left: 30px;\n\n @media all and (max-width: ","px) {\n margin-left: 0;\n width: 100%;\n }\n"],["\n margin-left: 30px;\n\n @media all and (max-width: ","px) {\n margin-left: 0;\n width: 100%;\n }\n"])),maxScreenSize.medium);var templateObject_1$$;var EventDetailViewFeedbackSection=function EventDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage;// Info: We need this check so that in Teams on mobile we don't show the
|
|
131881
131881
|
return jsxRuntime.jsxs(StyledFeedbackSection$2,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(EventFeedbackButtonDownloadCalendarFile,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection$2=_styled__default["default"](FeedbackSection).withConfig({displayName:"EventDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-1m82rje-0"})(templateObject_1$_||(templateObject_1$_=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),DetailViewSectionPadding);var templateObject_1$_;var EventDetailViewPlugins=function EventDetailViewPlugins(_a){var eventItem=_a.eventItem;return jsxRuntime.jsx(Host$k,{area:ExtensionArea.eventDetailViewSection,eventItem:eventItem},void 0);};var Host$k=_styled__default["default"](Plugins)(templateObject_1$Z||(templateObject_1$Z=__makeTemplateObject(["\n margin: auto -","px;\n padding: 0 ","px;\n\n @media (min-width: ","px) {\n margin: auto -","px;\n padding: 0 ","px;\n }\n"],["\n margin: auto -","px;\n padding: 0 ","px;\n\n @media (min-width: ","px) {\n margin: auto -","px;\n padding: 0 ","px;\n }\n"])),spacingM,spacingM,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$Z;var DateMode;(function(DateMode){DateMode[DateMode["Published"]=0]="Published";DateMode[DateMode["Modified"]=1]="Modified";})(DateMode||(DateMode={}));var DateInfo$1=function DateInfo(_a){var item=_a.item,dateMode=_a.dateMode,expiryDate=_a.expiryDate,className=_a.className;var features=useFeatures();return jsxRuntime.jsxs("span",__assign({className:className},{children:[dateMode===DateMode.Modified&&getModifiedInfo(),dateMode===DateMode.Published&&getPublishInfo(),expiryDate&&features.expiryDate&&getArchiveInfo()]}),void 0);function getPublishInfo(){var format=isSameDay(item.publishingDate)?'relative':'absolute';if(!item.publishingDate){if(item.status!==WorkflowStatus.approved){return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.publishWhenApproved"},void 0);}return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.published"},void 0);}var values={start:jsxRuntime.jsx(DateTime,{value:item.publishingDate},void 0)};if(new Date(item.publishingDate)>=new Date()){return jsxRuntime.jsx(FormattedMessage$1,{id:item.status!==WorkflowStatus.approved?"DateInfo.publishOnIfApproved."+format:"DateInfo.publishOn."+format,values:values},void 0);}if(item.status===WorkflowStatus.approved){return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.publishedOn."+format,values:values},void 0);}if(!!item.publishedVersionId){return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.publishedWithPendingEdits."+format,values:values},void 0);}return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.missingApproval."+format,values:values},void 0);}function getArchiveInfo(){var format=isSameDay(expiryDate)?'relative':'absolute';var values={end:jsxRuntime.jsx(DateTime,{value:expiryDate},void 0)};if(new Date(expiryDate)<new Date()){// if already expired
|
|
131882
131882
|
return jsxRuntime.jsxs("span",{children:[",\u00A0",jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.archivedOn."+format,values:values},void 0)]},void 0);}else {// not yet expired
|
|
131883
|
-
return jsxRuntime.jsxs("span",{children:[",",' ',jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.archiveOn."+format,values:values},void 0)]},void 0);}}function getModifiedInfo(){var date=item.modified||item.created||new Date();var format=isSameDay(date)?'relative':'absolute';return jsxRuntime.jsx("span",{children:jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.modifiedOn."+format,values:{modified:jsxRuntime.jsx(ModifiedDateTime,{value:date},void 0)}},void 0)},void 0);}};var ModifiedDateTime=_styled__default["default"](DateTime).withConfig({displayName:"DateInfo__ModifiedDateTime",componentId:"sc-xnzpy3-0"})(templateObject_1$Y||(templateObject_1$Y=__makeTemplateObject(["\n &&& {\n text-decoration: none;\n }\n"],["\n &&& {\n text-decoration: none;\n }\n"])));var templateObject_1$Y;var getAuthor=function getAuthor(item){return item.onBehalfOf||item.owner||item.author||{};};var getRealAuthor=function getRealAuthor(item){return item.owner||item.author||{};};var ItemMetaInfo=function ItemMetaInfo(_a){var item=_a.item,className=_a.className,expiryDate=_a.expiryDate,showChannels=_a.showChannels,dateMode=_a.dateMode,channels=_a.channels,_b=_a.readOnly,readOnly=_b===void 0?true:_b,_c=_a.hideAvatar,hideAvatar=_c===void 0?false:_c,hideDisplayName=_a.hideDisplayName,language=_a.language,buildChannelFilterUrl=_a.buildChannelFilterUrl,_d=_a.clickableAvatar,clickableAvatar=_d===void 0?true:_d;var hasChannels=channels&&channels.length>0;var onBehalfAuthor=getAuthor(item);var realAuthor=getRealAuthor(item);return jsxRuntime.jsxs(Host$j,__assign({className:className,"data-item-metadata":true},{children:[!hideAvatar&&jsxRuntime.jsx(PersonaCard,__assign({upn:onBehalfAuthor.userPrincipalName,readOnly:!clickableAvatar,domIdentifier:"avatar"},{children:jsxRuntime.jsx(Avatar,{upn:onBehalfAuthor.userPrincipalName,text:onBehalfAuthor.displayName,secondaryText:onBehalfAuthor.userPrincipalName,hidePersonaDetails:true,coinSize:55},void 0)}),void 0),jsxRuntime.jsxs(InfoDetailsHost,__assign({"data-meta-info-details":true},{children:[!hideDisplayName&&jsxRuntime.jsx(AuthorContainer,{children:jsxRuntime.jsx(AuthorName$1,{author:onBehalfAuthor,readOnly:readOnly},void 0)},void 0),jsxRuntime.jsxs(DateAndChannels,{children:[jsxRuntime.jsx(DateInfo$1,{item:item,dateMode:dateMode,expiryDate:expiryDate},void 0),"\u00A0",showChannels&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:hasChannels?jsxRuntime.jsx(FormattedMessage$1,{id:"NewsMetaInfo.channels",values:{channels:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:["\u00A0",jsxRuntime.jsx(Channels$1,{channels:channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:buildChannelFilterUrl},void 0)]},void 0)}},void 0):jsxRuntime.jsx(FormattedMessage$1,{id:"NewsMetaInfo.noChannels"},void 0)},void 0)]},void 0),!hideDisplayName&&realAuthor&&realAuthor.userPrincipalName!==onBehalfAuthor.userPrincipalName&&jsxRuntime.jsx(AuthorContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"MetaInfo.writtenBy",values:{author:jsxRuntime.jsx(AuthorName$1,{author:realAuthor,readOnly:readOnly},void 0)}},void 0)},void 0)]}),void 0)]}),void 0);};var Host$j=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__Host",componentId:"sc-1d6drj8-0"})(templateObject_1$X||(templateObject_1$X=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));var InfoDetailsHost=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__InfoDetailsHost",componentId:"sc-1d6drj8-1"})(templateObject_2$y||(templateObject_2$y=__makeTemplateObject(["\n padding-left: 8px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n word-wrap: break-word;\n text-align: left;\n"],["\n padding-left: 8px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n word-wrap: break-word;\n text-align: left;\n"])));var AuthorContainer=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__AuthorContainer",componentId:"sc-1d6drj8-2"})(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n font-style: normal;\n display: inline-block;\n"],["\n font-style: normal;\n display: inline-block;\n"])));var DateAndChannels=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__DateAndChannels",componentId:"sc-1d6drj8-3"})(templateObject_4$e$1||(templateObject_4$e$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"],["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));var AuthorName$1=function AuthorName(_a){var author=_a.author,readOnly=_a.readOnly;if(!readOnly){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:author.displayName},void 0);}return jsxRuntime.jsx(PrimaryPersonaCard,__assign({upn:author.userPrincipalName},{children:author.displayName}),void 0);};var PrimaryPersonaCard=_styled__default["default"](PersonaCard).withConfig({displayName:"ItemMetaInfo__PrimaryPersonaCard",componentId:"sc-1d6drj8-4"})(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n color: ",";\n text-decoration: underline;\n"],["\n color: ",";\n text-decoration: underline;\n"])),function(p){return p.theme.palette.accent;});var Channels$1=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"ItemMetaInfo__Channels",componentId:"sc-1d6drj8-5"})(templateObject_6$8$1||(templateObject_6$8$1=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$X,templateObject_2$y,templateObject_3$o,templateObject_4$e$1,templateObject_5$d,templateObject_6$8$1;var PageDetailViewMetaInfo=function PageDetailViewMetaInfo(){var _a=useDetailViewContext(),item=_a.item,userPreferredLanguage=_a.userPreferredLanguage;return jsxRuntime.jsx(DetailMetaInfo$1,{item:item,dateMode:DateMode.Modified,language:userPreferredLanguage},void 0);};var DetailMetaInfo$1=_styled__default["default"](ItemMetaInfo).withConfig({displayName:"PageDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-1yz7bl7-0"})(templateObject_1$W||(templateObject_1$W=__makeTemplateObject(["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ","px) {\n font-size: 14px;\n }\n"],["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ","px) {\n font-size: 14px;\n }\n"])),minScreenSize.small);var templateObject_1$W;var PageDetailViewFeedbackSection=function PageDetailViewFeedbackSection(_a){var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType,contentLanguage=_b.contentLanguage;return jsxRuntime.jsxs(StyledFeedbackSection$1,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:item.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{},void 0)]}),void 0);};var StyledFeedbackSection$1=_styled__default["default"](FeedbackSection).withConfig({displayName:"PageDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-12s3v5d-0"})(templateObject_1$V||(templateObject_1$V=__makeTemplateObject(["\n ",";\n &[data-comment-section] {\n padding-bottom: ","px;\n\n @media (min-width: ","px) {\n padding-bottom: 0;\n }\n }\n"],["\n ",";\n &[data-comment-section] {\n padding-bottom: ","px;\n\n @media (min-width: ","px) {\n padding-bottom: 0;\n }\n }\n"])),DetailViewSectionPadding,spacingXl+10,minScreenSize.small);var templateObject_1$V;var PageTocSearch=function PageTocSearch(_a){var onSearch=_a.onSearch,onSearchResultChange=_a.onSearchResultChange;var formatMessage=useIntl().formatMessage;var onDebouncedSearch=useDebouncedCallback
|
|
131883
|
+
return jsxRuntime.jsxs("span",{children:[",",' ',jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.archiveOn."+format,values:values},void 0)]},void 0);}}function getModifiedInfo(){var date=item.modified||item.created||new Date();var format=isSameDay(date)?'relative':'absolute';return jsxRuntime.jsx("span",{children:jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.modifiedOn."+format,values:{modified:jsxRuntime.jsx(ModifiedDateTime,{value:date},void 0)}},void 0)},void 0);}};var ModifiedDateTime=_styled__default["default"](DateTime).withConfig({displayName:"DateInfo__ModifiedDateTime",componentId:"sc-xnzpy3-0"})(templateObject_1$Y||(templateObject_1$Y=__makeTemplateObject(["\n &&& {\n text-decoration: none;\n }\n"],["\n &&& {\n text-decoration: none;\n }\n"])));var templateObject_1$Y;var getAuthor=function getAuthor(item){return item.onBehalfOf||item.owner||item.author||{};};var getRealAuthor=function getRealAuthor(item){return item.owner||item.author||{};};var ItemMetaInfo=function ItemMetaInfo(_a){var item=_a.item,className=_a.className,expiryDate=_a.expiryDate,showChannels=_a.showChannels,dateMode=_a.dateMode,channels=_a.channels,_b=_a.readOnly,readOnly=_b===void 0?true:_b,_c=_a.hideAvatar,hideAvatar=_c===void 0?false:_c,hideDisplayName=_a.hideDisplayName,language=_a.language,buildChannelFilterUrl=_a.buildChannelFilterUrl,_d=_a.clickableAvatar,clickableAvatar=_d===void 0?true:_d;var hasChannels=channels&&channels.length>0;var onBehalfAuthor=getAuthor(item);var realAuthor=getRealAuthor(item);return jsxRuntime.jsxs(Host$j,__assign({className:className,"data-item-metadata":true},{children:[!hideAvatar&&jsxRuntime.jsx(PersonaCard,__assign({upn:onBehalfAuthor.userPrincipalName,readOnly:!clickableAvatar,domIdentifier:"avatar"},{children:jsxRuntime.jsx(Avatar,{upn:onBehalfAuthor.userPrincipalName,text:onBehalfAuthor.displayName,secondaryText:onBehalfAuthor.userPrincipalName,hidePersonaDetails:true,coinSize:55},void 0)}),void 0),jsxRuntime.jsxs(InfoDetailsHost,__assign({"data-meta-info-details":true},{children:[!hideDisplayName&&jsxRuntime.jsx(AuthorContainer,{children:jsxRuntime.jsx(AuthorName$1,{author:onBehalfAuthor,readOnly:readOnly},void 0)},void 0),jsxRuntime.jsxs(DateAndChannels,{children:[jsxRuntime.jsx(DateInfo$1,{item:item,dateMode:dateMode,expiryDate:expiryDate},void 0),"\u00A0",showChannels&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:hasChannels?jsxRuntime.jsx(FormattedMessage$1,{id:"NewsMetaInfo.channels",values:{channels:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:["\u00A0",jsxRuntime.jsx(Channels$1,{channels:channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:buildChannelFilterUrl},void 0)]},void 0)}},void 0):jsxRuntime.jsx(FormattedMessage$1,{id:"NewsMetaInfo.noChannels"},void 0)},void 0)]},void 0),!hideDisplayName&&realAuthor&&realAuthor.userPrincipalName!==onBehalfAuthor.userPrincipalName&&jsxRuntime.jsx(AuthorContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"MetaInfo.writtenBy",values:{author:jsxRuntime.jsx(AuthorName$1,{author:realAuthor,readOnly:readOnly},void 0)}},void 0)},void 0)]}),void 0)]}),void 0);};var Host$j=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__Host",componentId:"sc-1d6drj8-0"})(templateObject_1$X||(templateObject_1$X=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));var InfoDetailsHost=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__InfoDetailsHost",componentId:"sc-1d6drj8-1"})(templateObject_2$y||(templateObject_2$y=__makeTemplateObject(["\n padding-left: 8px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n word-wrap: break-word;\n text-align: left;\n"],["\n padding-left: 8px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n word-wrap: break-word;\n text-align: left;\n"])));var AuthorContainer=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__AuthorContainer",componentId:"sc-1d6drj8-2"})(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n font-style: normal;\n display: inline-block;\n"],["\n font-style: normal;\n display: inline-block;\n"])));var DateAndChannels=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__DateAndChannels",componentId:"sc-1d6drj8-3"})(templateObject_4$e$1||(templateObject_4$e$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"],["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));var AuthorName$1=function AuthorName(_a){var author=_a.author,readOnly=_a.readOnly;if(!readOnly){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:author.displayName},void 0);}return jsxRuntime.jsx(PrimaryPersonaCard,__assign({upn:author.userPrincipalName},{children:author.displayName}),void 0);};var PrimaryPersonaCard=_styled__default["default"](PersonaCard).withConfig({displayName:"ItemMetaInfo__PrimaryPersonaCard",componentId:"sc-1d6drj8-4"})(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n color: ",";\n text-decoration: underline;\n"],["\n color: ",";\n text-decoration: underline;\n"])),function(p){return p.theme.palette.accent;});var Channels$1=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"ItemMetaInfo__Channels",componentId:"sc-1d6drj8-5"})(templateObject_6$8$1||(templateObject_6$8$1=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$X,templateObject_2$y,templateObject_3$o,templateObject_4$e$1,templateObject_5$d,templateObject_6$8$1;var PageDetailViewMetaInfo=function PageDetailViewMetaInfo(){var _a=useDetailViewContext(),item=_a.item,userPreferredLanguage=_a.userPreferredLanguage;return jsxRuntime.jsx(DetailMetaInfo$1,{item:item,dateMode:DateMode.Modified,language:userPreferredLanguage},void 0);};var DetailMetaInfo$1=_styled__default["default"](ItemMetaInfo).withConfig({displayName:"PageDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-1yz7bl7-0"})(templateObject_1$W||(templateObject_1$W=__makeTemplateObject(["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ","px) {\n font-size: 14px;\n }\n"],["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ","px) {\n font-size: 14px;\n }\n"])),minScreenSize.small);var templateObject_1$W;var PageDetailViewFeedbackSection=function PageDetailViewFeedbackSection(_a){var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType,contentLanguage=_b.contentLanguage;return jsxRuntime.jsxs(StyledFeedbackSection$1,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:item.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{},void 0)]}),void 0);};var StyledFeedbackSection$1=_styled__default["default"](FeedbackSection).withConfig({displayName:"PageDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-12s3v5d-0"})(templateObject_1$V||(templateObject_1$V=__makeTemplateObject(["\n ",";\n &[data-comment-section] {\n padding-bottom: ","px;\n\n @media (min-width: ","px) {\n padding-bottom: 0;\n }\n }\n"],["\n ",";\n &[data-comment-section] {\n padding-bottom: ","px;\n\n @media (min-width: ","px) {\n padding-bottom: 0;\n }\n }\n"])),DetailViewSectionPadding,spacingXl+10,minScreenSize.small);var templateObject_1$V;var PageTocSearch=function PageTocSearch(_a){var onSearch=_a.onSearch,onSearchResultChange=_a.onSearchResultChange;var formatMessage=useIntl().formatMessage;var onDebouncedSearch=useDebouncedCallback(handleSearch,300)[0];var textColors=React$d.useContext(ThemeContext$1).theme.textColors;return jsxRuntime.jsx(StyledSearchBox$2,{"data-toc-search-box":true,onChange:function(_,v){return onDebouncedSearch(v);},placeholder:formatMessage({id:'Pages.pagesTableOfContents.searchFieldPlaceholder'}),onKeyPress:handleKeyPress,iconProps:{style:{color:textColors.default}}},void 0);function handleKeyPress(event){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:if(!(event.key==='Enter'))return [3/*break*/,2];return [4/*yield*/,handleSearch(event.currentTarget.value,true)];case 1:_a.sent();_a.label=2;case 2:return [2/*return*/];}});});}function handleSearch(value,ignoreSearchTextLength){return __awaiter(this,void 0,void 0,function(){var result,allNodesById;return __generator(this,function(_a){switch(_a.label){case 0:if(!value||!ignoreSearchTextLength&&value.trim().length<3){onSearchResultChange(null);return [2/*return*/];}return [4/*yield*/,onSearch(value)];case 1:result=_a.sent();allNodesById={};// the search returns us a flat result of pages, we now have to build up
|
|
131884
131884
|
// an hierarchical tree, with the roots node at the very top
|
|
131885
131885
|
// so we can then pass this in to the actual ToC
|
|
131886
131886
|
result.items.forEach(function(page){var _a;var node=convertToNavigationNode(page);node.isSearchMatch=true;while(true){// if we already have the current node collected
|
|
@@ -131893,7 +131893,7 @@
|
|
|
131893
131893
|
// for this case the blockProps would be an empty object and
|
|
131894
131894
|
// we need to set the showPages and showDocuments to true
|
|
131895
131895
|
var InlinePageListByCurrentPage=function InlinePageListByCurrentPage(_a){var _b=_a.blockProps,props=_b===void 0?{showDocuments:true,showPages:true}:_b;var item=useDetailViewContext().item;var getSubpages=usePagesApi().getSubpages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var _c=useItemLoaderByCurrentPage(item.id,defaultPageSize,item.navigationContext,{showPages:props.showPages,showDocuments:props.showDocuments},getAllSubItems,[item===null||item===void 0?void 0:item.id]),items=_c.pageItems,pagingProps=_c.pagingProps;if(items.length===0){return null;}return jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:pagingProps,baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0);function getAllSubItems(id,pageType){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getSubpages(id,{pageType:pageType})];case 1:result=_a.sent();return [2/*return*/,result.items];}});});}};var InlinePageList=function InlinePageList(_a){var blockProps=_a.blockProps;if(blockProps===null||blockProps===void 0?void 0:blockProps.keywords){return jsxRuntime.jsx(InlinePageListByKeywords,{keywords:blockProps.keywords.split(','),showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}if(blockProps===null||blockProps===void 0?void 0:blockProps.pageId){return jsxRuntime.jsx(InlinePageListByPageId,{pageId:blockProps.pageId,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}return jsxRuntime.jsx(InlinePageListByCurrentPage,{blockProps:blockProps},void 0);};var InlinePageListMapper={component:InlinePageList,type:EntityType.InlinePageList,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var pageListId=node.getAttribute('data-page-list-id');if(pageListId==null){return null;}var showChildren=node.getAttribute('data-show-children')==='true';var showDocumentsAttribute=node.getAttribute('data-show-documents');var showPagesAttribute=node.getAttribute('data-show-pages');var pageId=node.getAttribute('data-page-id');var keywords=node.getAttribute('data-keywords');if(!showDocumentsAttribute&&!showPagesAttribute){// ensure backwards compatibility
|
|
131896
|
-
return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"],["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"],["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"],["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$b$1||(templateObject_4$b$1=__makeTemplateObject(["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$a$1||(templateObject_5$a$1=__makeTemplateObject(["\n padding-top: 1px;\n"],["\n padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n padding: 0 ","px;\n color: ",";\n"],["\n padding: 0 ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"],["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n padding-left: ","px;\n color: ",";\n"],["\n padding-left: ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$P,templateObject_2$u,templateObject_3$l,templateObject_4$b$1,templateObject_5$a$1,templateObject_6$5$1,templateObject_7$3$1,templateObject_8$3$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$i$1,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$i$1=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"],["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"])),spacingS,minScreenSize.medium);var templateObject_1$O,templateObject_2$t;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"],["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"])));var templateObject_1$N;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"],["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$M,templateObject_2$s,templateObject_3$k;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"],["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"])));var templateObject_1$L;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"],["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$K;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"],["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$J;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"],["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$I;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"],["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$H;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$f$1,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$f$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n margin: 0;\n display: flex;\n align-content: center;\n"],["\n margin: 0;\n display: flex;\n align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n font-size: 25px;\n"],["\n font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"],["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$a$1||(templateObject_4$a$1=__makeTemplateObject(["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"],["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$9$1||(templateObject_5$9$1=__makeTemplateObject(["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"],["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n && {\n display: inherit;\n }\n"],["\n && {\n display: inherit;\n }\n"])));var templateObject_1$G,templateObject_2$r,templateObject_3$j,templateObject_4$a$1,templateObject_5$9$1,templateObject_6$4$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"],["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$F;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"],["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$E;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$D;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$C;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$e$1,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$e$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"],["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"])));var templateObject_1$B;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$d$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$d$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"],["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"])),maxScreenSize.small,spacingM);var templateObject_1$A,templateObject_2$q;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"],["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$z;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),DetailViewSectionPadding);var templateObject_1$y;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"])));var templateObject_1$x;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"],["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$w;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString(filter===null||filter===void 0?void 0:filter.channels)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var $$2$1=_export;var requireObjectCoercible$1$1=requireObjectCoercible$c;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
|
|
131896
|
+
return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"],["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"],["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"],["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$b$1||(templateObject_4$b$1=__makeTemplateObject(["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$a$1||(templateObject_5$a$1=__makeTemplateObject(["\n padding-top: 1px;\n"],["\n padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n padding: 0 ","px;\n color: ",";\n"],["\n padding: 0 ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"],["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n padding-left: ","px;\n color: ",";\n"],["\n padding-left: ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$P,templateObject_2$u,templateObject_3$l,templateObject_4$b$1,templateObject_5$a$1,templateObject_6$5$1,templateObject_7$3$1,templateObject_8$3$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$i$1,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$i$1=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"],["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"])),spacingS,minScreenSize.medium);var templateObject_1$O,templateObject_2$t;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"],["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"])));var templateObject_1$N;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"],["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$M,templateObject_2$s,templateObject_3$k;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"],["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"])));var templateObject_1$L;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"],["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$K;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"],["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$J;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"],["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$I;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"],["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$H;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$f$1,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$f$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n margin: 0;\n display: flex;\n align-content: center;\n"],["\n margin: 0;\n display: flex;\n align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n font-size: 25px;\n"],["\n font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"],["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$a$1||(templateObject_4$a$1=__makeTemplateObject(["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"],["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$9$1||(templateObject_5$9$1=__makeTemplateObject(["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"],["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n && {\n display: inherit;\n }\n"],["\n && {\n display: inherit;\n }\n"])));var templateObject_1$G,templateObject_2$r,templateObject_3$j,templateObject_4$a$1,templateObject_5$9$1,templateObject_6$4$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"],["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$F;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"],["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$E;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$D;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$C;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$e$1,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$e$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"],["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"])));var templateObject_1$B;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$d$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$d$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"],["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"])),maxScreenSize.small,spacingM);var templateObject_1$A,templateObject_2$q;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"],["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$z;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),DetailViewSectionPadding);var templateObject_1$y;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"])));var templateObject_1$x;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$w$1||(templateObject_1$w$1=__makeTemplateObject(["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"],["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$w$1;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString(filter===null||filter===void 0?void 0:filter.channels)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var $$2$1=_export;var requireObjectCoercible$1$1=requireObjectCoercible$c;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
|
|
131897
131897
|
// https://github.com/tc39/proposal-string-replace-all
|
|
131898
131898
|
$$2$1({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$1$1(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$1$1('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$v$1||(templateObject_1$v$1=__makeTemplateObject(["\n display: flex;\n align-items: flex-end;\n position: relative;\n"],["\n display: flex;\n align-items: flex-end;\n position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"],["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"],["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"])));var templateObject_1$v$1,templateObject_2$p,templateObject_3$i;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"],["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$u$1||(templateObject_1$u$1=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"],["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"],["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8$1||(templateObject_5$8$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var templateObject_1$u$1,templateObject_2$o,templateObject_3$h,templateObject_4$9$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$t$1||(templateObject_1$t$1=__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"],["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n max-width: 100%;\n font-size: large;\n"],["\n max-width: 100%;\n font-size: large;\n"])));var templateObject_1$t$1,templateObject_2$n,templateObject_3$g;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$s$1||(templateObject_1$s$1=__makeTemplateObject(["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"],["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"],["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"])));var templateObject_1$s$1,templateObject_2$m;var DateTimePicker=function DateTimePicker(props){var timeField=React$d.useRef();var formatMessage=useIntl().formatMessage;var _a=React$d.useState(getTime(props.date)),time=_a[0],setTime=_a[1];var _b=React$d.useState(false),timeHasFocus=_b[0],setTimeHasFocus=_b[1];var _c=React$d.useState(null),timeErrorMessageResourceKey=_c[0],setTimeErrorMessageResourceKey=_c[1];var momentMonths=['January','February','March','April','May','June','July','August','September','October','November','December'];var momentWeekdays=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];React$d.useEffect(function(){// do not update if the user is typing time
|
|
131899
131899
|
if(!timeHasFocus){// We might not know that the time field has the focus after an onBlur from the date field.
|
|
@@ -131907,7 +131907,7 @@
|
|
|
131907
131907
|
props.onChanged(newDate.toISOString(),validationResult.isInRange);}function handleDateChange(newDate){if(timeField.current){// note: focus event is ignored/not propagated without setTimeout
|
|
131908
131908
|
setTimeout(function(){return timeField.current.focus();},0);}if(!newDate){handleChange(null);}else {// include the current time component when triggering a change.
|
|
131909
131909
|
// newDate is only a Date without time.
|
|
131910
|
-
var newDateOnly=moment(newDate);var timeInMilliseconds=0;if(props.date){var oldDateWithTime=moment(props.date);timeInMilliseconds=oldDateWithTime.diff(oldDateWithTime.clone().startOf('day'));}handleChange(newDateOnly.startOf('day').add(timeInMilliseconds,'ms'));}}function handleTimeBlur(timeString){var newTime=timeString||'00:00';var initialTime=getTime(props.date);if(newTime===initialTime){return;}setTimeHasFocus(false);var timeToday=moment(newTime,'HH:mm');if(!timeToday.isValid()){setTimeErrorMessageResourceKey('DateTimePicker.invalidTime');return;}setTime(timeToday.format('HH:mm'));if(props.date==null){handleChange(timeToday);}else {var timeInMilliseconds=timeToday.diff(moment().startOf('day'));var newValue=moment(props.date).startOf('day').add(timeInMilliseconds,'ms');handleChange(newValue);}}function setTimeError(result){if(result.isInRange||!result.isSameDay){setTimeErrorMessageResourceKey(null);return;}setTimeErrorMessageResourceKey(props.timeValidationResourceKey||props.dateValidationResourceKey);}function isDateTimeInRange(newValue){if(!newValue||!props.minDate&&!props.maxDate){return {isInRange:true,isSameDay:true};}return {isInRange:(!props.minDate||moment(props.minDate).unix()<newValue.unix())&&(!props.maxDate||newValue.unix()<moment(props.maxDate).unix()),isSameDay:isSameDay(newValue,props.minDate||props.maxDate)};}function isSameDay(momentDateTime,otherTime){return momentDateTime&&otherTime&&momentDateTime.isSame(otherTime,'day');}};var IEButtonFix=_styled.createGlobalStyle(templateObject_1$r$1||(templateObject_1$r$1=__makeTemplateObject(["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"],["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"])));var GlobalDatePickerStyle=_styled.createGlobalStyle(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"],["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"])),function(p){return p.theme.palette.accent;});var Host$a$1=_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$f$1||(templateObject_3$f$1=__makeTemplateObject(["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"],["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"])),InputPlaceholder("\n color: inherit;\n font-style: italic;\n "));var templateObject_1$r$1,templateObject_2$l,templateObject_3$f$1;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$q$1||(templateObject_1$q$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$k$1||(templateObject_2$k$1=__makeTemplateObject(["\n align-self: flex-end;\n margin-right: 10px;\n"],["\n align-self: flex-end;\n margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$e$1||(templateObject_3$e$1=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"],["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"])));var templateObject_1$q$1,templateObject_2$k$1,templateObject_3$e$1;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$p$1||(templateObject_1$p$1=__makeTemplateObject(["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"],["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"])));var templateObject_1$p$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$o$1||(templateObject_1$o$1=__makeTemplateObject(["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"],["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$j$1||(templateObject_2$j$1=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"],["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$o$1,templateObject_2$j$1;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$n$1||(templateObject_1$n$1=__makeTemplateObject(["\n font-size: ","px;\n font-weight: bold;\n"],["\n font-size: ","px;\n font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$i$1||(templateObject_2$i$1=__makeTemplateObject(["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"],["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$d$1||(templateObject_3$d$1=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"],["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$n$1,templateObject_2$i$1,templateObject_3$d$1,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$m$1||(templateObject_1$m$1=__makeTemplateObject(["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"],["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$h$1||(templateObject_2$h$1=__makeTemplateObject(["\n font-size: 100px;\n padding: 30px 0;\n"],["\n font-size: 100px;\n padding: 30px 0;\n"])));var templateObject_1$m$1,templateObject_2$h$1;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$l$1||(templateObject_1$l$1=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$g$1||(templateObject_2$g$1=__makeTemplateObject(["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"],["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$c$1||(templateObject_3$c$1=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n font-size: 25px;\n color: white;\n"],["\n font-size: 25px;\n color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n"],["\n display: flex;\n width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"],["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"],["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"])));var templateObject_1$l$1,templateObject_2$g$1,templateObject_3$c$1,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
|
|
131910
|
+
var newDateOnly=moment(newDate);var timeInMilliseconds=0;if(props.date){var oldDateWithTime=moment(props.date);timeInMilliseconds=oldDateWithTime.diff(oldDateWithTime.clone().startOf('day'));}handleChange(newDateOnly.startOf('day').add(timeInMilliseconds,'ms'));}}function handleTimeBlur(timeString){var newTime=timeString||'00:00';var initialTime=getTime(props.date);if(newTime===initialTime){return;}setTimeHasFocus(false);var timeToday=moment(newTime,'HH:mm');if(!timeToday.isValid()){setTimeErrorMessageResourceKey('DateTimePicker.invalidTime');return;}setTime(timeToday.format('HH:mm'));if(props.date==null){handleChange(timeToday);}else {var timeInMilliseconds=timeToday.diff(moment().startOf('day'));var newValue=moment(props.date).startOf('day').add(timeInMilliseconds,'ms');handleChange(newValue);}}function setTimeError(result){if(result.isInRange||!result.isSameDay){setTimeErrorMessageResourceKey(null);return;}setTimeErrorMessageResourceKey(props.timeValidationResourceKey||props.dateValidationResourceKey);}function isDateTimeInRange(newValue){if(!newValue||!props.minDate&&!props.maxDate){return {isInRange:true,isSameDay:true};}return {isInRange:(!props.minDate||moment(props.minDate).unix()<newValue.unix())&&(!props.maxDate||newValue.unix()<moment(props.maxDate).unix()),isSameDay:isSameDay(newValue,props.minDate||props.maxDate)};}function isSameDay(momentDateTime,otherTime){return momentDateTime&&otherTime&&momentDateTime.isSame(otherTime,'day');}};var IEButtonFix=_styled.createGlobalStyle(templateObject_1$r$1||(templateObject_1$r$1=__makeTemplateObject(["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"],["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"])));var GlobalDatePickerStyle=_styled.createGlobalStyle(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"],["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"])),function(p){return p.theme.palette.accent;});var Host$a$1=_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$f$1||(templateObject_3$f$1=__makeTemplateObject(["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"],["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"])),InputPlaceholder("\n color: inherit;\n font-style: italic;\n "));var templateObject_1$r$1,templateObject_2$l,templateObject_3$f$1;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$q$1||(templateObject_1$q$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n align-self: flex-end;\n margin-right: 10px;\n"],["\n align-self: flex-end;\n margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$e$1||(templateObject_3$e$1=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"],["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"])));var templateObject_1$q$1,templateObject_2$k,templateObject_3$e$1;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$p$1||(templateObject_1$p$1=__makeTemplateObject(["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"],["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"])));var templateObject_1$p$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$o$1||(templateObject_1$o$1=__makeTemplateObject(["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"],["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$j$1||(templateObject_2$j$1=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"],["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$o$1,templateObject_2$j$1;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$n$1||(templateObject_1$n$1=__makeTemplateObject(["\n font-size: ","px;\n font-weight: bold;\n"],["\n font-size: ","px;\n font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$i$1||(templateObject_2$i$1=__makeTemplateObject(["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"],["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$d$1||(templateObject_3$d$1=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"],["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$n$1,templateObject_2$i$1,templateObject_3$d$1,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$m$1||(templateObject_1$m$1=__makeTemplateObject(["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"],["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$h$1||(templateObject_2$h$1=__makeTemplateObject(["\n font-size: 100px;\n padding: 30px 0;\n"],["\n font-size: 100px;\n padding: 30px 0;\n"])));var templateObject_1$m$1,templateObject_2$h$1;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$l$1||(templateObject_1$l$1=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$g$1||(templateObject_2$g$1=__makeTemplateObject(["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"],["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$c$1||(templateObject_3$c$1=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n font-size: 25px;\n color: white;\n"],["\n font-size: 25px;\n color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n"],["\n display: flex;\n width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"],["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"],["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"])));var templateObject_1$l$1,templateObject_2$g$1,templateObject_3$c$1,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
|
|
131911
131911
|
var MDN_POLYFILL_BUG=!CORRECT_IS_REGEXP_LOGIC&&!!function(){var descriptor=getOwnPropertyDescriptor(String.prototype,'endsWith');return descriptor&&!descriptor.writable;}();// `String.prototype.endsWith` method
|
|
131912
131912
|
// https://tc39.github.io/ecma262/#sec-string.prototype.endswith
|
|
131913
131913
|
$$1$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG&&!CORRECT_IS_REGEXP_LOGIC},{endsWith:function endsWith(searchString/* , endPosition = @length */){var that=String(requireObjectCoercible$d(this));notARegExp(searchString);var endPosition=arguments.length>1?arguments[1]:undefined;var len=toLength$2(that.length);var end=endPosition===undefined?len:min(toLength$2(endPosition),len);var search=String(searchString);return nativeEndsWith?nativeEndsWith.call(that,search,end):that.slice(end-search.length,end)===search;}});var SearchHighlighter=function SearchHighlighter(_a){var highlight=_a.highlight;if(!highlight){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:highlight.texts.map(function(t){return jsxRuntime.jsxs(TextEntry,__assign({highlight:t.type==='hit'},{children:[t.value.startsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null,t.value.trim(),t.value.endsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null]}),void 0);})},void 0);};var TextEntry=_styled__default["default"].span.withConfig({displayName:"SearchHighlighter__TextEntry",componentId:"sc-1a25f6p-0"})(templateObject_2$f$1||(templateObject_2$f$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$k$1||(templateObject_1$k$1=__makeTemplateObject(["\n background-color: yellow;\n "],["\n background-color: yellow;\n "])));});function tryGetHighlight(highlights,preferredLanguage){var _a;if(!highlights){return null;}return (_a=tryGetAllHighlights(highlights,preferredLanguage))===null||_a===void 0?void 0:_a[0];}function tryGetAllHighlights(highlights,preferredLanguage){if(!highlights){return null;}var preferredHighlights=highlights.filter(function(h){return h.language===preferredLanguage;});if(preferredHighlights.length){return preferredHighlights;}var firstHighlight=highlights[0];return highlights.filter(function(h){return h.language===firstHighlight.language;});}var templateObject_1$k$1,templateObject_2$f$1;var PageTitle=function PageTitle(_a){var page=_a.page,title=_a.title,search=_a.search,className=_a.className;var user=useCurrentUser();var isDocument=page.pageType===PageType.Document;var language=getLanguageForPage(page,user);var buildPath=useSubscriptionHandlePathBuilder().buildPath;var handleExternalContentClick=useExternalContentClickHandler();var pageTitle=jsxRuntime.jsx(jsxRuntime.Fragment,{children:search?jsxRuntime.jsx(TitleHighlight,{search:search,title:title,page:page},void 0):title},void 0);if(page.useExternalContent){var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(page,preferredContentLanguage);var targetRoute=NewsService.getNewsRoute(buildPath('/pages'),page.id,title);return jsxRuntime.jsx(Title$1$1,{children:jsxRuntime.jsxs(StyledNavLink,__assign({to:targetRoute,onClick:function(e){return handleExternalContentClick(e,page,ItemResourceTypes.Pages);}},{children:[pageTitle,jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:'ExternalLinkButton.pages.navigateTo',tooltipResourceValues:url},void 0)]}),void 0)},void 0);}return jsxRuntime.jsxs(Title$1$1,__assign({className:className},{children:[isDocument&&jsxRuntime.jsx(FileIcon,{iconName:getFileIconByExtension(page.contents[language].fileInfo.extension)},void 0),pageTitle]}),void 0);};var TitleHighlight=function TitleHighlight(_a){var _b;var search=_a.search,title=_a.title,page=_a.page;var user=useCurrentUser();var preferredLanguage=NewsService.getLanguageForContent(page.contents,user);var titleHighlight=tryGetHighlight((_b=page.searchHighlights)===null||_b===void 0?void 0:_b.title,preferredLanguage);if(titleHighlight){return jsxRuntime.jsx(SearchHighlighter,{highlight:titleHighlight},void 0);}return jsxRuntime.jsx(Highlighter,{searchWords:[search],autoEscape:true,textToHighlight:title},void 0);};var Title$1$1=_styled__default["default"].h2.withConfig({displayName:"PageTitle__Title",componentId:"sc-gsx6ad-0"})(templateObject_1$j$1||(templateObject_1$j$1=__makeTemplateObject(["\n display: flex;\n margin: ","px 0 ","px 0;\n font-weight: bold;\n font-size: ","px;\n padding: 0;\n"],["\n display: flex;\n margin: ","px 0 ","px 0;\n font-weight: bold;\n font-size: ","px;\n padding: 0;\n"])),spacingS+5,spacingS,fontSizeMedium);var FileIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTitle__FileIcon",componentId:"sc-gsx6ad-1"})(templateObject_2$e$1||(templateObject_2$e$1=__makeTemplateObject(["\n font-size: ","px;\n margin-right: ","px;\n align-self: flex-start;\n"],["\n font-size: ","px;\n margin-right: ","px;\n align-self: flex-start;\n"])),fontSizeMedium+4,spacingS);var StyledNavLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTitle__StyledNavLink",componentId:"sc-gsx6ad-2"})(templateObject_3$b$1||(templateObject_3$b$1=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$j$1,templateObject_2$e$1,templateObject_3$b$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageTitle).withConfig({displayName:"PageCard__StyledPageTitle",componentId:"sc-13xtreq-1"})(templateObject_2$d$1||(templateObject_2$d$1=__makeTemplateObject(["\n && {\n margin: 0;\n flex: 1 1 auto;\n }\n"],["\n && {\n margin: 0;\n flex: 1 1 auto;\n }\n"])));_styled__default["default"](Intro$3).withConfig({displayName:"PageCard__StyledIntro",componentId:"sc-13xtreq-2"})(templateObject_3$a$1||(templateObject_3$a$1=__makeTemplateObject(["\n && {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"],["\n && {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"])),spacingS,spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Keywords",componentId:"sc-13xtreq-3"})(templateObject_4$6$1||(templateObject_4$6$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n"],["\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Inner",componentId:"sc-13xtreq-4"})(templateObject_5$5$1||(templateObject_5$5$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: ","px 0 ","px 0;\n"],["\n display: flex;\n align-items: center;\n margin: ","px 0 ","px 0;\n"])),spacingM,spacingS);_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageCard__StyledDocumentDownloadButton",componentId:"sc-13xtreq-5"})(templateObject_6$2$1||(templateObject_6$2$1=__makeTemplateObject(["\n align-self: flex-start;\n z-index: 1;\n"],["\n align-self: flex-start;\n z-index: 1;\n"])));var templateObject_1$i$1,templateObject_2$d$1,templateObject_3$a$1,templateObject_4$6$1,templateObject_5$5$1,templateObject_6$2$1;_styled__default["default"].p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n padding: 0;\n margin: 0 0 ","px 0;\n font-size: ","px;\n line-height: 1.5;\n"],["\n padding: 0;\n margin: 0 0 ","px 0;\n font-size: ","px;\n line-height: 1.5;\n"])),spacingM-5,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"PageListItemBody__CutContentContainer",componentId:"sc-7voum-1"})(templateObject_2$c$1||(templateObject_2$c$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin-bottom: ","px;\n"],["\n display: flex;\n flex-direction: column;\n margin-bottom: ","px;\n"])),spacingM-5);_styled__default["default"].p.withConfig({displayName:"PageListItemBody__CutContent",componentId:"sc-7voum-2"})(templateObject_3$9$1||(templateObject_3$9$1=__makeTemplateObject(["\n padding: 0;\n margin: 0;\n ","\n"],["\n padding: 0;\n margin: 0;\n ","\n"])),LineClamp(5,fontSizeSmall,1.5));_styled__default["default"](ActionButton).withConfig({displayName:"PageListItemBody__StyledActionButton",componentId:"sc-7voum-3"})(templateObject_4$5$1||(templateObject_4$5$1=__makeTemplateObject(["\n && {\n height: auto;\n margin: 0 0 0 auto;\n padding: ","px ","px 0 ","px;\n font-size: ","px;\n z-index: 1;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"],["\n && {\n height: auto;\n margin: 0 0 0 auto;\n padding: ","px ","px 0 ","px;\n font-size: ","px;\n z-index: 1;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"])),spacingXs,spacingXs,spacingXs,fontSizeSmaller);var templateObject_1$h$1,templateObject_2$c$1,templateObject_3$9$1,templateObject_4$5$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$g$1||(templateObject_1$g$1=__makeTemplateObject(["\n ",";\n position: relative;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n\n padding: ","px;\n"],["\n ",";\n position: relative;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n\n padding: ","px;\n"])),CardBorderInline(2,2),spacingM);_styled__default["default"].div.withConfig({displayName:"PageListItem__Keywords",componentId:"sc-lz5d51-1"})(templateObject_2$b$1||(templateObject_2$b$1=__makeTemplateObject(["\n position: relative;\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n position: relative;\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageListItem__LastUpdated",componentId:"sc-lz5d51-2"})(templateObject_3$8$1||(templateObject_3$8$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageBreadcrumb).withConfig({displayName:"PageListItem__StyledPageBreadcrumb",componentId:"sc-lz5d51-3"})(templateObject_4$4$1||(templateObject_4$4$1=__makeTemplateObject(["\n flex: 1 1 auto;\n width: ","%;\n"],["\n flex: 1 1 auto;\n width: ","%;\n"])),function(p){return p.maxWidth;});_styled__default["default"].div.withConfig({displayName:"PageListItem__Inner",componentId:"sc-lz5d51-4"})(templateObject_5$4$1||(templateObject_5$4$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n display: flex;\n align-items: center;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var templateObject_1$g$1,templateObject_2$b$1,templateObject_3$8$1,templateObject_4$4$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
|
|
@@ -131979,9 +131979,9 @@
|
|
|
131979
131979
|
var DetailMetaInfo = _styled__default["default"](ItemMetaInfo).withConfig({
|
|
131980
131980
|
displayName: "NewsDetailViewMetaInfo__DetailMetaInfo",
|
|
131981
131981
|
componentId: "sc-1v9a7tf-0"
|
|
131982
|
-
})(templateObject_1$
|
|
131982
|
+
})(templateObject_1$w || (templateObject_1$w = __makeTemplateObject$l(["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ", "px) {\n font-size: 14px;\n }\n"], ["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ", "px) {\n font-size: 14px;\n }\n"])), minScreenSize.small);
|
|
131983
131983
|
|
|
131984
|
-
var templateObject_1$
|
|
131984
|
+
var templateObject_1$w;
|
|
131985
131985
|
|
|
131986
131986
|
var NewsItemContextProvider = function NewsItemContextProvider(_a) {
|
|
131987
131987
|
var itemId = _a.itemId,
|
|
@@ -132087,9 +132087,9 @@
|
|
|
132087
132087
|
var Host$i = _styled__default["default"].div.withConfig({
|
|
132088
132088
|
displayName: "NewsDetail__Host",
|
|
132089
132089
|
componentId: "sc-6rz5th-0"
|
|
132090
|
-
})(templateObject_1$
|
|
132090
|
+
})(templateObject_1$v || (templateObject_1$v = __makeTemplateObject$l([""], [""])));
|
|
132091
132091
|
|
|
132092
|
-
var templateObject_1$
|
|
132092
|
+
var templateObject_1$v;
|
|
132093
132093
|
|
|
132094
132094
|
var anObject$3 = anObject$v;
|
|
132095
132095
|
|
|
@@ -132488,11 +132488,11 @@
|
|
|
132488
132488
|
}, void 0)]
|
|
132489
132489
|
}, void 0);
|
|
132490
132490
|
};
|
|
132491
|
-
var Host$h = _styled__default["default"].div(templateObject_1$
|
|
132492
|
-
var PageTableOfContentsButton = _styled__default["default"](officeUiFabricReact.IconButton)(templateObject_2$
|
|
132491
|
+
var Host$h = _styled__default["default"].div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject$l(["\n && {\n margin-top: ", "px;\n }\n"], ["\n && {\n margin-top: ", "px;\n }\n"])), spacingXs);
|
|
132492
|
+
var PageTableOfContentsButton = _styled__default["default"](officeUiFabricReact.IconButton)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject$l(["\n && {\n padding: 0;\n margin: 0;\n width: 22px;\n height: 22px;\n\n i {\n font-size: 20px;\n color: ", ";\n }\n }\n"], ["\n && {\n padding: 0;\n margin: 0;\n width: 22px;\n height: 22px;\n\n i {\n font-size: 20px;\n color: ", ";\n }\n }\n"])), function (p) {
|
|
132493
132493
|
return p.theme.textColors.default;
|
|
132494
132494
|
});
|
|
132495
|
-
var templateObject_1$
|
|
132495
|
+
var templateObject_1$u, templateObject_2$j;
|
|
132496
132496
|
|
|
132497
132497
|
var PageDetail = function PageDetail(props) {
|
|
132498
132498
|
var routeMatch = ReactRouterDom.useRouteMatch();
|
|
@@ -132586,12 +132586,12 @@
|
|
|
132586
132586
|
var Host$g = _styled__default["default"].div.withConfig({
|
|
132587
132587
|
displayName: "PageDetail__Host",
|
|
132588
132588
|
componentId: "sc-22rpk8-0"
|
|
132589
|
-
})(templateObject_1$
|
|
132589
|
+
})(templateObject_1$t || (templateObject_1$t = __makeTemplateObject$l([""], [""])));
|
|
132590
132590
|
|
|
132591
132591
|
var PageHeader = _styled__default["default"].div.withConfig({
|
|
132592
132592
|
displayName: "PageDetail__PageHeader",
|
|
132593
132593
|
componentId: "sc-22rpk8-1"
|
|
132594
|
-
})(templateObject_2$
|
|
132594
|
+
})(templateObject_2$i || (templateObject_2$i = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n margin-bottom: ", "px;\n"], ["\n display: flex;\n align-items: center;\n margin-bottom: ", "px;\n"])), spacingM);
|
|
132595
132595
|
|
|
132596
132596
|
var ConsumerBreadcrumbWrapper = function ConsumerBreadcrumbWrapper() {
|
|
132597
132597
|
var item = useDetailViewContext().item;
|
|
@@ -132663,7 +132663,7 @@
|
|
|
132663
132663
|
return jsxRuntime.jsx(InlinePageList, {}, void 0);
|
|
132664
132664
|
};
|
|
132665
132665
|
|
|
132666
|
-
var templateObject_1$
|
|
132666
|
+
var templateObject_1$t, templateObject_2$i, templateObject_3$f, templateObject_4$e, templateObject_5$b;
|
|
132667
132667
|
|
|
132668
132668
|
var EventDetail = function EventDetail(_a) {
|
|
132669
132669
|
var itemId = _a.itemId,
|
|
@@ -132731,12 +132731,12 @@
|
|
|
132731
132731
|
var Host$f = _styled__default["default"].div.withConfig({
|
|
132732
132732
|
displayName: "EventDetail__Host",
|
|
132733
132733
|
componentId: "sc-hrm4yl-0"
|
|
132734
|
-
})(templateObject_1$
|
|
132734
|
+
})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject$l([""], [""])));
|
|
132735
132735
|
|
|
132736
132736
|
var EventDateAndRecurrenceInfo = _styled__default["default"].div.withConfig({
|
|
132737
132737
|
displayName: "EventDetail__EventDateAndRecurrenceInfo",
|
|
132738
132738
|
componentId: "sc-hrm4yl-1"
|
|
132739
|
-
})(templateObject_2$
|
|
132739
|
+
})(templateObject_2$h || (templateObject_2$h = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"], ["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));
|
|
132740
132740
|
|
|
132741
132741
|
var DatesInfo = _styled__default["default"](EventDetailViewDatesInfo).withConfig({
|
|
132742
132742
|
displayName: "EventDetail__DatesInfo",
|
|
@@ -132750,7 +132750,7 @@
|
|
|
132750
132750
|
return p.theme.textColors.default;
|
|
132751
132751
|
}, spacingM);
|
|
132752
132752
|
|
|
132753
|
-
var templateObject_1$
|
|
132753
|
+
var templateObject_1$s, templateObject_2$h, templateObject_3$e, templateObject_4$d;
|
|
132754
132754
|
|
|
132755
132755
|
function useNewsItemClickHandler() {
|
|
132756
132756
|
var user = useCurrentUserContext().user;
|
|
@@ -132957,11 +132957,11 @@
|
|
|
132957
132957
|
var Host$e = _styled__default["default"].div.withConfig({
|
|
132958
132958
|
displayName: "NewsCompactCard__Host",
|
|
132959
132959
|
componentId: "sc-16ovog0-0"
|
|
132960
|
-
})(templateObject_1$
|
|
132960
|
+
})(templateObject_1$r || (templateObject_1$r = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n height: ", "px;\n background-color: ", ";\n"], ["\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n height: ", "px;\n background-color: ", ";\n"])), BannerSize, function (p) {
|
|
132961
132961
|
return p.theme.palette.white;
|
|
132962
132962
|
});
|
|
132963
132963
|
|
|
132964
|
-
var TextStyle = _styled.css(templateObject_2$
|
|
132964
|
+
var TextStyle = _styled.css(templateObject_2$g || (templateObject_2$g = __makeTemplateObject$l(["\n font-size: ", "px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n"], ["\n font-size: ", "px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n"])), fontSizeSmall);
|
|
132965
132965
|
|
|
132966
132966
|
var Inner$3 = _styled__default["default"].div.withConfig({
|
|
132967
132967
|
displayName: "NewsCompactCard__Inner",
|
|
@@ -133055,7 +133055,7 @@
|
|
|
133055
133055
|
});
|
|
133056
133056
|
});
|
|
133057
133057
|
|
|
133058
|
-
var templateObject_1$
|
|
133058
|
+
var templateObject_1$r, templateObject_2$g, templateObject_3$d, templateObject_4$c, templateObject_5$a, templateObject_6$9, templateObject_7$6, templateObject_8$5, templateObject_9$3, templateObject_10$3, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$1;
|
|
133059
133059
|
|
|
133060
133060
|
var EmptyNewsList = function EmptyNewsList() {
|
|
133061
133061
|
return jsxRuntime.jsxs(Host$d, {
|
|
@@ -133072,19 +133072,19 @@
|
|
|
133072
133072
|
var Host$d = _styled__default["default"].div.withConfig({
|
|
133073
133073
|
displayName: "EmptyNewsList__Host",
|
|
133074
133074
|
componentId: "sc-11ktr8s-0"
|
|
133075
|
-
})(templateObject_1$
|
|
133075
|
+
})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: auto 0;\n padding: ", "px 0;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: auto 0;\n padding: ", "px 0;\n"])), spacingM);
|
|
133076
133076
|
|
|
133077
133077
|
var StyledIcon$3 = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
|
|
133078
133078
|
displayName: "EmptyNewsList__StyledIcon",
|
|
133079
133079
|
componentId: "sc-11ktr8s-1"
|
|
133080
|
-
})(templateObject_2$
|
|
133080
|
+
})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject$l(["\n font-size: ", "px;\n opacity: 0.8;\n margin-bottom: ", "px;\n"], ["\n font-size: ", "px;\n opacity: 0.8;\n margin-bottom: ", "px;\n"])), fontSizeLarger, spacingM);
|
|
133081
133081
|
|
|
133082
133082
|
var Message = _styled__default["default"].p.withConfig({
|
|
133083
133083
|
displayName: "EmptyNewsList__Message",
|
|
133084
133084
|
componentId: "sc-11ktr8s-2"
|
|
133085
133085
|
})(templateObject_3$c || (templateObject_3$c = __makeTemplateObject$l(["\n text-align: center;\n padding: 0;\n margin: 0;\n"], ["\n text-align: center;\n padding: 0;\n margin: 0;\n"])));
|
|
133086
133086
|
|
|
133087
|
-
var templateObject_1$
|
|
133087
|
+
var templateObject_1$q, templateObject_2$f, templateObject_3$c;
|
|
133088
133088
|
|
|
133089
133089
|
exports.ItemLayoutMode = void 0;
|
|
133090
133090
|
|
|
@@ -133259,12 +133259,12 @@
|
|
|
133259
133259
|
var Host$c = _styled__default["default"].div.withConfig({
|
|
133260
133260
|
displayName: "NewsList__Host",
|
|
133261
133261
|
componentId: "sc-1d0bzx1-0"
|
|
133262
|
-
})(templateObject_1$
|
|
133262
|
+
})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject$l([""], [""])));
|
|
133263
133263
|
|
|
133264
133264
|
var CompactList = _styled__default["default"].ul.withConfig({
|
|
133265
133265
|
displayName: "NewsList__CompactList",
|
|
133266
133266
|
componentId: "sc-1d0bzx1-1"
|
|
133267
|
-
})(templateObject_2$
|
|
133267
|
+
})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject$l(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li:not(:first-child) {\n margin-top: ", "px;\n }\n"], ["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li:not(:first-child) {\n margin-top: ", "px;\n }\n"])), spacingS);
|
|
133268
133268
|
|
|
133269
133269
|
var StyledNewsItemTile = _styled__default["default"](NewsItemTile).withConfig({
|
|
133270
133270
|
displayName: "NewsList__StyledNewsItemTile",
|
|
@@ -133299,7 +133299,7 @@
|
|
|
133299
133299
|
return p.theme.palette.red;
|
|
133300
133300
|
}, spacingM);
|
|
133301
133301
|
|
|
133302
|
-
var templateObject_1$
|
|
133302
|
+
var templateObject_1$p, templateObject_2$e, templateObject_3$b, templateObject_4$b, templateObject_5$9, templateObject_6$8, templateObject_7$5, templateObject_8$4;
|
|
133303
133303
|
|
|
133304
133304
|
var ManageChannels = function ManageChannels(_a) {
|
|
133305
133305
|
var className = _a.className;
|
|
@@ -133465,12 +133465,12 @@
|
|
|
133465
133465
|
var Host$b = _styled__default["default"].div.withConfig({
|
|
133466
133466
|
displayName: "ManageChannels__Host",
|
|
133467
133467
|
componentId: "sc-yyoxfw-0"
|
|
133468
|
-
})(templateObject_1$
|
|
133468
|
+
})(templateObject_1$o || (templateObject_1$o = __makeTemplateObject$l(["\n padding: ", "px ", "px;\n"], ["\n padding: ", "px ", "px;\n"])), spacingX, spacingM);
|
|
133469
133469
|
|
|
133470
133470
|
var Title$2 = _styled__default["default"].h3.withConfig({
|
|
133471
133471
|
displayName: "ManageChannels__Title",
|
|
133472
133472
|
componentId: "sc-yyoxfw-1"
|
|
133473
|
-
})(templateObject_2$
|
|
133473
|
+
})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject$l(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
133474
133474
|
|
|
133475
133475
|
var Description = _styled__default["default"].span.withConfig({
|
|
133476
133476
|
displayName: "ManageChannels__Description",
|
|
@@ -133538,7 +133538,7 @@
|
|
|
133538
133538
|
return p.theme.textColors.default;
|
|
133539
133539
|
});
|
|
133540
133540
|
|
|
133541
|
-
var templateObject_1$
|
|
133541
|
+
var templateObject_1$o, templateObject_2$d, templateObject_3$a, templateObject_4$a, templateObject_5$8, templateObject_6$7, templateObject_7$4, templateObject_8$3;
|
|
133542
133542
|
|
|
133543
133543
|
var NewsGridCard = function NewsGridCard(_a) {
|
|
133544
133544
|
var _b;
|
|
@@ -133649,8 +133649,8 @@
|
|
|
133649
133649
|
return NewsService.getNewsRoute(baseRoute, item.id, title);
|
|
133650
133650
|
}
|
|
133651
133651
|
};
|
|
133652
|
-
var Host$a = _styled__default["default"].div(templateObject_2$
|
|
133653
|
-
return p.showHighlight && _styled.css(templateObject_1$
|
|
133652
|
+
var Host$a = _styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n width: 100%;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n position: relative;\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n position: relative;\n\n ", "\n"])), function (p) {
|
|
133653
|
+
return p.showHighlight && _styled.css(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$l(["\n position: relative;\n &::after {\n ", ";\n }\n "], ["\n position: relative;\n &::after {\n ", ";\n }\n "])), BannerHighlightStyle);
|
|
133654
133654
|
});
|
|
133655
133655
|
var BannerHighlightStyle = _styled.css(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject$l(["\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ", "px;\n display: block;\n background-color: ", ";\n"], ["\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ", "px;\n display: block;\n background-color: ", ";\n"])), spacingXs, function (p) {
|
|
133656
133656
|
return p.theme.palette.accent;
|
|
@@ -133677,7 +133677,7 @@
|
|
|
133677
133677
|
return p.theme.palette.neutralTertiary;
|
|
133678
133678
|
});
|
|
133679
133679
|
var StyledChannels$1 = _styled__default["default"](ChannelList$1)(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject$l(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n"], ["\n margin-top: ", "px;\n margin-bottom: ", "px;\n"])), spacingS, spacingM);
|
|
133680
|
-
var templateObject_1$
|
|
133680
|
+
var templateObject_1$n, templateObject_2$c, templateObject_3$9, templateObject_4$9, templateObject_5$7, templateObject_6$6, templateObject_7$3, templateObject_8$2, templateObject_9$2, templateObject_10$2, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1;
|
|
133681
133681
|
|
|
133682
133682
|
var ErrorContainer = function ErrorContainer() {
|
|
133683
133683
|
return jsxRuntime.jsx(Host$9, {
|
|
@@ -133690,11 +133690,11 @@
|
|
|
133690
133690
|
var Host$9 = _styled__default["default"].p.withConfig({
|
|
133691
133691
|
displayName: "ErrorContainer__Host",
|
|
133692
133692
|
componentId: "sc-499uwc-0"
|
|
133693
|
-
})(templateObject_1$
|
|
133693
|
+
})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject$l(["\n color: ", ";\n padding: ", "px 0;\n text-align: center;\n"], ["\n color: ", ";\n padding: ", "px 0;\n text-align: center;\n"])), function (p) {
|
|
133694
133694
|
return p.theme.palette.red;
|
|
133695
133695
|
}, spacingM);
|
|
133696
133696
|
|
|
133697
|
-
var templateObject_1$
|
|
133697
|
+
var templateObject_1$m;
|
|
133698
133698
|
|
|
133699
133699
|
var NewsGrid = function NewsGrid(_a) {
|
|
133700
133700
|
var filter = _a.filter,
|
|
@@ -133786,13 +133786,13 @@
|
|
|
133786
133786
|
var Host$8 = _styled__default["default"].div.withConfig({
|
|
133787
133787
|
displayName: "NewsGrid__Host",
|
|
133788
133788
|
componentId: "sc-8ugpfz-0"
|
|
133789
|
-
})(templateObject_1$
|
|
133789
|
+
})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$l([""], [""])));
|
|
133790
133790
|
|
|
133791
133791
|
var Inner$2 = _styled__default["default"].div.withConfig({
|
|
133792
133792
|
displayName: "NewsGrid__Inner",
|
|
133793
133793
|
componentId: "sc-8ugpfz-1"
|
|
133794
133794
|
})(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$l(["\n display: flex; // IE fallback\n flex-wrap: wrap;\n\n display: grid;\n gap: ", "px;\n ", "\n"], ["\n display: flex; // IE fallback\n flex-wrap: wrap;\n\n display: grid;\n gap: ", "px;\n ", "\n"])), spacingM, function (p) {
|
|
133795
|
-
return _styled.css(templateObject_2$
|
|
133795
|
+
return _styled.css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n grid-template-columns: repeat(", ", minmax(0, 1fr));\n "], ["\n grid-template-columns: repeat(", ", minmax(0, 1fr));\n "])), p.columnCount);
|
|
133796
133796
|
});
|
|
133797
133797
|
|
|
133798
133798
|
_styled__default["default"](NewsGridCard).withConfig({
|
|
@@ -133802,7 +133802,7 @@
|
|
|
133802
133802
|
return _styled.css(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject$l(["\n width: calc(100% / ", " - ", "px);\n "], ["\n width: calc(100% / ", " - ", "px);\n "])), p.columnCount, spacingM);
|
|
133803
133803
|
});
|
|
133804
133804
|
|
|
133805
|
-
var templateObject_1$
|
|
133805
|
+
var templateObject_1$l, templateObject_2$b, templateObject_3$8, templateObject_4$8, templateObject_5$6;
|
|
133806
133806
|
|
|
133807
133807
|
var HeroSlide = function HeroSlide(_a) {
|
|
133808
133808
|
var item = _a.item,
|
|
@@ -133947,7 +133947,7 @@
|
|
|
133947
133947
|
displayName: "HeroSlide__Host",
|
|
133948
133948
|
componentId: "sc-3yofth-0"
|
|
133949
133949
|
})(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject$l(["\n position: relative;\n\n ", "\n\n ", "\n \n ", "\n \n ", "\n"], ["\n position: relative;\n\n ", "\n\n ", "\n \n ", "\n \n ", "\n"])), function (p) {
|
|
133950
|
-
return p.width ? _styled.css(templateObject_1$
|
|
133950
|
+
return p.width ? _styled.css(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l(["\n width: ", ";\n "], ["\n width: ", ";\n "])), p.width) : _styled.css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$l(["\n width: 100%;\n "], ["\n width: 100%;\n "])));
|
|
133951
133951
|
}, function (p) {
|
|
133952
133952
|
return p.height ? _styled.css(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n height: ", ";\n "], ["\n height: ", ";\n "])), p.height) : _styled.css(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject$l(["\n height: 100%;\n "], ["\n height: 100%;\n "])));
|
|
133953
133953
|
}, function (p) {
|
|
@@ -134067,7 +134067,7 @@
|
|
|
134067
134067
|
return p.color ? _styled.css(templateObject_31 || (templateObject_31 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.color) : _styled.css(templateObject_32 || (templateObject_32 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.default);
|
|
134068
134068
|
});
|
|
134069
134069
|
|
|
134070
|
-
var templateObject_1$
|
|
134070
|
+
var templateObject_1$k, templateObject_2$a, templateObject_3$7, templateObject_4$7, templateObject_5$5, templateObject_6$5, templateObject_7$2, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33;
|
|
134071
134071
|
|
|
134072
134072
|
var HeroPaging = function HeroPaging(_a) {
|
|
134073
134073
|
var items = _a.items,
|
|
@@ -134188,12 +134188,12 @@
|
|
|
134188
134188
|
var PagingHost = _styled__default["default"].div.withConfig({
|
|
134189
134189
|
displayName: "HeroPaging__PagingHost",
|
|
134190
134190
|
componentId: "sc-1y3j8qb-0"
|
|
134191
|
-
})(templateObject_1$
|
|
134191
|
+
})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$l(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
134192
134192
|
|
|
134193
134193
|
var Paging = _styled__default["default"].ul.withConfig({
|
|
134194
134194
|
displayName: "HeroPaging__Paging",
|
|
134195
134195
|
componentId: "sc-1y3j8qb-1"
|
|
134196
|
-
})(templateObject_2$
|
|
134196
|
+
})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$l(["\n display: flex;\n width: 100%;\n list-style: none;\n margin: 0 0 ", "px 0;\n padding: 0;\n"], ["\n display: flex;\n width: 100%;\n list-style: none;\n margin: 0 0 ", "px 0;\n padding: 0;\n"])), spacingM);
|
|
134197
134197
|
|
|
134198
134198
|
var PagingItem = _styled__default["default"].li.withConfig({
|
|
134199
134199
|
displayName: "HeroPaging__PagingItem",
|
|
@@ -134214,7 +134214,7 @@
|
|
|
134214
134214
|
componentId: "sc-1y3j8qb-4"
|
|
134215
134215
|
})(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject$l(["\n position: absolute;\n top: 50%;\n\n && {\n padding: 0;\n }\n\n &[data-paging-next] {\n left: 100%;\n transform: translate(-5px, -50%);\n }\n\n &[data-paging-back] {\n right: 100%;\n transform: translate(5px, -50%);\n }\n"], ["\n position: absolute;\n top: 50%;\n\n && {\n padding: 0;\n }\n\n &[data-paging-next] {\n left: 100%;\n transform: translate(-5px, -50%);\n }\n\n &[data-paging-back] {\n right: 100%;\n transform: translate(5px, -50%);\n }\n"])));
|
|
134216
134216
|
|
|
134217
|
-
var templateObject_1$
|
|
134217
|
+
var templateObject_1$j, templateObject_2$9, templateObject_3$6, templateObject_4$6, templateObject_5$4, templateObject_6$4;
|
|
134218
134218
|
|
|
134219
134219
|
var Hero = function Hero(_a) {
|
|
134220
134220
|
var items = _a.items,
|
|
@@ -134281,9 +134281,9 @@
|
|
|
134281
134281
|
var StyledCarousel = _styled__default["default"](Carousel).withConfig({
|
|
134282
134282
|
displayName: "Hero__StyledCarousel",
|
|
134283
134283
|
componentId: "sc-55ys37-0"
|
|
134284
|
-
})(templateObject_1$
|
|
134284
|
+
})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l(["\n .slider-list {\n height: 100% !important;\n\n > li {\n height: 100% !important;\n }\n }\n\n .slider-control-bottomcenter {\n left: ", "px !important;\n right: ", "px !important;\n transform: none !important;\n }\n\n .hero-paging--hidden {\n display: none;\n }\n"], ["\n .slider-list {\n height: 100% !important;\n\n > li {\n height: 100% !important;\n }\n }\n\n .slider-control-bottomcenter {\n left: ", "px !important;\n right: ", "px !important;\n transform: none !important;\n }\n\n .hero-paging--hidden {\n display: none;\n }\n"])), spacingL, spacingL);
|
|
134285
134285
|
|
|
134286
|
-
var templateObject_1$
|
|
134286
|
+
var templateObject_1$i;
|
|
134287
134287
|
|
|
134288
134288
|
var NewsHero = function NewsHero(_a) {
|
|
134289
134289
|
var filter = _a.filter,
|
|
@@ -134436,9 +134436,9 @@
|
|
|
134436
134436
|
var StyledChannels = _styled__default["default"](ChannelList$1).withConfig({
|
|
134437
134437
|
displayName: "NewsHero__StyledChannels",
|
|
134438
134438
|
componentId: "sc-i9ar0j-0"
|
|
134439
|
-
})(templateObject_1$
|
|
134439
|
+
})(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$l(["\n [data-channels] {\n justify-content: flex-end;\n }\n"], ["\n [data-channels] {\n justify-content: flex-end;\n }\n"])));
|
|
134440
134440
|
|
|
134441
|
-
var templateObject_1$
|
|
134441
|
+
var templateObject_1$h;
|
|
134442
134442
|
|
|
134443
134443
|
// a string of all valid unicode whitespaces
|
|
134444
134444
|
// eslint-disable-next-line max-len
|
|
@@ -134606,7 +134606,7 @@
|
|
|
134606
134606
|
var StyledDropdown = _styled__default["default"](Dropdown).withConfig({
|
|
134607
134607
|
displayName: "GroupsDropdown__StyledDropdown",
|
|
134608
134608
|
componentId: "sc-cmsnyu-0"
|
|
134609
|
-
})(templateObject_1$
|
|
134609
|
+
})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l(["\n ", "\n\n margin-bottom: ", "px;\n width: 200px;\n min-width: 200px;\n padding: 0;\n\n &&&,\n &&&:hover,\n .ms-Dropdown,\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n color: ", " !important;\n }\n\n .ms-Dropdown-title {\n background-color: ", ";\n i {\n font-size: ", "px;\n margin: 0 ", "px 0 0;\n }\n }\n\n .ms-Dropdown-caretDownWrapper {\n top: 0;\n\n & > i {\n color: ", " !important;\n }\n }\n"], ["\n ", "\n\n margin-bottom: ", "px;\n width: 200px;\n min-width: 200px;\n padding: 0;\n\n &&&,\n &&&:hover,\n .ms-Dropdown,\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n color: ", " !important;\n }\n\n .ms-Dropdown-title {\n background-color: ", ";\n i {\n font-size: ", "px;\n margin: 0 ", "px 0 0;\n }\n }\n\n .ms-Dropdown-caretDownWrapper {\n top: 0;\n\n & > i {\n color: ", " !important;\n }\n }\n"])), ToolbarNoBorderDropdownStyles, spacingXs, function (p) {
|
|
134610
134610
|
return p.theme.textColors.onAccent;
|
|
134611
134611
|
}, function (p) {
|
|
134612
134612
|
return p.theme.palette.accent;
|
|
@@ -134617,7 +134617,7 @@
|
|
|
134617
134617
|
var DropdownOption = _styled__default["default"].div.withConfig({
|
|
134618
134618
|
displayName: "GroupsDropdown__DropdownOption",
|
|
134619
134619
|
componentId: "sc-cmsnyu-1"
|
|
134620
|
-
})(templateObject_2$
|
|
134620
|
+
})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$l(["\n ", "\n"], ["\n ", "\n"])), ToolbarOptionStyles);
|
|
134621
134621
|
|
|
134622
134622
|
var Title = _styled__default["default"].div.withConfig({
|
|
134623
134623
|
displayName: "GroupsDropdown__Title",
|
|
@@ -134626,7 +134626,7 @@
|
|
|
134626
134626
|
|
|
134627
134627
|
var GlobalDropdownStyles = _styled.createGlobalStyle(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$l(["\n .ms-Dropdown-item {\n i {\n width: auto;\n margin: 0 ", "px 0 0;\n }\n }\n"], ["\n .ms-Dropdown-item {\n i {\n width: auto;\n margin: 0 ", "px 0 0;\n }\n }\n"])), spacingS);
|
|
134628
134628
|
|
|
134629
|
-
var templateObject_1$
|
|
134629
|
+
var templateObject_1$g, templateObject_2$8, templateObject_3$5, templateObject_4$5;
|
|
134630
134630
|
|
|
134631
134631
|
var TaskButton = function TaskButton(_a) {
|
|
134632
134632
|
var count = _a.count,
|
|
@@ -134668,9 +134668,9 @@
|
|
|
134668
134668
|
var ToggleButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
|
|
134669
134669
|
displayName: "TaskButton__ToggleButton",
|
|
134670
134670
|
componentId: "sc-8eylsw-0"
|
|
134671
|
-
})(templateObject_1$
|
|
134671
|
+
})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$l(["\n border-radius: 0;\n padding: 0 ", "px;\n margin-bottom: ", "px;\n font-size: ", "px;\n user-select: none;\n height: ", "px;\n\n display: flex;\n align-items: center;\n\n svg {\n margin-right: ", "px;\n }\n"], ["\n border-radius: 0;\n padding: 0 ", "px;\n margin-bottom: ", "px;\n font-size: ", "px;\n user-select: none;\n height: ", "px;\n\n display: flex;\n align-items: center;\n\n svg {\n margin-right: ", "px;\n }\n"])), spacingS, spacingXs, fontSizeSmall, spacingL + 2, spacingS);
|
|
134672
134672
|
|
|
134673
|
-
var templateObject_1$
|
|
134673
|
+
var templateObject_1$f;
|
|
134674
134674
|
|
|
134675
134675
|
var TaskButtons = function TaskButtons(_a) {
|
|
134676
134676
|
var type = _a.type,
|
|
@@ -134736,9 +134736,9 @@
|
|
|
134736
134736
|
var Host$6 = _styled__default["default"].div.withConfig({
|
|
134737
134737
|
displayName: "TaskButtons__Host",
|
|
134738
134738
|
componentId: "sc-sw0zei-0"
|
|
134739
|
-
})(templateObject_1$
|
|
134739
|
+
})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject$l(["\n display: flex;\n flex-wrap: wrap;\n\n button {\n border: 1px solid #808080;\n\n &:not(:first-child) {\n border-left: none;\n }\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n\n button {\n border: 1px solid #808080;\n\n &:not(:first-child) {\n border-left: none;\n }\n }\n"])));
|
|
134740
134740
|
|
|
134741
|
-
var templateObject_1$
|
|
134741
|
+
var templateObject_1$e;
|
|
134742
134742
|
|
|
134743
134743
|
var NewArticleButton = function NewArticleButton(_a) {
|
|
134744
134744
|
var groupId = _a.groupId,
|
|
@@ -134880,12 +134880,12 @@
|
|
|
134880
134880
|
}).length;
|
|
134881
134881
|
}
|
|
134882
134882
|
};
|
|
134883
|
-
var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$
|
|
134883
|
+
var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$l(["\n .ms-MessageBar {\n margin-bottom: ", "px;\n }\n .ms-MessageBar-text {\n flex: 1 1 0%;\n }\n"], ["\n .ms-MessageBar {\n margin-bottom: ", "px;\n }\n .ms-MessageBar-text {\n flex: 1 1 0%;\n }\n"])), spacingXs);
|
|
134884
134884
|
|
|
134885
134885
|
var StyledEditorListItem = _styled__default["default"](EditorListItem).withConfig({
|
|
134886
134886
|
displayName: "NewsEditorDashboard__StyledEditorListItem",
|
|
134887
134887
|
componentId: "sc-vv9dzu-0"
|
|
134888
|
-
})(templateObject_2$
|
|
134888
|
+
})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject$l(["\n :not(:first-child) {\n margin-top: ", "px;\n }\n"], ["\n :not(:first-child) {\n margin-top: ", "px;\n }\n"])), spacingS + 5);
|
|
134889
134889
|
|
|
134890
134890
|
var FiltersAndButtons = _styled__default["default"].div.withConfig({
|
|
134891
134891
|
displayName: "NewsEditorDashboard__FiltersAndButtons",
|
|
@@ -134907,7 +134907,7 @@
|
|
|
134907
134907
|
componentId: "sc-vv9dzu-4"
|
|
134908
134908
|
})(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n align-self: flex-start;\n"], ["\n margin-bottom: ", "px;\n align-self: flex-start;\n"])), spacingXs);
|
|
134909
134909
|
|
|
134910
|
-
var templateObject_1$
|
|
134910
|
+
var templateObject_1$d, templateObject_2$7, templateObject_3$4, templateObject_4$4, templateObject_5$3, templateObject_6$3;
|
|
134911
134911
|
|
|
134912
134912
|
// NOTE: This component exists in this project and not in the ui/common/toolbar because it uses DetailViewContext placed in feature/content/
|
|
134913
134913
|
// Also a generic component `ToolbarLanguageSelector` in ui/common/toolbar complicates the flow and requires some code duplication
|
|
@@ -134948,9 +134948,9 @@
|
|
|
134948
134948
|
var LanguageMenuButton = _styled__default["default"](LanguageSelector).withConfig({
|
|
134949
134949
|
displayName: "ToolbarNewsLanguageSelector__LanguageMenuButton",
|
|
134950
134950
|
componentId: "sc-1xe5l19-0"
|
|
134951
|
-
})(templateObject_1$
|
|
134951
|
+
})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$l(["\n && {\n i {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n i {\n font-size: ", "px;\n }\n }\n"])), fontSizeNormal);
|
|
134952
134952
|
|
|
134953
|
-
var templateObject_1$
|
|
134953
|
+
var templateObject_1$c;
|
|
134954
134954
|
|
|
134955
134955
|
var ToolbarManageNewsItemButton = function ToolbarManageNewsItemButton(_a) {
|
|
134956
134956
|
var onClick = _a.onClick;
|
|
@@ -135076,9 +135076,9 @@
|
|
|
135076
135076
|
var Host$5 = _styled__default["default"].div.withConfig({
|
|
135077
135077
|
displayName: "NewsDetailPreview__Host",
|
|
135078
135078
|
componentId: "sc-17gmqax-0"
|
|
135079
|
-
})(templateObject_1$
|
|
135079
|
+
})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l([""], [""])));
|
|
135080
135080
|
|
|
135081
|
-
var templateObject_1$
|
|
135081
|
+
var templateObject_1$b;
|
|
135082
135082
|
|
|
135083
135083
|
var classof = classofRaw$9;
|
|
135084
135084
|
|
|
@@ -135484,14 +135484,14 @@
|
|
|
135484
135484
|
var Host$4 = _styled__default["default"].div.withConfig({
|
|
135485
135485
|
displayName: "ToolbarFilterPanel__Host",
|
|
135486
135486
|
componentId: "sc-118p488-0"
|
|
135487
|
-
})(templateObject_1$
|
|
135487
|
+
})(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n min-width: 0;\n"], ["\n display: flex;\n align-items: center;\n min-width: 0;\n"])));
|
|
135488
135488
|
|
|
135489
135489
|
var OverflowContainer = _styled__default["default"].div.withConfig({
|
|
135490
135490
|
displayName: "ToolbarFilterPanel__OverflowContainer",
|
|
135491
135491
|
componentId: "sc-118p488-1"
|
|
135492
|
-
})(templateObject_2$
|
|
135492
|
+
})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$l(["\n display: flex;\n flex: 1 1 auto;\n white-space: nowrap;\n align-items: center;\n overflow: hidden;\n"], ["\n display: flex;\n flex: 1 1 auto;\n white-space: nowrap;\n align-items: center;\n overflow: hidden;\n"])));
|
|
135493
135493
|
|
|
135494
|
-
var templateObject_1$
|
|
135494
|
+
var templateObject_1$a, templateObject_2$6;
|
|
135495
135495
|
|
|
135496
135496
|
var FilterCalloutButton = function FilterCalloutButton(_a) {
|
|
135497
135497
|
var buttonText = _a.buttonText,
|
|
@@ -135554,8 +135554,8 @@
|
|
|
135554
135554
|
var StyledCallout = _styled__default["default"](Callout).withConfig({
|
|
135555
135555
|
displayName: "FilterCalloutButton__StyledCallout",
|
|
135556
135556
|
componentId: "sc-1bleciq-0"
|
|
135557
|
-
})(templateObject_2$
|
|
135558
|
-
return p.doNotLayer && _styled.css(templateObject_1$
|
|
135557
|
+
})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
135558
|
+
return p.doNotLayer && _styled.css(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject$l(["\n z-index: 1;\n top: 1px !important;\n left: -1px !important;\n\n &&& {\n max-width: 100% !important;\n width: 100%;\n }\n "], ["\n z-index: 1;\n top: 1px !important;\n left: -1px !important;\n\n &&& {\n max-width: 100% !important;\n width: 100%;\n }\n "])));
|
|
135559
135559
|
});
|
|
135560
135560
|
|
|
135561
135561
|
var Host$3 = _styled__default["default"].div.withConfig({
|
|
@@ -135575,7 +135575,7 @@
|
|
|
135575
135575
|
componentId: "sc-1bleciq-3"
|
|
135576
135576
|
})(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$l(["\n margin-left: auto;\n\n .ms-Button-label {\n font-weight: normal;\n }\n"], ["\n margin-left: auto;\n\n .ms-Button-label {\n font-weight: normal;\n }\n"])));
|
|
135577
135577
|
|
|
135578
|
-
var templateObject_1$
|
|
135578
|
+
var templateObject_1$9, templateObject_2$5, templateObject_3$3, templateObject_4$3, templateObject_5$2, templateObject_6$2;
|
|
135579
135579
|
|
|
135580
135580
|
var FilterLogicalOperators = function FilterLogicalOperators(_a) {
|
|
135581
135581
|
var onChange = _a.onChange,
|
|
@@ -135622,14 +135622,14 @@
|
|
|
135622
135622
|
var StyledChoiceGroup = _styled__default["default"](ChoiceGroup).withConfig({
|
|
135623
135623
|
displayName: "FilterLogicalOperators__StyledChoiceGroup",
|
|
135624
135624
|
componentId: "sc-10bpjo8-0"
|
|
135625
|
-
})(templateObject_1$
|
|
135625
|
+
})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n\n .ms-ChoiceField {\n margin-right: ", "px;\n }\n"], ["\n margin-bottom: ", "px;\n\n .ms-ChoiceField {\n margin-right: ", "px;\n }\n"])), spacingM, spacingM);
|
|
135626
135626
|
|
|
135627
135627
|
var Operator = _styled__default["default"].span.withConfig({
|
|
135628
135628
|
displayName: "FilterLogicalOperators__Operator",
|
|
135629
135629
|
componentId: "sc-10bpjo8-1"
|
|
135630
|
-
})(templateObject_2$
|
|
135630
|
+
})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$l(["\n text-transform: capitalize;\n"], ["\n text-transform: capitalize;\n"])));
|
|
135631
135631
|
|
|
135632
|
-
var templateObject_1$
|
|
135632
|
+
var templateObject_1$8, templateObject_2$4;
|
|
135633
135633
|
|
|
135634
135634
|
var ChannelFilter = function ChannelFilter(_a) {
|
|
135635
135635
|
var channels = _a.channels,
|
|
@@ -135686,12 +135686,12 @@
|
|
|
135686
135686
|
var Host$2 = _styled__default["default"].div.withConfig({
|
|
135687
135687
|
displayName: "ChannelFilter__Host",
|
|
135688
135688
|
componentId: "sc-1ju8xwz-0"
|
|
135689
|
-
})(templateObject_1$
|
|
135689
|
+
})(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingL);
|
|
135690
135690
|
|
|
135691
135691
|
var ChannelsSubTitle = _styled__default["default"].p.withConfig({
|
|
135692
135692
|
displayName: "ChannelFilter__ChannelsSubTitle",
|
|
135693
135693
|
componentId: "sc-1ju8xwz-1"
|
|
135694
|
-
})(templateObject_2$
|
|
135694
|
+
})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n font-weight: bold;\n padding: 0;\n margin: 0 0 ", "px 0;\n"], ["\n font-weight: bold;\n padding: 0;\n margin: 0 0 ", "px 0;\n"])), spacingXs + 2);
|
|
135695
135695
|
|
|
135696
135696
|
var StyledFilterCalloutButton = _styled__default["default"](FilterCalloutButton).withConfig({
|
|
135697
135697
|
displayName: "ChannelFilter__StyledFilterCalloutButton",
|
|
@@ -135917,7 +135917,7 @@
|
|
|
135917
135917
|
componentId: "sc-1ju8xwz-9"
|
|
135918
135918
|
})(templateObject_10 || (templateObject_10 = __makeTemplateObject$l(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"])));
|
|
135919
135919
|
|
|
135920
|
-
var templateObject_1$
|
|
135920
|
+
var templateObject_1$7, templateObject_2$3, templateObject_3$2, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8, templateObject_9, templateObject_10;
|
|
135921
135921
|
|
|
135922
135922
|
function toInteger(dirtyNumber) {
|
|
135923
135923
|
if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
|
|
@@ -138862,12 +138862,12 @@
|
|
|
138862
138862
|
var StyledDateTimePicker = _styled__default["default"](DateTimePicker).withConfig({
|
|
138863
138863
|
displayName: "PublishingDateFilter__StyledDateTimePicker",
|
|
138864
138864
|
componentId: "sc-zv88cu-0"
|
|
138865
|
-
})(templateObject_1$
|
|
138865
|
+
})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n\n label {\n font-weight: normal;\n }\n"], ["\n margin-bottom: ", "px;\n\n label {\n font-weight: normal;\n }\n"])), spacingS);
|
|
138866
138866
|
|
|
138867
138867
|
var DatePickerShortcutsLabel = _styled__default["default"].span.withConfig({
|
|
138868
138868
|
displayName: "PublishingDateFilter__DatePickerShortcutsLabel",
|
|
138869
138869
|
componentId: "sc-zv88cu-1"
|
|
138870
|
-
})(templateObject_2$
|
|
138870
|
+
})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject$l(["\n font-size: ", "px;\n"], ["\n font-size: ", "px;\n"])), fontSizeSmall);
|
|
138871
138871
|
|
|
138872
138872
|
var DateShortcuts = _styled__default["default"].div.withConfig({
|
|
138873
138873
|
displayName: "PublishingDateFilter__DateShortcuts",
|
|
@@ -138881,7 +138881,7 @@
|
|
|
138881
138881
|
componentId: "sc-zv88cu-3"
|
|
138882
138882
|
})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject$l(["\n font-weight: bold;\n margin-bottom: ", "px;\n"], ["\n font-weight: bold;\n margin-bottom: ", "px;\n"])), spacingXs + 2);
|
|
138883
138883
|
|
|
138884
|
-
var templateObject_1$
|
|
138884
|
+
var templateObject_1$6, templateObject_2$2, templateObject_3$1, templateObject_4$1;
|
|
138885
138885
|
|
|
138886
138886
|
var ClearAllFiltersButton = function ClearAllFiltersButton(_a) {
|
|
138887
138887
|
var onClick = _a.onClick;
|
|
@@ -138988,14 +138988,14 @@
|
|
|
138988
138988
|
var StyledKeywordPicker = _styled__default["default"](KeywordPicker).withConfig({
|
|
138989
138989
|
displayName: "KeywordsFilter__StyledKeywordPicker",
|
|
138990
138990
|
componentId: "sc-1aoeg5i-0"
|
|
138991
|
-
})(templateObject_1$
|
|
138991
|
+
})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n overflow: hidden;\n\n .keyword-picker-tree {\n max-height: 256px;\n overflow-y: auto;\n padding: 0 4px;\n\n div:last-child {\n margin-bottom: 0;\n }\n }\n"], ["\n margin-bottom: ", "px;\n overflow: hidden;\n\n .keyword-picker-tree {\n max-height: 256px;\n overflow-y: auto;\n padding: 0 4px;\n\n div:last-child {\n margin-bottom: 0;\n }\n }\n"])), spacingM);
|
|
138992
138992
|
|
|
138993
138993
|
var SubTitle$1 = _styled__default["default"].p.withConfig({
|
|
138994
138994
|
displayName: "KeywordsFilter__SubTitle",
|
|
138995
138995
|
componentId: "sc-1aoeg5i-1"
|
|
138996
|
-
})(templateObject_2$
|
|
138996
|
+
})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject$l(["\n font-weight: bold;\n margin-bottom: ", "px;\n"], ["\n font-weight: bold;\n margin-bottom: ", "px;\n"])), spacingXs + 2);
|
|
138997
138997
|
|
|
138998
|
-
var templateObject_1$
|
|
138998
|
+
var templateObject_1$5, templateObject_2$1;
|
|
138999
138999
|
|
|
139000
139000
|
var EmptyFilterSearchResult = function EmptyFilterSearchResult() {
|
|
139001
139001
|
return jsxRuntime.jsxs(Host$1, {
|
|
@@ -139008,8 +139008,8 @@
|
|
|
139008
139008
|
}, void 0)]
|
|
139009
139009
|
}, void 0);
|
|
139010
139010
|
};
|
|
139011
|
-
var Host$1 = _styled__default["default"].div(templateObject_1$
|
|
139012
|
-
var templateObject_1$
|
|
139011
|
+
var Host$1 = _styled__default["default"].div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$l(["\n text-align: center;\n i {\n font-size: ", "px;\n }\n"], ["\n text-align: center;\n i {\n font-size: ", "px;\n }\n"])), fontSizeMedium);
|
|
139012
|
+
var templateObject_1$4;
|
|
139013
139013
|
|
|
139014
139014
|
var AuthorToolbarFilter = function AuthorToolbarFilter() {
|
|
139015
139015
|
var _a;
|
|
@@ -139024,7 +139024,7 @@
|
|
|
139024
139024
|
searchText = _c[0],
|
|
139025
139025
|
setSearchText = _c[1];
|
|
139026
139026
|
|
|
139027
|
-
var debouncedSearchText = useDebounce
|
|
139027
|
+
var debouncedSearchText = useDebounce(searchText.toLowerCase(), 500)[0];
|
|
139028
139028
|
var searchAccounts = useAccountApi().searchAccounts;
|
|
139029
139029
|
var showError = useNotificationContext().showError;
|
|
139030
139030
|
var authorsFromFilter = (_a = filter === null || filter === void 0 ? void 0 : filter.authors) !== null && _a !== void 0 ? _a : [];
|
|
@@ -139215,7 +139215,7 @@
|
|
|
139215
139215
|
var Host = _styled__default["default"].div.withConfig({
|
|
139216
139216
|
displayName: "AuthorFilter__Host",
|
|
139217
139217
|
componentId: "sc-cnx0p9-0"
|
|
139218
|
-
})(templateObject_1$
|
|
139218
|
+
})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
139219
139219
|
|
|
139220
139220
|
var rowHeight = 40;
|
|
139221
139221
|
var visibleUsers = 9;
|
|
@@ -139223,7 +139223,7 @@
|
|
|
139223
139223
|
var UserList = _styled__default["default"].div.withConfig({
|
|
139224
139224
|
displayName: "AuthorFilter__UserList",
|
|
139225
139225
|
componentId: "sc-cnx0p9-1"
|
|
139226
|
-
})(templateObject_2
|
|
139226
|
+
})(templateObject_2 || (templateObject_2 = __makeTemplateObject$l(["\n margin: ", "px 0 ", "px;\n max-height: ", "px;\n padding: 4px;\n overflow-y: auto;\n"], ["\n margin: ", "px 0 ", "px;\n max-height: ", "px;\n padding: 4px;\n overflow-y: auto;\n"])), spacingS, spacingM, rowHeight * visibleUsers - 8);
|
|
139227
139227
|
|
|
139228
139228
|
var StyledCheckbox = _styled__default["default"](officeUiFabricReact.Checkbox).withConfig({
|
|
139229
139229
|
displayName: "AuthorFilter__StyledCheckbox",
|
|
@@ -139347,155 +139347,7 @@
|
|
|
139347
139347
|
componentId: "sc-cnx0p9-6"
|
|
139348
139348
|
})(templateObject_7 || (templateObject_7 = __makeTemplateObject$l(["\n display: block;\n font-weight: bold;\n margin-top: ", "px;\n margin-bottom: ", "px;\n"], ["\n display: block;\n font-weight: bold;\n margin-top: ", "px;\n margin-bottom: ", "px;\n"])), spacingS + 4, spacingXs + 2);
|
|
139349
139349
|
|
|
139350
|
-
var templateObject_1$
|
|
139351
|
-
|
|
139352
|
-
// `SameValue` abstract operation
|
|
139353
|
-
// https://tc39.github.io/ecma262/#sec-samevalue
|
|
139354
|
-
var sameValue$1 = Object.is || function is(x, y) {
|
|
139355
|
-
// eslint-disable-next-line no-self-compare
|
|
139356
|
-
return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
|
|
139357
|
-
};
|
|
139358
|
-
|
|
139359
|
-
var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
|
|
139360
|
-
var anObject = anObject$v;
|
|
139361
|
-
var requireObjectCoercible = requireObjectCoercible$m;
|
|
139362
|
-
var sameValue = sameValue$1;
|
|
139363
|
-
var regExpExec = regexpExecAbstract;
|
|
139364
|
-
|
|
139365
|
-
// @@search logic
|
|
139366
|
-
fixRegExpWellKnownSymbolLogic('search', 1, function (SEARCH, nativeSearch, maybeCallNative) {
|
|
139367
|
-
return [
|
|
139368
|
-
// `String.prototype.search` method
|
|
139369
|
-
// https://tc39.github.io/ecma262/#sec-string.prototype.search
|
|
139370
|
-
function search(regexp) {
|
|
139371
|
-
var O = requireObjectCoercible(this);
|
|
139372
|
-
var searcher = regexp == undefined ? undefined : regexp[SEARCH];
|
|
139373
|
-
return searcher !== undefined ? searcher.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));
|
|
139374
|
-
},
|
|
139375
|
-
// `RegExp.prototype[@@search]` method
|
|
139376
|
-
// https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search
|
|
139377
|
-
function (regexp) {
|
|
139378
|
-
var res = maybeCallNative(nativeSearch, regexp, this);
|
|
139379
|
-
if (res.done) return res.value;
|
|
139380
|
-
|
|
139381
|
-
var rx = anObject(regexp);
|
|
139382
|
-
var S = String(this);
|
|
139383
|
-
|
|
139384
|
-
var previousLastIndex = rx.lastIndex;
|
|
139385
|
-
if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
|
|
139386
|
-
var result = regExpExec(rx, S);
|
|
139387
|
-
if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
|
|
139388
|
-
return result === null ? -1 : result.index;
|
|
139389
|
-
}
|
|
139390
|
-
];
|
|
139391
|
-
});
|
|
139392
|
-
|
|
139393
|
-
var lib = {};
|
|
139394
|
-
|
|
139395
|
-
var useDebounce$1 = {};
|
|
139396
|
-
|
|
139397
|
-
var useDebouncedCallback$2 = {};
|
|
139398
|
-
|
|
139399
|
-
Object.defineProperty(useDebouncedCallback$2, "__esModule", { value: true });
|
|
139400
|
-
var react_1$1 = React__default["default"];
|
|
139401
|
-
function useDebouncedCallback$1(callback, delay, options) {
|
|
139402
|
-
if (options === void 0) { options = {}; }
|
|
139403
|
-
var maxWait = options.maxWait;
|
|
139404
|
-
var maxWaitHandler = react_1$1.useRef(null);
|
|
139405
|
-
var maxWaitArgs = react_1$1.useRef([]);
|
|
139406
|
-
var leading = options.leading;
|
|
139407
|
-
var trailing = options.trailing === undefined ? true : options.trailing;
|
|
139408
|
-
var leadingCall = react_1$1.useRef(false);
|
|
139409
|
-
var functionTimeoutHandler = react_1$1.useRef(null);
|
|
139410
|
-
var isComponentUnmounted = react_1$1.useRef(false);
|
|
139411
|
-
var debouncedFunction = react_1$1.useRef(callback);
|
|
139412
|
-
debouncedFunction.current = callback;
|
|
139413
|
-
var cancelDebouncedCallback = react_1$1.useCallback(function () {
|
|
139414
|
-
clearTimeout(functionTimeoutHandler.current);
|
|
139415
|
-
clearTimeout(maxWaitHandler.current);
|
|
139416
|
-
maxWaitHandler.current = null;
|
|
139417
|
-
maxWaitArgs.current = [];
|
|
139418
|
-
functionTimeoutHandler.current = null;
|
|
139419
|
-
leadingCall.current = false;
|
|
139420
|
-
}, []);
|
|
139421
|
-
react_1$1.useEffect(function () { return function () {
|
|
139422
|
-
// we use flag, as we allow to call callPending outside the hook
|
|
139423
|
-
isComponentUnmounted.current = true;
|
|
139424
|
-
}; }, []);
|
|
139425
|
-
var debouncedCallback = react_1$1.useCallback(function () {
|
|
139426
|
-
var args = [];
|
|
139427
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
139428
|
-
args[_i] = arguments[_i];
|
|
139429
|
-
}
|
|
139430
|
-
maxWaitArgs.current = args;
|
|
139431
|
-
clearTimeout(functionTimeoutHandler.current);
|
|
139432
|
-
if (leadingCall.current) {
|
|
139433
|
-
leadingCall.current = false;
|
|
139434
|
-
}
|
|
139435
|
-
if (!functionTimeoutHandler.current && leading && !leadingCall.current) {
|
|
139436
|
-
debouncedFunction.current.apply(debouncedFunction, args);
|
|
139437
|
-
leadingCall.current = true;
|
|
139438
|
-
}
|
|
139439
|
-
functionTimeoutHandler.current = setTimeout(function () {
|
|
139440
|
-
var shouldCallFunction = true;
|
|
139441
|
-
if (leading && leadingCall.current) {
|
|
139442
|
-
shouldCallFunction = false;
|
|
139443
|
-
}
|
|
139444
|
-
cancelDebouncedCallback();
|
|
139445
|
-
if (!isComponentUnmounted.current && trailing && shouldCallFunction) {
|
|
139446
|
-
debouncedFunction.current.apply(debouncedFunction, args);
|
|
139447
|
-
}
|
|
139448
|
-
}, delay);
|
|
139449
|
-
if (maxWait && !maxWaitHandler.current && trailing) {
|
|
139450
|
-
maxWaitHandler.current = setTimeout(function () {
|
|
139451
|
-
var args = maxWaitArgs.current;
|
|
139452
|
-
cancelDebouncedCallback();
|
|
139453
|
-
if (!isComponentUnmounted.current) {
|
|
139454
|
-
debouncedFunction.current.apply(null, args);
|
|
139455
|
-
}
|
|
139456
|
-
}, maxWait);
|
|
139457
|
-
}
|
|
139458
|
-
}, [maxWait, delay, cancelDebouncedCallback, leading, trailing]);
|
|
139459
|
-
var callPending = react_1$1.useCallback(function () {
|
|
139460
|
-
// Call pending callback only if we have anything in our queue
|
|
139461
|
-
if (!functionTimeoutHandler.current) {
|
|
139462
|
-
return;
|
|
139463
|
-
}
|
|
139464
|
-
debouncedFunction.current.apply(null, maxWaitArgs.current);
|
|
139465
|
-
cancelDebouncedCallback();
|
|
139466
|
-
}, [cancelDebouncedCallback]);
|
|
139467
|
-
// At the moment, we use 3 args array so that we save backward compatibility
|
|
139468
|
-
return [debouncedCallback, cancelDebouncedCallback, callPending];
|
|
139469
|
-
}
|
|
139470
|
-
useDebouncedCallback$2.default = useDebouncedCallback$1;
|
|
139471
|
-
|
|
139472
|
-
Object.defineProperty(useDebounce$1, "__esModule", { value: true });
|
|
139473
|
-
var react_1 = React__default["default"];
|
|
139474
|
-
var useDebouncedCallback_1$1 = useDebouncedCallback$2;
|
|
139475
|
-
function valueEquality(left, right) {
|
|
139476
|
-
return left === right;
|
|
139477
|
-
}
|
|
139478
|
-
function useDebounce(value, delay, options) {
|
|
139479
|
-
var eq = options && options.equalityFn ? options.equalityFn : valueEquality;
|
|
139480
|
-
var _a = react_1.useState(value), state = _a[0], dispatch = _a[1];
|
|
139481
|
-
var _b = useDebouncedCallback_1$1.default(react_1.useCallback(function (value) { return dispatch(value); }, []), delay, options), callback = _b[0], cancel = _b[1], callPending = _b[2];
|
|
139482
|
-
var previousValue = react_1.useRef(value);
|
|
139483
|
-
react_1.useEffect(function () {
|
|
139484
|
-
// We need to use this condition otherwise we will run debounce timer for the first render (including maxWait option)
|
|
139485
|
-
if (!eq(previousValue.current, value)) {
|
|
139486
|
-
callback(value);
|
|
139487
|
-
previousValue.current = value;
|
|
139488
|
-
}
|
|
139489
|
-
}, [value, callback, eq]);
|
|
139490
|
-
return [state, cancel, callPending];
|
|
139491
|
-
}
|
|
139492
|
-
useDebounce$1.default = useDebounce;
|
|
139493
|
-
|
|
139494
|
-
Object.defineProperty(lib, "__esModule", { value: true });
|
|
139495
|
-
var useDebounce_1 = useDebounce$1;
|
|
139496
|
-
lib.useDebounce = useDebounce_1.default;
|
|
139497
|
-
var useDebouncedCallback_1 = useDebouncedCallback$2;
|
|
139498
|
-
var useDebouncedCallback = lib.useDebouncedCallback = useDebouncedCallback_1.default;
|
|
139350
|
+
var templateObject_1$3, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
139499
139351
|
|
|
139500
139352
|
var VerticalFilterPanel = function VerticalFilterPanel(_a) {
|
|
139501
139353
|
var filter = _a.filter,
|
|
@@ -139521,51 +139373,11 @@
|
|
|
139521
139373
|
className = _a.className,
|
|
139522
139374
|
children = _a.children;
|
|
139523
139375
|
var formatMessage = useIntl().formatMessage;
|
|
139524
|
-
|
|
139525
|
-
var _b = React$d.useContext(FilterContext),
|
|
139526
|
-
filter = _b.filter,
|
|
139527
|
-
onChange = _b.onChange;
|
|
139528
|
-
|
|
139529
|
-
var _c = React$d.useState((filter === null || filter === void 0 ? void 0 : filter.search) || ''),
|
|
139530
|
-
searchText = _c[0],
|
|
139531
|
-
setSearchText = _c[1];
|
|
139532
|
-
|
|
139533
|
-
var _d = useDebouncedCallback(onChange, 500),
|
|
139534
|
-
debouncedOnChange = _d[0],
|
|
139535
|
-
cancelDebounce = _d[1];
|
|
139536
|
-
|
|
139537
|
-
var textColors = React$d.useContext(ThemeContext$1).theme.textColors;
|
|
139538
|
-
useEffectOnUpdate(function () {
|
|
139539
|
-
if ((filter === null || filter === void 0 ? void 0 : filter.search) !== searchText) {
|
|
139540
|
-
setSearchText((filter === null || filter === void 0 ? void 0 : filter.search) || '');
|
|
139541
|
-
}
|
|
139542
|
-
}, [filter === null || filter === void 0 ? void 0 : filter.search]);
|
|
139376
|
+
var onChange = React$d.useContext(FilterContext).onChange;
|
|
139543
139377
|
return jsxRuntime.jsxs("div", __assign$g({
|
|
139544
139378
|
className: className
|
|
139545
139379
|
}, {
|
|
139546
|
-
children: [jsxRuntime.
|
|
139547
|
-
placeholder: formatMessage({
|
|
139548
|
-
id: 'Generic.search'
|
|
139549
|
-
}),
|
|
139550
|
-
value: searchText,
|
|
139551
|
-
onChange: function (_, text) {
|
|
139552
|
-
setSearchText(text);
|
|
139553
|
-
debouncedOnChange(__assign$g(__assign$g({}, filter), {
|
|
139554
|
-
search: text
|
|
139555
|
-
}));
|
|
139556
|
-
},
|
|
139557
|
-
onSearch: function (text) {
|
|
139558
|
-
cancelDebounce();
|
|
139559
|
-
onChange(__assign$g(__assign$g({}, filter), {
|
|
139560
|
-
search: text
|
|
139561
|
-
}));
|
|
139562
|
-
},
|
|
139563
|
-
iconProps: {
|
|
139564
|
-
style: {
|
|
139565
|
-
color: textColors.default
|
|
139566
|
-
}
|
|
139567
|
-
}
|
|
139568
|
-
}, void 0), children, jsxRuntime.jsxs(ButtonsHost, {
|
|
139380
|
+
children: [children, jsxRuntime.jsxs(ButtonsHost, {
|
|
139569
139381
|
children: [jsxRuntime.jsx(officeUiFabricReact.DefaultButton, {
|
|
139570
139382
|
iconProps: {
|
|
139571
139383
|
iconName: 'ClearFilter'
|
|
@@ -139574,7 +139386,6 @@
|
|
|
139574
139386
|
id: 'FilterPanel.clearFilterText'
|
|
139575
139387
|
}),
|
|
139576
139388
|
onClick: function () {
|
|
139577
|
-
setSearchText('');
|
|
139578
139389
|
onChange(null);
|
|
139579
139390
|
}
|
|
139580
139391
|
}, void 0), jsxRuntime.jsx(officeUiFabricReact.DefaultButton, {
|
|
@@ -139590,14 +139401,9 @@
|
|
|
139590
139401
|
var ButtonsHost = _styled__default["default"].div.withConfig({
|
|
139591
139402
|
displayName: "VerticalFilterPanel__ButtonsHost",
|
|
139592
139403
|
componentId: "sc-12j7kak-0"
|
|
139593
|
-
})(templateObject_1$
|
|
139594
|
-
|
|
139595
|
-
var StyledSearchBox = _styled__default["default"](officeUiFabricReact.SearchBox).withConfig({
|
|
139596
|
-
displayName: "VerticalFilterPanel__StyledSearchBox",
|
|
139597
|
-
componentId: "sc-12j7kak-1"
|
|
139598
|
-
})(templateObject_2 || (templateObject_2 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingL);
|
|
139404
|
+
})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject$l(["\n display: flex;\n justify-content: flex-end;\n margin-top: 20px;\n\n & > *:not(:first-child) {\n margin-left: 20px;\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n margin-top: 20px;\n\n & > *:not(:first-child) {\n margin-left: 20px;\n }\n"])));
|
|
139599
139405
|
|
|
139600
|
-
var templateObject_1$
|
|
139406
|
+
var templateObject_1$2;
|
|
139601
139407
|
|
|
139602
139408
|
var ToolbarFilterModal = function ToolbarFilterModal(_a) {
|
|
139603
139409
|
var filter = _a.filter,
|
|
@@ -139637,9 +139443,9 @@
|
|
|
139637
139443
|
var Inner = _styled__default["default"].div.withConfig({
|
|
139638
139444
|
displayName: "ToolbarFilterModal__Inner",
|
|
139639
139445
|
componentId: "sc-63ubbe-0"
|
|
139640
|
-
})(templateObject_1 || (templateObject_1 = __makeTemplateObject$l(["\n width: 340px;\n"], ["\n width: 340px;\n"])));
|
|
139446
|
+
})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l(["\n width: 340px;\n"], ["\n width: 340px;\n"])));
|
|
139641
139447
|
|
|
139642
|
-
var templateObject_1;
|
|
139448
|
+
var templateObject_1$1;
|
|
139643
139449
|
|
|
139644
139450
|
var ToolbarFilterModalButton = function ToolbarFilterModalButton(_a) {
|
|
139645
139451
|
var filter = _a.filter,
|
|
@@ -139679,6 +139485,101 @@
|
|
|
139679
139485
|
}
|
|
139680
139486
|
};
|
|
139681
139487
|
|
|
139488
|
+
// `SameValue` abstract operation
|
|
139489
|
+
// https://tc39.github.io/ecma262/#sec-samevalue
|
|
139490
|
+
var sameValue$1 = Object.is || function is(x, y) {
|
|
139491
|
+
// eslint-disable-next-line no-self-compare
|
|
139492
|
+
return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
|
|
139493
|
+
};
|
|
139494
|
+
|
|
139495
|
+
var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
|
|
139496
|
+
var anObject = anObject$v;
|
|
139497
|
+
var requireObjectCoercible = requireObjectCoercible$m;
|
|
139498
|
+
var sameValue = sameValue$1;
|
|
139499
|
+
var regExpExec = regexpExecAbstract;
|
|
139500
|
+
|
|
139501
|
+
// @@search logic
|
|
139502
|
+
fixRegExpWellKnownSymbolLogic('search', 1, function (SEARCH, nativeSearch, maybeCallNative) {
|
|
139503
|
+
return [
|
|
139504
|
+
// `String.prototype.search` method
|
|
139505
|
+
// https://tc39.github.io/ecma262/#sec-string.prototype.search
|
|
139506
|
+
function search(regexp) {
|
|
139507
|
+
var O = requireObjectCoercible(this);
|
|
139508
|
+
var searcher = regexp == undefined ? undefined : regexp[SEARCH];
|
|
139509
|
+
return searcher !== undefined ? searcher.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));
|
|
139510
|
+
},
|
|
139511
|
+
// `RegExp.prototype[@@search]` method
|
|
139512
|
+
// https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search
|
|
139513
|
+
function (regexp) {
|
|
139514
|
+
var res = maybeCallNative(nativeSearch, regexp, this);
|
|
139515
|
+
if (res.done) return res.value;
|
|
139516
|
+
|
|
139517
|
+
var rx = anObject(regexp);
|
|
139518
|
+
var S = String(this);
|
|
139519
|
+
|
|
139520
|
+
var previousLastIndex = rx.lastIndex;
|
|
139521
|
+
if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
|
|
139522
|
+
var result = regExpExec(rx, S);
|
|
139523
|
+
if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
|
|
139524
|
+
return result === null ? -1 : result.index;
|
|
139525
|
+
}
|
|
139526
|
+
];
|
|
139527
|
+
});
|
|
139528
|
+
|
|
139529
|
+
var SearchFilter = function SearchFilter() {
|
|
139530
|
+
var _a = React$d.useContext(FilterContext),
|
|
139531
|
+
filter = _a.filter,
|
|
139532
|
+
onChange = _a.onChange;
|
|
139533
|
+
|
|
139534
|
+
var formatMessage = useIntl().formatMessage;
|
|
139535
|
+
|
|
139536
|
+
var _b = useDebouncedCallback(onChange, 500),
|
|
139537
|
+
debouncedOnChange = _b[0],
|
|
139538
|
+
cancelDebounce = _b[1];
|
|
139539
|
+
|
|
139540
|
+
var textColors = React$d.useContext(ThemeContext$1).theme.textColors;
|
|
139541
|
+
|
|
139542
|
+
var _c = React$d.useState((filter === null || filter === void 0 ? void 0 : filter.search) || ''),
|
|
139543
|
+
searchText = _c[0],
|
|
139544
|
+
setSearchText = _c[1];
|
|
139545
|
+
|
|
139546
|
+
useEffectOnUpdate(function () {
|
|
139547
|
+
if ((filter === null || filter === void 0 ? void 0 : filter.search) !== searchText) {
|
|
139548
|
+
setSearchText((filter === null || filter === void 0 ? void 0 : filter.search) || '');
|
|
139549
|
+
}
|
|
139550
|
+
}, [filter === null || filter === void 0 ? void 0 : filter.search]);
|
|
139551
|
+
return jsxRuntime.jsx(StyledSearchBox, {
|
|
139552
|
+
placeholder: formatMessage({
|
|
139553
|
+
id: 'Generic.search'
|
|
139554
|
+
}),
|
|
139555
|
+
value: searchText,
|
|
139556
|
+
onChange: function (_, text) {
|
|
139557
|
+
setSearchText(text);
|
|
139558
|
+
debouncedOnChange(__assign$g(__assign$g({}, filter), {
|
|
139559
|
+
search: text
|
|
139560
|
+
}));
|
|
139561
|
+
},
|
|
139562
|
+
onSearch: function (text) {
|
|
139563
|
+
cancelDebounce();
|
|
139564
|
+
onChange(__assign$g(__assign$g({}, filter), {
|
|
139565
|
+
search: text
|
|
139566
|
+
}));
|
|
139567
|
+
},
|
|
139568
|
+
iconProps: {
|
|
139569
|
+
style: {
|
|
139570
|
+
color: textColors.default
|
|
139571
|
+
}
|
|
139572
|
+
}
|
|
139573
|
+
}, void 0);
|
|
139574
|
+
};
|
|
139575
|
+
|
|
139576
|
+
var StyledSearchBox = _styled__default["default"](officeUiFabricReact.SearchBox).withConfig({
|
|
139577
|
+
displayName: "SearchFilter__StyledSearchBox",
|
|
139578
|
+
componentId: "sc-f84c6g-0"
|
|
139579
|
+
})(templateObject_1 || (templateObject_1 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingL);
|
|
139580
|
+
|
|
139581
|
+
var templateObject_1;
|
|
139582
|
+
|
|
139682
139583
|
/* @generated */
|
|
139683
139584
|
// prettier-ignore
|
|
139684
139585
|
if (Intl.PluralRules && typeof Intl.PluralRules.__addLocaleData === 'function') {
|
|
@@ -219016,6 +218917,7 @@
|
|
|
219016
218917
|
exports.PublishingDateFilter = PublishingDateFilter;
|
|
219017
218918
|
exports.PublishingDateToolbarFilter = PublishingDateToolbarFilter;
|
|
219018
218919
|
exports.ReachContextProvider = ReachContextProvider;
|
|
218920
|
+
exports.SearchFilter = SearchFilter;
|
|
219019
218921
|
exports.Toolbar = Toolbar$1;
|
|
219020
218922
|
exports.ToolbarChannelSelector = ToolbarChannelSelector;
|
|
219021
218923
|
exports.ToolbarCloseButton = ToolbarCloseButton;
|