@appquality/unguess-design-system 2.12.66 → 2.12.67
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/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
# v2.12.67 (Fri Feb 03 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Player audio improvements, counter multiselect includes now itemArgs props [#200](https://github.com/AppQuality/unguess-design-system/pull/200) ([@cannarocks](https://github.com/cannarocks))
|
|
6
|
+
- refactor(player): move out styledDiv from component [#198](https://github.com/AppQuality/unguess-design-system/pull/198) ([@cannarocks](https://github.com/cannarocks))
|
|
7
|
+
- feat(profile-modal): add privacy item [#199](https://github.com/AppQuality/unguess-design-system/pull/199) ([@cannarocks](https://github.com/cannarocks))
|
|
8
|
+
|
|
9
|
+
#### Authors: 1
|
|
10
|
+
|
|
11
|
+
- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
1
15
|
# v2.12.66 (Mon Jan 30 2023)
|
|
2
16
|
|
|
3
17
|
#### 🐛 Bug Fix
|
package/build/index.js
CHANGED
|
@@ -604,10 +604,10 @@ const Tag = (props) => jsxRuntime.jsx(reactTags.Tag, Object.assign({}, props));
|
|
|
604
604
|
Tag.Avatar = reactTags.Tag.Avatar;
|
|
605
605
|
Tag.Close = reactTags.Tag.Close;
|
|
606
606
|
|
|
607
|
-
var _g$7, _path$
|
|
608
|
-
function _extends$
|
|
607
|
+
var _g$7, _path$z;
|
|
608
|
+
function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
|
|
609
609
|
var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
610
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
610
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
|
|
611
611
|
width: 24,
|
|
612
612
|
height: 24,
|
|
613
613
|
viewBox: "0 0 24 24",
|
|
@@ -619,16 +619,16 @@ var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
|
619
619
|
opacity: 0.3,
|
|
620
620
|
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
|
|
621
621
|
fill: "#003A57"
|
|
622
|
-
}))), _path$
|
|
622
|
+
}))), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
|
|
623
623
|
d: "M17.9983 7.16705C17.5188 6.58566 17.1422 6.73039 17.1422 6.73039C17.1422 6.73039 16.406 7.02453 16.0401 7.16303C15.6742 7.30153 15.2408 7.17357 15.2408 7.17357L14.7579 6.8851C14.7579 6.8851 14.4296 6.56554 14.3656 6.18067C14.3123 5.78958 14.1888 5.00269 14.1888 5.00269C14.1888 5.00269 14.1356 4.61159 13.3938 4.47257C12.652 4.33356 12.4678 4.68715 12.4678 4.68715C12.4678 4.68715 12.0932 5.38344 11.9091 5.73703C11.7249 6.09062 11.3114 6.27118 11.3114 6.27118L10.7639 6.36908C10.7639 6.36908 10.3144 6.33771 10.0176 6.07271L9.12712 5.27769C9.12712 5.27769 8.8303 5.01268 8.18313 5.38632C7.53595 5.75997 7.61705 6.14953 7.61705 6.14953L7.86033 7.3182C7.94143 7.70776 7.74381 8.11275 7.74381 8.11275L7.38528 8.53794C7.38528 8.53794 7.02217 8.80577 6.62387 8.78845C6.22557 8.77114 5.43527 8.7474 5.43527 8.7474C5.43527 8.7474 5.03697 8.73009 4.78646 9.44201C4.53595 10.1539 4.84804 10.3956 4.84804 10.3956C4.84804 10.3956 5.46774 10.896 5.77983 11.1376C6.09192 11.3793 6.19373 11.8296 6.19373 11.8296L6.20207 12.3921C6.20207 12.3921 6.09618 12.8314 5.79331 13.079C5.49043 13.3266 4.86759 13.8171 4.86759 13.8171C4.86759 13.8171 4.56471 14.0647 4.81769 14.7769C5.08144 15.4828 5.46713 15.4783 5.46713 15.4783C5.46713 15.4783 6.26012 15.4569 6.64582 15.4524C7.03152 15.4479 7.40116 15.7145 7.40116 15.7145L7.76458 16.1447C7.76458 16.1447 7.96976 16.5499 7.89441 16.9425C7.81907 17.3351 7.66208 18.1094 7.66208 18.1094C7.66208 18.1094 7.58674 18.502 8.23785 18.8824C8.88895 19.2629 9.18553 19.0044 9.18553 19.0044C9.18553 19.0044 9.7724 18.4765 10.069 18.218C10.3655 17.9595 10.8115 17.9347 10.8115 17.9347L11.3609 18.0394C11.3609 18.0394 11.77 18.225 11.9608 18.5803C12.1516 18.9356 12.5268 19.6354 12.5268 19.6354C12.5268 19.6354 12.7176 19.9907 13.4583 19.8539C14.1946 19.7343 14.2529 19.337 14.2529 19.337C14.2529 19.337 14.3586 18.5487 14.4232 18.1623C14.4814 17.765 14.8086 17.4598 14.8086 17.4598L15.2939 17.1796C15.2939 17.1796 15.7281 17.0598 16.095 17.1971C16.4682 17.3453 17.1975 17.637 17.1975 17.637C17.1975 17.637 17.5707 17.7851 18.0424 17.2073C18.5142 16.6295 18.3189 16.2913 18.3189 16.2913C18.3189 16.2913 17.9006 15.6164 17.6882 15.2736C17.4759 14.9307 17.5197 14.4836 17.5197 14.4836L17.7038 13.9555C17.7038 13.9555 17.9482 13.5816 18.3203 13.454C18.6925 13.3264 19.4431 13.0822 19.4431 13.0822C19.4431 13.0822 19.8153 12.9546 19.8113 12.2005C19.8074 11.4464 19.4297 11.3153 19.4297 11.3153C19.4297 11.3153 18.6807 11.0641 18.303 10.9331C17.9253 10.802 17.677 10.4217 17.677 10.4217L17.4861 9.8919C17.4861 9.8919 17.4293 9.4447 17.6368 9.1067C17.8443 8.7687 18.2486 8.09891 18.2486 8.09891C18.2486 8.09891 18.4778 7.74844 17.9983 7.16707L17.9983 7.16705ZM9.33902 8.38466L10.6176 10.5992C10.0433 11.149 9.82793 11.9715 10.0567 12.7413L7.86713 14.0054C6.98868 12.0106 7.60355 9.66286 9.33905 8.38457L9.33902 8.38466ZM13.9748 16.414C11.9998 17.2778 9.65918 16.6363 8.37099 14.8783L10.5605 13.6141C11.1128 14.1971 11.9329 14.4219 12.6961 14.1994L13.9748 16.414ZM12.6552 13.132C12.1159 13.4434 11.4325 13.2561 11.1176 12.7107C10.8027 12.1652 10.9822 11.4797 11.5215 11.1684C12.0608 10.857 12.7441 11.0443 13.0591 11.5897C13.374 12.1352 13.1945 12.8207 12.6552 13.132ZM14.8376 15.9158L13.5591 13.7012C14.1333 13.1515 14.3487 12.3289 14.12 11.5591L16.3095 10.295C17.188 12.2898 16.5731 14.6376 14.8376 15.9159L14.8376 15.9158ZM13.6161 10.6863C13.0638 10.1034 12.2437 9.87862 11.4805 10.1011L10.2019 7.88652C12.1769 7.02266 14.5112 7.65314 15.8057 9.42223L13.6161 10.6863Z",
|
|
624
624
|
fill: "#003A57"
|
|
625
625
|
})));
|
|
626
626
|
};
|
|
627
627
|
|
|
628
|
-
var _g$6, _path$
|
|
629
|
-
function _extends$
|
|
628
|
+
var _g$6, _path$y, _path2$a, _path3$5, _path4$2, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
|
|
629
|
+
function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
|
|
630
630
|
var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
631
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
631
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
|
|
632
632
|
width: 25,
|
|
633
633
|
height: 24,
|
|
634
634
|
viewBox: "0 0 25 24",
|
|
@@ -639,11 +639,11 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
|
639
639
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
640
640
|
d: "M12.1641 24C18.7915 24 24.1641 18.6274 24.1641 12C24.1641 5.37258 18.7915 0 12.1641 0C5.53665 0 0.164062 5.37258 0.164062 12C0.164062 18.6274 5.53665 24 12.1641 24Z",
|
|
641
641
|
fill: "#D3ECDB"
|
|
642
|
-
}))), _path$
|
|
642
|
+
}))), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
|
|
643
643
|
opacity: 0.8,
|
|
644
644
|
d: "M12.653 3.1964C8.84605 3.1964 5.76496 6.27748 5.76496 10.0844C5.76496 10.2596 5.76496 10.4347 5.7904 10.5854C5.46458 11.1861 4.98908 12.0129 4.41279 12.5138C3.98719 12.8896 4.08697 13.2907 4.13687 13.4404C4.26211 13.7662 4.61237 14.0411 5.18866 14.2417C5.38924 14.3171 5.61427 14.367 5.81485 14.4169L5.84028 16.8463C5.84028 17.7983 6.6416 18.625 7.61905 18.625L9.09645 18.1495L9.24713 19.0262C9.34693 19.6025 9.84787 20.0281 10.4496 20.0281C10.5249 20.0281 10.6003 20.0281 10.6746 20.0026L15.3084 19.1769C15.9845 19.0516 16.4101 18.4254 16.3103 17.7494L15.9845 16.1213C18.1634 14.9188 19.541 12.5891 19.541 10.0843C19.541 6.30267 16.4356 3.19629 12.6529 3.19629L12.653 3.1964Z",
|
|
645
645
|
fill: "#70C38A"
|
|
646
|
-
})), _path2$
|
|
646
|
+
})), _path2$a || (_path2$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
647
647
|
fillRule: "evenodd",
|
|
648
648
|
clipRule: "evenodd",
|
|
649
649
|
d: "M6.55859 10.7679V10.1211H8.23278V10.7679H6.55859Z",
|
|
@@ -696,19 +696,19 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
|
696
696
|
})));
|
|
697
697
|
};
|
|
698
698
|
|
|
699
|
-
var _path$
|
|
700
|
-
function _extends$
|
|
699
|
+
var _path$x, _path2$9, _path3$4, _path4$1;
|
|
700
|
+
function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
|
|
701
701
|
var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
702
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
702
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
|
|
703
703
|
width: 24,
|
|
704
704
|
height: 24,
|
|
705
705
|
viewBox: "0 0 24 24",
|
|
706
706
|
fill: "none",
|
|
707
707
|
xmlns: "http://www.w3.org/2000/svg"
|
|
708
|
-
}, props), _path$
|
|
708
|
+
}, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
|
|
709
709
|
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
710
710
|
fill: "#F8F9F9"
|
|
711
|
-
})), _path2$
|
|
711
|
+
})), _path2$9 || (_path2$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
712
712
|
d: "M20.6953 5.73905C21.0148 5.41953 21.0148 4.90149 20.6953 4.58197C20.3758 4.26245 19.8577 4.26245 19.5382 4.58197L11.88 12.2402L10.0849 9.95981C9.80539 9.60476 9.29098 9.54352 8.93593 9.82303C8.58088 10.1025 8.51963 10.6169 8.79914 10.972L11.1642 13.9763C11.3089 14.16 11.5252 14.2731 11.7586 14.2869C11.9921 14.3008 12.2203 14.2141 12.3856 14.0487L20.6953 5.73905Z",
|
|
713
713
|
fill: "#27DD70"
|
|
714
714
|
})), _path3$4 || (_path3$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -720,19 +720,19 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
|
720
720
|
})));
|
|
721
721
|
};
|
|
722
722
|
|
|
723
|
-
var _path$
|
|
724
|
-
function _extends$
|
|
723
|
+
var _path$w, _path2$8, _path3$3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
|
|
724
|
+
function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
|
|
725
725
|
var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
726
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
726
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
|
|
727
727
|
width: 24,
|
|
728
728
|
height: 24,
|
|
729
729
|
viewBox: "0 0 24 24",
|
|
730
730
|
fill: "none",
|
|
731
731
|
xmlns: "http://www.w3.org/2000/svg"
|
|
732
|
-
}, props), _path$
|
|
732
|
+
}, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
|
|
733
733
|
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
734
734
|
fill: "#F8F9F9"
|
|
735
|
-
})), _path2$
|
|
735
|
+
})), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
736
736
|
d: "M13.059 16.7647C13.059 16.1799 12.585 15.7059 12.0002 15.7059C11.4154 15.7059 10.9414 16.1799 10.9414 16.7647V19.9412C10.9414 20.5259 11.4154 21 12.0002 21C12.585 21 13.059 20.5259 13.059 19.9412V16.7647Z",
|
|
737
737
|
fill: "#D1820A"
|
|
738
738
|
})), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -765,19 +765,19 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
|
765
765
|
})));
|
|
766
766
|
};
|
|
767
767
|
|
|
768
|
-
var _path$
|
|
769
|
-
function _extends$
|
|
768
|
+
var _path$v, _path2$7, _path3$2;
|
|
769
|
+
function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
|
|
770
770
|
var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
|
|
771
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
771
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
|
|
772
772
|
width: 24,
|
|
773
773
|
height: 24,
|
|
774
774
|
viewBox: "0 0 24 24",
|
|
775
775
|
fill: "none",
|
|
776
776
|
xmlns: "http://www.w3.org/2000/svg"
|
|
777
|
-
}, props), _path$
|
|
777
|
+
}, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
|
|
778
778
|
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
779
779
|
fill: "#F8F9F9"
|
|
780
|
-
})), _path2$
|
|
780
|
+
})), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
781
781
|
d: "M11.2266 13.0313H14.997M11.2266 9.26075V13.0313V9.26075ZM11.2266 13.0313L20.121 5.03906L11.2266 13.0313Z",
|
|
782
782
|
stroke: "#1371D6",
|
|
783
783
|
strokeWidth: 1.5,
|
|
@@ -1930,12 +1930,15 @@ const CounterMultiselect = ({ options, label, i18n, onChange, isCompact, }) => {
|
|
|
1930
1930
|
onChange(items);
|
|
1931
1931
|
}
|
|
1932
1932
|
}, downshiftProps: {
|
|
1933
|
-
itemToString: (item) => item && item.
|
|
1933
|
+
itemToString: (item) => item && item.itemId,
|
|
1934
|
+
}, onStateChange: (changes) => {
|
|
1935
|
+
if (changes.isOpen === false)
|
|
1936
|
+
setInputValue("");
|
|
1934
1937
|
}, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(Field$1, { children: [label && jsxRuntime.jsx(Label, { children: label }), jsxRuntime.jsx(StyledAutocomplete, Object.assign({ isCompact: isCompact, hasSelectedItems: hasSelectedItems }, { children: hasSelectedItems
|
|
1935
1938
|
? (i18n === null || i18n === void 0 ? void 0 : i18n.counterText)
|
|
1936
1939
|
? i18n.counterText(selectedItems.length)
|
|
1937
1940
|
: `Items (${selectedItems.length})`
|
|
1938
|
-
: (_a = i18n === null || i18n === void 0 ? void 0 : i18n.noItems) !== null && _a !== void 0 ? _a : "No items" }))] }), jsxRuntime.jsx(Menu, Object.assign({ isCompact: isCompact }, { children: matchingOptions.length === 0 ? (jsxRuntime.jsx(Item$1, Object.assign({ disabled: true }, { children: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _b !== void 0 ? _b : "No matches found" }))) : (matchingOptions.map((option) => (jsxRuntime.jsx(Item$1, Object.assign({ value: option }, { children: jsxRuntime.jsx("span", { children: option.label }) }), option.
|
|
1941
|
+
: (_a = i18n === null || i18n === void 0 ? void 0 : i18n.noItems) !== null && _a !== void 0 ? _a : "No items" }))] }), jsxRuntime.jsx(Menu, Object.assign({ isCompact: isCompact }, { children: matchingOptions.length === 0 ? (jsxRuntime.jsx(Item$1, Object.assign({ disabled: true }, { children: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _b !== void 0 ? _b : "No matches found" }))) : (matchingOptions.map((option) => (jsxRuntime.jsx(Item$1, Object.assign({ value: option }, option, { children: jsxRuntime.jsx("span", { children: option.label }) }), option.itemId)))) }))] })) }));
|
|
1939
1942
|
};
|
|
1940
1943
|
|
|
1941
1944
|
const MenuHeaderItem = (props) => (jsxRuntime.jsx(reactDropdowns.HeaderItem, Object.assign({}, props)));
|
|
@@ -2194,31 +2197,31 @@ const editorStyle = styled.css `
|
|
|
2194
2197
|
}
|
|
2195
2198
|
`;
|
|
2196
2199
|
|
|
2197
|
-
var _path$
|
|
2198
|
-
function _extends$
|
|
2200
|
+
var _path$u;
|
|
2201
|
+
function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
|
|
2199
2202
|
var SvgBoldFill = function SvgBoldFill(props) {
|
|
2200
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2203
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
|
|
2201
2204
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2202
2205
|
width: 16,
|
|
2203
2206
|
height: 16,
|
|
2204
2207
|
focusable: "false",
|
|
2205
2208
|
viewBox: "0 0 16 16"
|
|
2206
|
-
}, props), _path$
|
|
2209
|
+
}, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2207
2210
|
fill: "currentColor",
|
|
2208
2211
|
d: "M7.5 0C9.952 0 12 2.048 12 4.5a4.483 4.483 0 01-1.27 3.108C12.078 8.39 13 9.855 13 11.5c0 2.452-2.048 4.5-4.5 4.5H4a1 1 0 01-1-1V1a1 1 0 011-1h3.5zM5 14h3.5c1.348 0 2.5-1.152 2.5-2.5S9.848 9 8.5 9H5v5zM7.5 2H5v5h2.5C8.848 7 10 5.848 10 4.5S8.848 2 7.5 2z"
|
|
2209
2212
|
})));
|
|
2210
2213
|
};
|
|
2211
2214
|
|
|
2212
|
-
var _path$
|
|
2213
|
-
function _extends$
|
|
2215
|
+
var _path$t;
|
|
2216
|
+
function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
|
|
2214
2217
|
var SvgItalicFill = function SvgItalicFill(props) {
|
|
2215
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2218
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
|
|
2216
2219
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2217
2220
|
width: 16,
|
|
2218
2221
|
height: 16,
|
|
2219
2222
|
focusable: "false",
|
|
2220
2223
|
viewBox: "0 0 16 16"
|
|
2221
|
-
}, props), _path$
|
|
2224
|
+
}, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2222
2225
|
fill: "none",
|
|
2223
2226
|
stroke: "currentColor",
|
|
2224
2227
|
strokeLinecap: "round",
|
|
@@ -2227,19 +2230,19 @@ var SvgItalicFill = function SvgItalicFill(props) {
|
|
|
2227
2230
|
})));
|
|
2228
2231
|
};
|
|
2229
2232
|
|
|
2230
|
-
var _path$
|
|
2231
|
-
function _extends$
|
|
2233
|
+
var _path$s, _path2$6;
|
|
2234
|
+
function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
|
|
2232
2235
|
var SvgQuoteFill = function SvgQuoteFill(props) {
|
|
2233
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2236
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
|
|
2234
2237
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2235
2238
|
width: 16,
|
|
2236
2239
|
height: 16,
|
|
2237
2240
|
focusable: "false",
|
|
2238
2241
|
viewBox: "0 0 16 16"
|
|
2239
|
-
}, props), _path$
|
|
2242
|
+
}, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2240
2243
|
fill: "currentColor",
|
|
2241
2244
|
d: "M7 8H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1zm6 0h-3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1z"
|
|
2242
|
-
})), _path2$
|
|
2245
|
+
})), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2243
2246
|
fill: "none",
|
|
2244
2247
|
stroke: "currentColor",
|
|
2245
2248
|
strokeLinecap: "round",
|
|
@@ -2249,9 +2252,9 @@ var SvgQuoteFill = function SvgQuoteFill(props) {
|
|
|
2249
2252
|
};
|
|
2250
2253
|
|
|
2251
2254
|
var _g$5;
|
|
2252
|
-
function _extends$
|
|
2255
|
+
function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
|
|
2253
2256
|
var SvgH1Fill = function SvgH1Fill(props) {
|
|
2254
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2257
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
|
|
2255
2258
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2256
2259
|
width: 16,
|
|
2257
2260
|
height: 16,
|
|
@@ -2279,9 +2282,9 @@ var SvgH1Fill = function SvgH1Fill(props) {
|
|
|
2279
2282
|
};
|
|
2280
2283
|
|
|
2281
2284
|
var _g$4;
|
|
2282
|
-
function _extends$
|
|
2285
|
+
function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
|
|
2283
2286
|
var SvgH2Fill = function SvgH2Fill(props) {
|
|
2284
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2287
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
|
|
2285
2288
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2286
2289
|
width: 16,
|
|
2287
2290
|
height: 16,
|
|
@@ -2309,9 +2312,9 @@ var SvgH2Fill = function SvgH2Fill(props) {
|
|
|
2309
2312
|
};
|
|
2310
2313
|
|
|
2311
2314
|
var _g$3;
|
|
2312
|
-
function _extends$
|
|
2315
|
+
function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
|
|
2313
2316
|
var SvgH3Fill = function SvgH3Fill(props) {
|
|
2314
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2317
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
|
|
2315
2318
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2316
2319
|
width: 16,
|
|
2317
2320
|
height: 16,
|
|
@@ -2553,9 +2556,9 @@ const Hint = styled__default["default"](reactForms.Hint) ``;
|
|
|
2553
2556
|
const Input = React.forwardRef((props, ref) => jsxRuntime.jsx(UgInput, Object.assign({ ref: ref }, props)));
|
|
2554
2557
|
|
|
2555
2558
|
var _g$2;
|
|
2556
|
-
function _extends$
|
|
2559
|
+
function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
|
|
2557
2560
|
var SvgNotesStroke = function SvgNotesStroke(props) {
|
|
2558
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2561
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
|
|
2559
2562
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2560
2563
|
width: 16,
|
|
2561
2564
|
height: 16,
|
|
@@ -2674,16 +2677,16 @@ const UgRadio = styled__default["default"](reactForms.Radio) ``;
|
|
|
2674
2677
|
**/
|
|
2675
2678
|
const Radio = (props) => jsxRuntime.jsx(UgRadio, Object.assign({}, props));
|
|
2676
2679
|
|
|
2677
|
-
var _path$
|
|
2678
|
-
function _extends$
|
|
2680
|
+
var _path$r;
|
|
2681
|
+
function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
|
|
2679
2682
|
var SvgCheckLg = function SvgCheckLg(props) {
|
|
2680
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2683
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
|
|
2681
2684
|
width: 16,
|
|
2682
2685
|
height: 16,
|
|
2683
2686
|
viewBox: "0 0 16 16",
|
|
2684
2687
|
fill: "#68737D",
|
|
2685
2688
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2686
|
-
}, props), _path$
|
|
2689
|
+
}, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2687
2690
|
fillRule: "evenodd",
|
|
2688
2691
|
clipRule: "evenodd",
|
|
2689
2692
|
d: "M14.6464 2.64645C14.8417 2.45118 15.1583 2.45118 15.3536 2.64645C15.5488 2.84171 15.5488 3.15829 15.3536 3.35355L5.35355 13.3536C5.15829 13.5488 4.84171 13.5488 4.64645 13.3536L0.646447 9.35355C0.451184 9.15829 0.451184 8.84171 0.646447 8.64645C0.841709 8.45118 1.15829 8.45118 1.35355 8.64645L5 12.2929L14.6464 2.64645Z"
|
|
@@ -2765,46 +2768,46 @@ const Row$1 = (props) => jsxRuntime.jsx(reactGrid.Row, Object.assign({}, props))
|
|
|
2765
2768
|
*/
|
|
2766
2769
|
const Grid = (props) => jsxRuntime.jsx(reactGrid.Grid, Object.assign({}, props));
|
|
2767
2770
|
|
|
2768
|
-
var _path$
|
|
2769
|
-
function _extends$
|
|
2771
|
+
var _path$q;
|
|
2772
|
+
function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
|
|
2770
2773
|
var SvgUgSquare = function SvgUgSquare(props) {
|
|
2771
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2774
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
|
|
2772
2775
|
width: 24,
|
|
2773
2776
|
height: 24,
|
|
2774
2777
|
viewBox: "0 0 24 24",
|
|
2775
2778
|
fill: "none",
|
|
2776
2779
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2777
|
-
}, props), _path$
|
|
2780
|
+
}, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2778
2781
|
d: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM18 19H6C5.45 19 5 18.55 5 18V6C5 5.45 5.45 5 6 5H18C18.55 5 19 5.45 19 6V18C19 18.55 18.55 19 18 19Z",
|
|
2779
2782
|
fill: "#E80C7A"
|
|
2780
2783
|
})));
|
|
2781
2784
|
};
|
|
2782
2785
|
|
|
2783
|
-
var _path$
|
|
2784
|
-
function _extends$
|
|
2786
|
+
var _path$p;
|
|
2787
|
+
function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
|
|
2785
2788
|
var SvgUgCircle = function SvgUgCircle(props) {
|
|
2786
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2789
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
|
|
2787
2790
|
width: 24,
|
|
2788
2791
|
height: 24,
|
|
2789
2792
|
viewBox: "0 0 24 24",
|
|
2790
2793
|
fill: "none",
|
|
2791
2794
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2792
|
-
}, props), _path$
|
|
2795
|
+
}, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2793
2796
|
d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",
|
|
2794
2797
|
fill: "#FFCD1A"
|
|
2795
2798
|
})));
|
|
2796
2799
|
};
|
|
2797
2800
|
|
|
2798
|
-
var _path$
|
|
2799
|
-
function _extends$
|
|
2801
|
+
var _path$o;
|
|
2802
|
+
function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
|
|
2800
2803
|
var SvgUgTriangle = function SvgUgTriangle(props) {
|
|
2801
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2804
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
2802
2805
|
width: 24,
|
|
2803
2806
|
height: 24,
|
|
2804
2807
|
viewBox: "0 0 24 24",
|
|
2805
2808
|
fill: "none",
|
|
2806
2809
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2807
|
-
}, props), _path$
|
|
2810
|
+
}, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2808
2811
|
d: "M11.9993 7.32625L18.3893 17.5563H5.60929L11.9993 7.32625ZM11.1493 4.91625L2.94929 18.0262C2.53929 18.6962 3.01929 19.5563 3.79929 19.5563H20.1993C20.9893 19.5563 21.4593 18.6962 21.0493 18.0262L12.8493 4.91625C12.4593 4.28625 11.5393 4.28625 11.1493 4.91625Z",
|
|
2809
2812
|
fill: "#7B0DFF"
|
|
2810
2813
|
})));
|
|
@@ -2924,16 +2927,16 @@ const Body$1 = (props) => jsxRuntime.jsx(UgBody, Object.assign({}, props));
|
|
|
2924
2927
|
*/
|
|
2925
2928
|
const Content$1 = (props) => jsxRuntime.jsx(reactChrome.Content, Object.assign({}, props));
|
|
2926
2929
|
|
|
2927
|
-
var _path$
|
|
2928
|
-
function _extends$
|
|
2930
|
+
var _path$n;
|
|
2931
|
+
function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
|
|
2929
2932
|
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
2930
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2933
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
|
|
2931
2934
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2932
2935
|
width: 16,
|
|
2933
2936
|
height: 16,
|
|
2934
2937
|
focusable: "false",
|
|
2935
2938
|
viewBox: "0 0 16 16"
|
|
2936
|
-
}, props), _path$
|
|
2939
|
+
}, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2937
2940
|
fill: "currentColor",
|
|
2938
2941
|
d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
|
|
2939
2942
|
})));
|
|
@@ -2981,16 +2984,16 @@ const Logo = (props) => {
|
|
|
2981
2984
|
}[props.type] })));
|
|
2982
2985
|
};
|
|
2983
2986
|
|
|
2984
|
-
var _path$
|
|
2985
|
-
function _extends$
|
|
2987
|
+
var _path$m;
|
|
2988
|
+
function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
|
|
2986
2989
|
var SvgMenuStroke = function SvgMenuStroke(props) {
|
|
2987
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2990
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
2988
2991
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2989
2992
|
width: 16,
|
|
2990
2993
|
height: 16,
|
|
2991
2994
|
focusable: "false",
|
|
2992
2995
|
viewBox: "0 0 16 16"
|
|
2993
|
-
}, props), _path$
|
|
2996
|
+
}, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2994
2997
|
fill: "none",
|
|
2995
2998
|
stroke: "currentColor",
|
|
2996
2999
|
strokeLinecap: "round",
|
|
@@ -3154,31 +3157,31 @@ const NavItemIcon = (props) => jsxRuntime.jsx(UgNavIcon, Object.assign({}, props
|
|
|
3154
3157
|
|
|
3155
3158
|
const NavItemText = (props) => (jsxRuntime.jsx(reactChrome.NavItemText, Object.assign({}, props, { children: jsxRuntime.jsx(Ellipsis, Object.assign({ style: { width: "158px" } }, { children: props.children })) })));
|
|
3156
3159
|
|
|
3157
|
-
var _path$
|
|
3158
|
-
function _extends$
|
|
3160
|
+
var _path$l;
|
|
3161
|
+
function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
|
|
3159
3162
|
var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
|
|
3160
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3163
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
3161
3164
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3162
3165
|
width: 16,
|
|
3163
3166
|
height: 16,
|
|
3164
3167
|
focusable: "false",
|
|
3165
3168
|
viewBox: "0 0 16 16"
|
|
3166
|
-
}, props), _path$
|
|
3169
|
+
}, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3167
3170
|
fill: "currentColor",
|
|
3168
3171
|
d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
|
|
3169
3172
|
})));
|
|
3170
3173
|
};
|
|
3171
3174
|
|
|
3172
|
-
var _path$
|
|
3173
|
-
function _extends$
|
|
3175
|
+
var _path$k;
|
|
3176
|
+
function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
|
|
3174
3177
|
var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
|
|
3175
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3178
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
3176
3179
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3177
3180
|
width: 16,
|
|
3178
3181
|
height: 16,
|
|
3179
3182
|
focusable: "false",
|
|
3180
3183
|
viewBox: "0 0 16 16"
|
|
3181
|
-
}, props), _path$
|
|
3184
|
+
}, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3182
3185
|
fill: "currentColor",
|
|
3183
3186
|
d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
|
|
3184
3187
|
})));
|
|
@@ -3246,25 +3249,25 @@ const NavItemProject = NavItemComponent;
|
|
|
3246
3249
|
NavItemProject.Title = NavItemText;
|
|
3247
3250
|
NavItemProject.SubTitle = UgProjectSubtitle;
|
|
3248
3251
|
|
|
3249
|
-
var _path$
|
|
3250
|
-
function _extends$
|
|
3252
|
+
var _path$j;
|
|
3253
|
+
function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
|
|
3251
3254
|
var SvgHomeFill = function SvgHomeFill(props) {
|
|
3252
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3255
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
3253
3256
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3254
3257
|
width: 26,
|
|
3255
3258
|
height: 26,
|
|
3256
3259
|
focusable: "false",
|
|
3257
3260
|
viewBox: "0 0 26 26"
|
|
3258
|
-
}, props), _path$
|
|
3261
|
+
}, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3259
3262
|
fill: "currentColor",
|
|
3260
3263
|
d: "M23.885 13.2l-1.328 1.639a.522.522 0 01-.737.084l-1.444-1.155v7.182c0 .577-.474 1.05-1.054 1.05H16.51c-.58 0-1.054-.473-1.054-1.05v-3.182a2.43 2.43 0 00-.716-1.732 2.448 2.448 0 00-1.74-.714 2.45 2.45 0 00-1.739.714 2.43 2.43 0 00-.716 1.732v3.182c0 .577-.474 1.05-1.054 1.05H6.678c-.582 0-1.054-.47-1.054-1.05v-7.182L4.18 14.923a.522.522 0 01-.737-.084L2.115 13.2a.52.52 0 01.084-.735l10.474-8.348a.51.51 0 01.654 0L23.8 12.466a.52.52 0 01.084.735"
|
|
3261
3264
|
})));
|
|
3262
3265
|
};
|
|
3263
3266
|
|
|
3264
|
-
var _linearGradient, _path$
|
|
3265
|
-
function _extends$
|
|
3267
|
+
var _linearGradient, _path$i;
|
|
3268
|
+
function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
|
|
3266
3269
|
var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
|
|
3267
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3270
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
3268
3271
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3269
3272
|
width: 26,
|
|
3270
3273
|
height: 26,
|
|
@@ -3280,16 +3283,16 @@ var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
|
|
|
3280
3283
|
className: "stop3",
|
|
3281
3284
|
offset: "100%",
|
|
3282
3285
|
stopColor: "#001825"
|
|
3283
|
-
}))), _path$
|
|
3286
|
+
}))), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3284
3287
|
fill: "url(#unguessIconGradient)",
|
|
3285
3288
|
d: "M23.885 13.2l-1.328 1.639a.522.522 0 01-.737.084l-1.444-1.155v7.182c0 .577-.474 1.05-1.054 1.05H16.51c-.58 0-1.054-.473-1.054-1.05v-3.182a2.43 2.43 0 00-.716-1.732 2.448 2.448 0 00-1.74-.714 2.45 2.45 0 00-1.739.714 2.43 2.43 0 00-.716 1.732v3.182c0 .577-.474 1.05-1.054 1.05H6.678c-.582 0-1.054-.47-1.054-1.05v-7.182L4.18 14.923a.522.522 0 01-.737-.084L2.115 13.2a.52.52 0 01.084-.735l10.474-8.348a.51.51 0 01.654 0L23.8 12.466a.52.52 0 01.084.735"
|
|
3286
3289
|
})));
|
|
3287
3290
|
};
|
|
3288
3291
|
|
|
3289
3292
|
var _g$1, _defs$2;
|
|
3290
|
-
function _extends$
|
|
3293
|
+
function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
|
|
3291
3294
|
var SvgToken = function SvgToken(props) {
|
|
3292
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3295
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
3293
3296
|
fill: "none",
|
|
3294
3297
|
viewBox: "0 0 32 32",
|
|
3295
3298
|
xmlns: "http://www.w3.org/2000/svg"
|
|
@@ -3325,15 +3328,15 @@ var SvgToken = function SvgToken(props) {
|
|
|
3325
3328
|
})))));
|
|
3326
3329
|
};
|
|
3327
3330
|
|
|
3328
|
-
var _path$
|
|
3329
|
-
function _extends$
|
|
3331
|
+
var _path$h;
|
|
3332
|
+
function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
|
|
3330
3333
|
var SvgFolderIcon = function SvgFolderIcon(props) {
|
|
3331
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3334
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
3332
3335
|
width: 12,
|
|
3333
3336
|
height: 12,
|
|
3334
3337
|
viewBox: "0 0 12 12",
|
|
3335
3338
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3336
|
-
}, props), _path$
|
|
3339
|
+
}, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3337
3340
|
fillRule: "evenodd",
|
|
3338
3341
|
clipRule: "evenodd",
|
|
3339
3342
|
d: "M9.99976 4H6.99976V3.5C6.99976 2.62386 6.3759 2 5.49976 2H2.49976C1.62362 2 0.999758 2.62386 0.999758 3.5V6H0.499758C0.174472 6 -0.0642066 6.30569 0.0146868 6.62127L1.01469 10.6213C1.07033 10.8439 1.27032 11 1.49976 11H10.4998C10.7292 11 10.9292 10.8439 10.9848 10.6213L11.9848 6.62127C12.0637 6.30569 11.825 6 11.4998 6H10.9998V5C10.9998 4.42386 10.5759 4 9.99976 4ZM10.8594 7H1.14015L1.89015 10H10.1094L10.8594 7ZM1.99976 6H9.99976V5H5.99976V3.5C5.99976 3.17614 5.82362 3 5.49976 3H2.49976C2.1759 3 1.99976 3.17614 1.99976 3.5V6Z",
|
|
@@ -3341,16 +3344,16 @@ var SvgFolderIcon = function SvgFolderIcon(props) {
|
|
|
3341
3344
|
})));
|
|
3342
3345
|
};
|
|
3343
3346
|
|
|
3344
|
-
var _path$
|
|
3345
|
-
function _extends$
|
|
3347
|
+
var _path$g, _defs$1;
|
|
3348
|
+
function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
|
|
3346
3349
|
var SvgTemplates = function SvgTemplates(props) {
|
|
3347
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3350
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
3348
3351
|
width: 26,
|
|
3349
3352
|
height: 26,
|
|
3350
3353
|
viewBox: "0 0 26 26",
|
|
3351
3354
|
fill: "none",
|
|
3352
3355
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3353
|
-
}, props), _path$
|
|
3356
|
+
}, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3354
3357
|
fillRule: "evenodd",
|
|
3355
3358
|
clipRule: "evenodd",
|
|
3356
3359
|
d: "M8 5H3.5C3.2 5 3 5.2 3 5.5V18.5C3 18.8 3.2 19 3.5 19H7C10 19 11 21 11 21H12V7C12 6.9 11 5 8 5ZM9 15H6C5.5 15 5 14.5 5 14C5 13.5 5.5 13 6 13H9C9.5 13 10 13.5 10 14C10 14.5 9.5 15 9 15ZM9 11H6C5.5 11 5 10.5 5 10C5 9.5 5.5 9 6 9H9C9.5 9 10 9.5 10 10C10 10.5 9.5 11 9 11ZM14 7V21H15C15 21 16 19 19 19H22.5C22.8 19 23 18.8 23 18.5V5.5C23 5.2 22.8 5 22.5 5H18C15 5 14 6.9 14 7ZM16 14C16 13.5 16.5 13 17 13H20C20.5 13 21 13.5 21 14C21 14.5 20.5 15 20 15H17C16.5 15 16 14.5 16 14ZM16 10C16 9.5 16.5 9 17 9H20C20.5 9 21 9.5 21 10C21 10.5 20.5 11 20 11H17C16.5 11 16 10.5 16 10Z",
|
|
@@ -3370,16 +3373,16 @@ var SvgTemplates = function SvgTemplates(props) {
|
|
|
3370
3373
|
})))));
|
|
3371
3374
|
};
|
|
3372
3375
|
|
|
3373
|
-
var _path$
|
|
3374
|
-
function _extends$
|
|
3376
|
+
var _path$f, _defs;
|
|
3377
|
+
function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
|
|
3375
3378
|
var SvgTemplatesActive = function SvgTemplatesActive(props) {
|
|
3376
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3379
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
3377
3380
|
width: 26,
|
|
3378
3381
|
height: 26,
|
|
3379
3382
|
viewBox: "0 0 26 26",
|
|
3380
3383
|
fill: "none",
|
|
3381
3384
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3382
|
-
}, props), _path$
|
|
3385
|
+
}, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3383
3386
|
fillRule: "evenodd",
|
|
3384
3387
|
clipRule: "evenodd",
|
|
3385
3388
|
d: "M8 5H3.5C3.2 5 3 5.2 3 5.5V18.5C3 18.8 3.2 19 3.5 19H7C10 19 11 21 11 21H12V7C12 6.9 11 5 8 5ZM9 15H6C5.5 15 5 14.5 5 14C5 13.5 5.5 13 6 13H9C9.5 13 10 13.5 10 14C10 14.5 9.5 15 9 15ZM9 11H6C5.5 11 5 10.5 5 10C5 9.5 5.5 9 6 9H9C9.5 9 10 9.5 10 10C10 10.5 9.5 11 9 11ZM14 7V21H15C15 21 16 19 19 19H22.5C22.8 19 23 18.8 23 18.5V5.5C23 5.2 22.8 5 22.5 5H18C15 5 14 6.9 14 7ZM16 14C16 13.5 16.5 13 17 13H20C20.5 13 21 13.5 21 14C21 14.5 20.5 15 20 15H17C16.5 15 16 14.5 16 14ZM16 10C16 9.5 16.5 9 17 9H20C20.5 9 21 9.5 21 10C21 10.5 20.5 11 20 11H17C16.5 11 16 10.5 16 10Z",
|
|
@@ -3596,16 +3599,16 @@ const LoginForm = (props) => {
|
|
|
3596
3599
|
} }))] })), props.onBackClick && (jsxRuntime.jsxs(Button, Object.assign({ onClick: props.onBackClick, isBasic: true, style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgChevronLeftStroke, {}) }), props.backToLabel || "Back to UNGUESS"] })))] }));
|
|
3597
3600
|
};
|
|
3598
3601
|
|
|
3599
|
-
var _path$
|
|
3600
|
-
function _extends$
|
|
3602
|
+
var _path$e;
|
|
3603
|
+
function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
|
|
3601
3604
|
var SvgPlus = function SvgPlus(props) {
|
|
3602
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3605
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
3603
3606
|
width: 16,
|
|
3604
3607
|
height: 16,
|
|
3605
3608
|
viewBox: "0 0 16 16",
|
|
3606
3609
|
fill: "none",
|
|
3607
3610
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3608
|
-
}, props), _path$
|
|
3611
|
+
}, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3609
3612
|
fillRule: "evenodd",
|
|
3610
3613
|
clipRule: "evenodd",
|
|
3611
3614
|
d: "M7.5 2C7.22386 2 7 2.22386 7 2.5V8H1.5C1.22386 8 1 8.22386 1 8.5C1 8.77614 1.22386 9 1.5 9H7V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V9H13.5C13.7761 9 14 8.77614 14 8.5C14 8.22386 13.7761 8 13.5 8H8V2.5C8 2.22386 7.77614 2 7.5 2Z",
|
|
@@ -3893,25 +3896,25 @@ const PlayerTooltip = (_a) => {
|
|
|
3893
3896
|
return (jsxRuntime.jsx(Wrapper, Object.assign({}, props, { children: jsxRuntime.jsx(Content, { children: children }) })));
|
|
3894
3897
|
};
|
|
3895
3898
|
|
|
3896
|
-
var _path$
|
|
3897
|
-
function _extends$
|
|
3899
|
+
var _path$d;
|
|
3900
|
+
function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
|
|
3898
3901
|
var SvgPlayFill = function SvgPlayFill(props) {
|
|
3899
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3902
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
3900
3903
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3901
3904
|
width: 16,
|
|
3902
3905
|
height: 16,
|
|
3903
3906
|
focusable: "false",
|
|
3904
3907
|
viewBox: "0 0 16 16"
|
|
3905
|
-
}, props), _path$
|
|
3908
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3906
3909
|
fill: "currentColor",
|
|
3907
3910
|
d: "M6 15.79c-.13 0-.26-.03-.38-.08a.977.977 0 01-.62-.92V1.21a1 1 0 01.62-.93C6 .12 6.42.21 6.71.5l6.44 6.44c.58.58.58 1.54 0 2.12L6.71 15.5c-.19.19-.45.29-.71.29z"
|
|
3908
3911
|
})));
|
|
3909
3912
|
};
|
|
3910
3913
|
|
|
3911
3914
|
var _g;
|
|
3912
|
-
function _extends$
|
|
3915
|
+
function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
|
|
3913
3916
|
var SvgPauseFill = function SvgPauseFill(props) {
|
|
3914
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3917
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
3915
3918
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3916
3919
|
width: 16,
|
|
3917
3920
|
height: 16,
|
|
@@ -3936,21 +3939,21 @@ var SvgPauseFill = function SvgPauseFill(props) {
|
|
|
3936
3939
|
}))));
|
|
3937
3940
|
};
|
|
3938
3941
|
|
|
3939
|
-
var _path$
|
|
3940
|
-
function _extends$
|
|
3942
|
+
var _path$c, _path2$5, _path3$1;
|
|
3943
|
+
function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
|
|
3941
3944
|
var SvgForwardSecondsFill = function SvgForwardSecondsFill(props) {
|
|
3942
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3945
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
3943
3946
|
width: 16,
|
|
3944
3947
|
height: 16,
|
|
3945
3948
|
viewBox: "0 0 16 16",
|
|
3946
3949
|
fill: "none",
|
|
3947
3950
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3948
|
-
}, props), _path$
|
|
3951
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3949
3952
|
fillRule: "evenodd",
|
|
3950
3953
|
clipRule: "evenodd",
|
|
3951
3954
|
d: "M11.659 3.5C10.7411 2.85974 9.65081 2.5 8.5 2.5C5.45228 2.5 3 4.95228 3 8C3 11.0477 5.45228 13.5 8.5 13.5C10.2023 13.5 11.7457 12.7171 12.8191 11.3753C13.1641 10.944 13.7934 10.8741 14.2247 11.2191C14.656 11.5641 14.7259 12.1934 14.3809 12.6247C12.9372 14.4292 10.8263 15.5 8.5 15.5C4.34772 15.5 1 12.1523 1 8C1 3.84772 4.34772 0.5 8.5 0.5C10.1564 0.5 11.7168 1.04496 13 2.00147V1C13 0.447715 13.4477 0 14 0C14.5523 0 15 0.447715 15 1V4C15 4.85228 14.3523 5.5 13.5 5.5H10.5C9.94771 5.5 9.5 5.05228 9.5 4.5C9.5 3.94772 9.94771 3.5 10.5 3.5H11.659Z",
|
|
3952
3955
|
fill: "currentColor"
|
|
3953
|
-
})), _path2$
|
|
3956
|
+
})), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3954
3957
|
d: "M5.5 7.63073V7.07008H6.67566V11H6.02566V7.63073H5.5Z",
|
|
3955
3958
|
fill: "currentColor"
|
|
3956
3959
|
})), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -3959,21 +3962,21 @@ var SvgForwardSecondsFill = function SvgForwardSecondsFill(props) {
|
|
|
3959
3962
|
})));
|
|
3960
3963
|
};
|
|
3961
3964
|
|
|
3962
|
-
var _path$
|
|
3963
|
-
function _extends$
|
|
3965
|
+
var _path$b, _path2$4, _path3;
|
|
3966
|
+
function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
|
|
3964
3967
|
var SvgBackSecondsFill = function SvgBackSecondsFill(props) {
|
|
3965
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3968
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
3966
3969
|
width: 16,
|
|
3967
3970
|
height: 16,
|
|
3968
3971
|
viewBox: "0 0 16 16",
|
|
3969
3972
|
fill: "none",
|
|
3970
3973
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3971
|
-
}, props), _path$
|
|
3974
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3972
3975
|
fillRule: "evenodd",
|
|
3973
3976
|
clipRule: "evenodd",
|
|
3974
3977
|
d: "M4.34099 3.5C5.25886 2.85974 6.34919 2.5 7.5 2.5C10.5477 2.5 13 4.95228 13 8C13 11.0477 10.5477 13.5 7.5 13.5C5.79771 13.5 4.25432 12.7171 3.18087 11.3753C2.83586 10.944 2.20657 10.8741 1.7753 11.2191C1.34404 11.5641 1.27412 12.1934 1.61913 12.6247C3.06275 14.4292 5.17372 15.5 7.5 15.5C11.6523 15.5 15 12.1523 15 8C15 3.84772 11.6523 0.5 7.5 0.5C5.84359 0.5 4.28318 1.04496 3 2.00147V1C3 0.447715 2.55229 0 2 0C1.44771 0 1 0.447715 1 1V4C1 4.85228 1.64772 5.5 2.5 5.5H5.5C6.05229 5.5 6.5 5.05228 6.5 4.5C6.5 3.94772 6.05229 3.5 5.5 3.5H4.34099Z",
|
|
3975
3978
|
fill: "currentColor"
|
|
3976
|
-
})), _path2$
|
|
3979
|
+
})), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3977
3980
|
d: "M5.5 7.63073V7.07008H6.67566V11H6.02566V7.63073H5.5Z",
|
|
3978
3981
|
fill: "currentColor"
|
|
3979
3982
|
})), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -3982,19 +3985,19 @@ var SvgBackSecondsFill = function SvgBackSecondsFill(props) {
|
|
|
3982
3985
|
})));
|
|
3983
3986
|
};
|
|
3984
3987
|
|
|
3985
|
-
var _path$
|
|
3986
|
-
function _extends$
|
|
3988
|
+
var _path$a, _path2$3;
|
|
3989
|
+
function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
|
|
3987
3990
|
var SvgPreviousFill = function SvgPreviousFill(props) {
|
|
3988
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3991
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
3989
3992
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3990
3993
|
width: 16,
|
|
3991
3994
|
height: 16,
|
|
3992
3995
|
focusable: "false",
|
|
3993
3996
|
viewBox: "0 0 24 24"
|
|
3994
|
-
}, props), _path$
|
|
3997
|
+
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3995
3998
|
d: "M2.75 20C2.75 20.5523 3.19772 21 3.75 21C4.30228 21 4.75 20.5523 4.75 20L4.75 4C4.75 3.44772 4.30229 3 3.75 3C3.19772 3 2.75 3.44772 2.75 4V20Z",
|
|
3996
3999
|
fill: "currentColor"
|
|
3997
|
-
})), _path2$
|
|
4000
|
+
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3998
4001
|
d: "M20.75 19.0526C20.75 20.4774 19.1383 21.305 17.9803 20.4748L7.51062 12.9682C6.50574 12.2477 6.54467 10.7407 7.5854 10.073L18.0551 3.35665C19.2198 2.60946 20.75 3.44583 20.75 4.82961L20.75 19.0526Z",
|
|
3999
4002
|
fill: "currentColor"
|
|
4000
4003
|
})));
|
|
@@ -4022,7 +4025,7 @@ const getNextPlaybackRate = (rate = 1) => {
|
|
|
4022
4025
|
}
|
|
4023
4026
|
};
|
|
4024
4027
|
|
|
4025
|
-
const StyledDiv$
|
|
4028
|
+
const StyledDiv$4 = styled__default["default"].div `
|
|
4026
4029
|
display: flex;
|
|
4027
4030
|
align-items: center;
|
|
4028
4031
|
`;
|
|
@@ -4058,7 +4061,7 @@ const ControlsGroupCenter = ({ videoRef, isPlaying, onPlayChange, }) => {
|
|
|
4058
4061
|
}
|
|
4059
4062
|
e.stopPropagation();
|
|
4060
4063
|
}, [videoRef, isPlaying]);
|
|
4061
|
-
return (jsxRuntime.jsxs(StyledDiv$
|
|
4064
|
+
return (jsxRuntime.jsxs(StyledDiv$4, { children: [jsxRuntime.jsx(IconButton, Object.assign({ isBright: true, onClick: (e) => {
|
|
4062
4065
|
if (videoRef) {
|
|
4063
4066
|
videoRef.currentTime = 0;
|
|
4064
4067
|
}
|
|
@@ -4079,7 +4082,7 @@ const ControlsGroupCenter = ({ videoRef, isPlaying, onPlayChange, }) => {
|
|
|
4079
4082
|
} }, { children: jsxRuntime.jsxs(SM, Object.assign({ isBold: true, style: { lineHeight: "16px" } }, { children: [playBackRate, "x"] })) }))] }));
|
|
4080
4083
|
};
|
|
4081
4084
|
|
|
4082
|
-
const StyledDiv$
|
|
4085
|
+
const StyledDiv$3 = styled__default["default"].div `
|
|
4083
4086
|
position: absolute;
|
|
4084
4087
|
bottom: ${({ theme }) => theme.space.sm};
|
|
4085
4088
|
right: 0;
|
|
@@ -4090,40 +4093,40 @@ const StyledDiv$2 = styled__default["default"].div `
|
|
|
4090
4093
|
color: ${({ theme }) => theme.palette.grey[300]};
|
|
4091
4094
|
}
|
|
4092
4095
|
`;
|
|
4093
|
-
const TimeLabel = ({ current, duration, }) => (jsxRuntime.jsx(StyledDiv$
|
|
4096
|
+
const TimeLabel = ({ current, duration, }) => (jsxRuntime.jsx(StyledDiv$3, { children: jsxRuntime.jsxs(SM, Object.assign({ tag: "span" }, { children: [current, "/", duration] })) }));
|
|
4094
4097
|
|
|
4095
|
-
var _path$
|
|
4096
|
-
function _extends$
|
|
4098
|
+
var _path$9, _path2$2;
|
|
4099
|
+
function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
|
|
4097
4100
|
var SvgVolumeMutedFill = function SvgVolumeMutedFill(props) {
|
|
4098
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
4101
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
4099
4102
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4100
4103
|
width: 16,
|
|
4101
4104
|
height: 16,
|
|
4102
4105
|
focusable: "false",
|
|
4103
4106
|
viewBox: "0 0 16 16"
|
|
4104
|
-
}, props), _path$
|
|
4107
|
+
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4105
4108
|
stroke: "currentColor",
|
|
4106
4109
|
strokeLinecap: "round",
|
|
4107
4110
|
d: "M11.5 10l4-4m-4 0l4 4"
|
|
4108
|
-
})), _path2$
|
|
4111
|
+
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4109
4112
|
fill: "currentColor",
|
|
4110
4113
|
d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 011.71.71V14.3a.986.986 0 01-1 .99z"
|
|
4111
4114
|
})));
|
|
4112
4115
|
};
|
|
4113
4116
|
|
|
4114
|
-
var _path$
|
|
4115
|
-
function _extends$
|
|
4117
|
+
var _path$8, _path2$1;
|
|
4118
|
+
function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
|
|
4116
4119
|
var SvgVolumeUnmutedFill = function SvgVolumeUnmutedFill(props) {
|
|
4117
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
4120
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
4118
4121
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4119
4122
|
width: 16,
|
|
4120
4123
|
height: 16,
|
|
4121
4124
|
focusable: "false",
|
|
4122
4125
|
viewBox: "0 0 16 16"
|
|
4123
|
-
}, props), _path$
|
|
4126
|
+
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4124
4127
|
fill: "currentColor",
|
|
4125
4128
|
d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 011.71.71V14.3a.986.986 0 01-1 .99z"
|
|
4126
|
-
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4129
|
+
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4127
4130
|
fill: "none",
|
|
4128
4131
|
stroke: "currentColor",
|
|
4129
4132
|
strokeLinecap: "round",
|
|
@@ -4133,8 +4136,9 @@ var SvgVolumeUnmutedFill = function SvgVolumeUnmutedFill(props) {
|
|
|
4133
4136
|
|
|
4134
4137
|
const AudioButton = (props) => {
|
|
4135
4138
|
const [isMuted, setIsMuted] = React.useState(false);
|
|
4139
|
+
const [hasAudio, setHasAudio] = React.useState(false);
|
|
4136
4140
|
const { videoRef } = props;
|
|
4137
|
-
const
|
|
4141
|
+
const checkAudio = (video) => {
|
|
4138
4142
|
if (!video) {
|
|
4139
4143
|
return false;
|
|
4140
4144
|
}
|
|
@@ -4143,30 +4147,44 @@ const AudioButton = (props) => {
|
|
|
4143
4147
|
Boolean(video.audioTracks && video.audioTracks.length);
|
|
4144
4148
|
return videohasAudio;
|
|
4145
4149
|
};
|
|
4150
|
+
const hasVolume = (video) => {
|
|
4151
|
+
if (!video) {
|
|
4152
|
+
return false;
|
|
4153
|
+
}
|
|
4154
|
+
return video.volume > 0;
|
|
4155
|
+
};
|
|
4156
|
+
const handleAudio = () => {
|
|
4157
|
+
setHasAudio(checkAudio(videoRef));
|
|
4158
|
+
};
|
|
4146
4159
|
React.useEffect(() => {
|
|
4147
4160
|
if (videoRef) {
|
|
4148
|
-
setIsMuted(!
|
|
4161
|
+
setIsMuted(!hasVolume(videoRef));
|
|
4162
|
+
videoRef.addEventListener("loadeddata", handleAudio);
|
|
4149
4163
|
}
|
|
4164
|
+
return () => {
|
|
4165
|
+
if (videoRef) {
|
|
4166
|
+
videoRef.removeEventListener("loadeddata", handleAudio);
|
|
4167
|
+
}
|
|
4168
|
+
};
|
|
4150
4169
|
}, [videoRef]);
|
|
4151
|
-
return (jsxRuntime.jsx(IconButton, Object.assign({ isBright: true, disabled: !videoRef ||
|
|
4170
|
+
return (jsxRuntime.jsx(IconButton, Object.assign({ isBright: true, disabled: !checkAudio(videoRef || null), onClick: () => {
|
|
4152
4171
|
if (videoRef) {
|
|
4153
|
-
videoRef.
|
|
4154
|
-
setIsMuted(videoRef.
|
|
4172
|
+
videoRef.volume = videoRef.volume > 0 ? 0 : 1;
|
|
4173
|
+
setIsMuted(!videoRef.volume);
|
|
4155
4174
|
}
|
|
4156
|
-
|
|
4157
|
-
} }, { children: isMuted ? jsxRuntime.jsx(SvgVolumeMutedFill, {}) : jsxRuntime.jsx(SvgVolumeUnmutedFill, {}) })));
|
|
4175
|
+
} }, { children: isMuted || !hasAudio ? jsxRuntime.jsx(SvgVolumeMutedFill, {}) : jsxRuntime.jsx(SvgVolumeUnmutedFill, {}) })));
|
|
4158
4176
|
};
|
|
4159
4177
|
|
|
4160
|
-
var _path$
|
|
4161
|
-
function _extends$
|
|
4178
|
+
var _path$7;
|
|
4179
|
+
function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
|
|
4162
4180
|
var SvgMaximizeFill = function SvgMaximizeFill(props) {
|
|
4163
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
4181
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
4164
4182
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4165
4183
|
width: 16,
|
|
4166
4184
|
height: 16,
|
|
4167
4185
|
focusable: "false",
|
|
4168
4186
|
viewBox: "0 0 16 16"
|
|
4169
|
-
}, props), _path$
|
|
4187
|
+
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4170
4188
|
fill: "currentColor",
|
|
4171
4189
|
d: "M16 4.29V1c0-.55-.45-1-1-1h-3.29c-.45 0-.67.54-.35.85l3.79 3.79c.31.32.85.1.85-.35zM0 11.71V15c0 .55.45 1 1 1h3.29c.45 0 .67-.54.35-.85L.85 11.36a.495.495 0 00-.85.35zm0-7.42V1c0-.55.45-1 1-1h3.29c.45 0 .67.54.35.85L.85 4.65A.5.5 0 010 4.29zm16 7.42V15c0 .55-.45 1-1 1h-3.29c-.45 0-.67-.54-.35-.85l3.79-3.79c.31-.32.85-.1.85.35z"
|
|
4172
4190
|
})));
|
|
@@ -4244,6 +4262,10 @@ const ControlsBar = styled__default["default"].div `
|
|
|
4244
4262
|
justify-content: space-between;
|
|
4245
4263
|
align-items: center;
|
|
4246
4264
|
`;
|
|
4265
|
+
const StyledDiv$2 = styled__default["default"].div `
|
|
4266
|
+
display: flex;
|
|
4267
|
+
align-items: center;
|
|
4268
|
+
`;
|
|
4247
4269
|
const Controls = (props) => {
|
|
4248
4270
|
const { videoRef, onPlayChange, isPlaying, duration } = props;
|
|
4249
4271
|
const [progress, setProgress] = React.useState(0);
|
|
@@ -4270,10 +4292,6 @@ const Controls = (props) => {
|
|
|
4270
4292
|
videoRef.currentTime = getVideoPositionFromEvent(pageX);
|
|
4271
4293
|
}
|
|
4272
4294
|
}, [videoRef]);
|
|
4273
|
-
const StyledDiv = styled__default["default"].div `
|
|
4274
|
-
display: flex;
|
|
4275
|
-
align-items: center;
|
|
4276
|
-
`;
|
|
4277
4295
|
const onMouseEvent = (e) => {
|
|
4278
4296
|
if (progressRef && progressRef.current) {
|
|
4279
4297
|
const tooltipWidth = 40;
|
|
@@ -4296,7 +4314,7 @@ const Controls = (props) => {
|
|
|
4296
4314
|
}
|
|
4297
4315
|
};
|
|
4298
4316
|
}, [videoRef]);
|
|
4299
|
-
return (jsxRuntime.jsxs(ControlsWrapper, Object.assign({ isPlaying: isPlaying }, { children: [jsxRuntime.jsxs(ProgressContainer, Object.assign({ onMouseEnter: onMouseEvent, onMouseMove: onMouseEvent, onMouseLeave: onMouseEvent }, { children: [jsxRuntime.jsx(StyledTooltip, Object.assign({ style: { marginLeft: `${tooltipMargin}px` } }, { children: tooltipLabel })), jsxRuntime.jsx(TimeLabel, { current: formatDuration((videoRef === null || videoRef === void 0 ? void 0 : videoRef.currentTime) || 0), duration: formatDuration(duration) }), jsxRuntime.jsx(StyledProgress, { ref: progressRef, value: progress, onClick: (e) => handleSkipAhead(e.clientX) })] })), jsxRuntime.jsxs(ControlsBar, { children: [jsxRuntime.jsx(StyledDiv, { children: jsxRuntime.jsx(AudioButton, { videoRef: videoRef }) }), jsxRuntime.jsx(ControlsGroupCenter, { videoRef: videoRef, onPlayChange: onPlayChange, isPlaying: isPlaying }), jsxRuntime.jsx(StyledDiv, { children: jsxRuntime.jsx(FullScreenButton, { videoRef: videoRef }) })] })] })));
|
|
4317
|
+
return (jsxRuntime.jsxs(ControlsWrapper, Object.assign({ isPlaying: isPlaying }, { children: [jsxRuntime.jsxs(ProgressContainer, Object.assign({ onMouseEnter: onMouseEvent, onMouseMove: onMouseEvent, onMouseLeave: onMouseEvent }, { children: [jsxRuntime.jsx(StyledTooltip, Object.assign({ style: { marginLeft: `${tooltipMargin}px` } }, { children: tooltipLabel })), jsxRuntime.jsx(TimeLabel, { current: formatDuration((videoRef === null || videoRef === void 0 ? void 0 : videoRef.currentTime) || 0), duration: formatDuration(duration) }), jsxRuntime.jsx(StyledProgress, { ref: progressRef, value: progress, onClick: (e) => handleSkipAhead(e.clientX) })] })), jsxRuntime.jsxs(ControlsBar, { children: [jsxRuntime.jsx(StyledDiv$2, { children: jsxRuntime.jsx(AudioButton, { videoRef: videoRef }) }), jsxRuntime.jsx(ControlsGroupCenter, { videoRef: videoRef, onPlayChange: onPlayChange, isPlaying: isPlaying }), jsxRuntime.jsx(StyledDiv$2, { children: jsxRuntime.jsx(FullScreenButton, { videoRef: videoRef }) })] })] })));
|
|
4300
4318
|
};
|
|
4301
4319
|
|
|
4302
4320
|
const FloatingContainer = styled__default["default"].div `
|
|
@@ -4399,10 +4417,6 @@ const Player = React.forwardRef((props, forwardRef) => {
|
|
|
4399
4417
|
setIsLoaded(true);
|
|
4400
4418
|
setDuration(((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) || 0);
|
|
4401
4419
|
};
|
|
4402
|
-
const handleDuration = React.useCallback(() => {
|
|
4403
|
-
var _a;
|
|
4404
|
-
setDuration(((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) || 0);
|
|
4405
|
-
}, [videoRef]);
|
|
4406
4420
|
const handlePlayPause = React.useCallback(() => {
|
|
4407
4421
|
if (!videoRef || !videoRef.current)
|
|
4408
4422
|
return;
|
|
@@ -4434,43 +4448,70 @@ const Player = React.forwardRef((props, forwardRef) => {
|
|
|
4434
4448
|
if (videoRef.current) {
|
|
4435
4449
|
videoRef.current.removeEventListener("play", handleExternalPlayPause);
|
|
4436
4450
|
videoRef.current.removeEventListener("pause", handleExternalPlayPause);
|
|
4437
|
-
videoRef.current.removeEventListener("onplaying", handleExternalPlayPause);
|
|
4438
4451
|
}
|
|
4439
4452
|
};
|
|
4440
4453
|
}, [videoRef.current]);
|
|
4441
|
-
return (jsxRuntime.jsxs(Container, Object.assign({ isLoaded: isLoaded, isPlaying: isPlaying }, { children: [!isLoaded ? (jsxRuntime.jsx(VideoSpinner, {})) : (jsxRuntime.jsx(FloatingControls, { isPlaying: isPlaying, onClick: handlePlayPause })), jsxRuntime.jsx(Video, Object.assign({ ref: videoRef, onLoadedMetadata: handleLoad,
|
|
4454
|
+
return (jsxRuntime.jsxs(Container, Object.assign({ isLoaded: isLoaded, isPlaying: isPlaying }, { children: [!isLoaded ? (jsxRuntime.jsx(VideoSpinner, {})) : (jsxRuntime.jsx(FloatingControls, { isPlaying: isPlaying, onClick: handlePlayPause })), jsxRuntime.jsx(Video, Object.assign({ ref: videoRef, onLoadedMetadata: handleLoad, preload: "auto", playsInline: true, onClick: handlePlayPause }, { children: props.children })), jsxRuntime.jsx(Controls, { videoRef: videoRef.current, duration: duration, isPlaying: isPlaying, onPlayChange: (playing) => setIsPlaying(playing) })] })));
|
|
4442
4455
|
});
|
|
4443
4456
|
|
|
4457
|
+
var _path$6, _path2;
|
|
4458
|
+
function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
|
|
4459
|
+
var SvgExit = function SvgExit(props) {
|
|
4460
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
4461
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4462
|
+
width: 16,
|
|
4463
|
+
height: 16,
|
|
4464
|
+
focusable: "false",
|
|
4465
|
+
viewBox: "0 0 16 16"
|
|
4466
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4467
|
+
fill: "currentColor",
|
|
4468
|
+
d: "M3 15.93c-.23 0-.45-.08-.64-.23l-2-1.67a.987.987 0 01-.36-.76V2.73c0-.3.13-.58.36-.77l2-1.67c.3-.24.71-.29 1.06-.13a1 1 0 01.58.91v13.87a1 1 0 01-.58.91c-.13.05-.28.08-.42.08zM12 11V5c0-.45.54-.67.85-.35L15.5 7.3c.39.39.39 1.02 0 1.41l-2.65 2.65A.5.5 0 0112 11z"
|
|
4469
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4470
|
+
fill: "none",
|
|
4471
|
+
stroke: "currentColor",
|
|
4472
|
+
strokeLinecap: "round",
|
|
4473
|
+
d: "M3.5 2.5H9c.28 0 .5.22.5.5v2.5m-6 8H9c.28 0 .5-.22.5-.5v-2.5M15 8H7"
|
|
4474
|
+
})));
|
|
4475
|
+
};
|
|
4476
|
+
|
|
4444
4477
|
var _path$5;
|
|
4445
4478
|
function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
|
|
4446
|
-
var
|
|
4479
|
+
var SvgThumbsUp = function SvgThumbsUp(props) {
|
|
4447
4480
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
4448
|
-
width:
|
|
4449
|
-
height:
|
|
4450
|
-
viewBox: "0 0
|
|
4451
|
-
fill: "
|
|
4481
|
+
width: 16,
|
|
4482
|
+
height: 16,
|
|
4483
|
+
viewBox: "0 0 16 16",
|
|
4484
|
+
fill: "none",
|
|
4452
4485
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4453
4486
|
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4454
4487
|
fillRule: "evenodd",
|
|
4455
4488
|
clipRule: "evenodd",
|
|
4456
|
-
d: "
|
|
4489
|
+
d: "M13.5 15C14.2828 15 14.8192 11.8284 15 7.5C15 7.22386 14.7761 7 14.5 7H9.5C9.22386 7 9 6.77614 9 6.5V2C9 1.44772 8.55229 1 8 1C7.44772 1 7 1.44772 7 2C7 4.97341 6.19918 6.46065 5.02719 6.8454C5.01015 6.85409 4.99957 6.87174 5 6.9L4.99891 15C4.99927 15 13.5 15 13.5 15ZM10 6H14.5C15.3284 6 16 6.67157 15.9996 7.52082C15.7692 13.0486 15.2701 16 13.5 16L5.03301 15.9989C4.75408 16.0174 4.48075 15.9146 4.28308 15.7169C4.08542 15.5193 3.98264 15.2459 4 15L4.00008 6.90914C3.99274 6.50762 4.21507 6.13707 4.64189 5.92566C5.41645 5.66747 6 4.58373 6 2C6 0.89543 6.89543 0 8 0C9.10457 0 10 0.89543 10 2V6ZM1 7V15H2V7H1ZM1 6H2C2.55228 6 3 6.44772 3 7V15C3 15.5523 2.55228 16 2 16H1C0.447715 16 0 15.5523 0 15V7C0 6.44772 0.447715 6 1 6Z",
|
|
4490
|
+
fill: "#68737D"
|
|
4457
4491
|
})));
|
|
4458
4492
|
};
|
|
4459
4493
|
|
|
4460
|
-
var _path$4;
|
|
4494
|
+
var _rect, _path$4;
|
|
4461
4495
|
function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
|
|
4462
|
-
var
|
|
4496
|
+
var SvgLockLockedFill = function SvgLockLockedFill(props) {
|
|
4463
4497
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
4498
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4464
4499
|
width: 16,
|
|
4465
4500
|
height: 16,
|
|
4466
|
-
|
|
4501
|
+
focusable: "false",
|
|
4502
|
+
viewBox: "0 0 16 16"
|
|
4503
|
+
}, props), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
|
|
4504
|
+
width: 12,
|
|
4505
|
+
height: 9,
|
|
4506
|
+
x: 2,
|
|
4507
|
+
y: 7,
|
|
4508
|
+
fill: "currentColor",
|
|
4509
|
+
rx: 1,
|
|
4510
|
+
ry: 1
|
|
4511
|
+
})), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4467
4512
|
fill: "none",
|
|
4468
|
-
|
|
4469
|
-
|
|
4470
|
-
fillRule: "evenodd",
|
|
4471
|
-
clipRule: "evenodd",
|
|
4472
|
-
d: "M13.5 15C14.2828 15 14.8192 11.8284 15 7.5C15 7.22386 14.7761 7 14.5 7H9.5C9.22386 7 9 6.77614 9 6.5V2C9 1.44772 8.55229 1 8 1C7.44772 1 7 1.44772 7 2C7 4.97341 6.19918 6.46065 5.02719 6.8454C5.01015 6.85409 4.99957 6.87174 5 6.9L4.99891 15C4.99927 15 13.5 15 13.5 15ZM10 6H14.5C15.3284 6 16 6.67157 15.9996 7.52082C15.7692 13.0486 15.2701 16 13.5 16L5.03301 15.9989C4.75408 16.0174 4.48075 15.9146 4.28308 15.7169C4.08542 15.5193 3.98264 15.2459 4 15L4.00008 6.90914C3.99274 6.50762 4.21507 6.13707 4.64189 5.92566C5.41645 5.66747 6 4.58373 6 2C6 0.89543 6.89543 0 8 0C9.10457 0 10 0.89543 10 2V6ZM1 7V15H2V7H1ZM1 6H2C2.55228 6 3 6.44772 3 7V15C3 15.5523 2.55228 16 2 16H1C0.447715 16 0 15.5523 0 15V7C0 6.44772 0.447715 6 1 6Z",
|
|
4473
|
-
fill: "#68737D"
|
|
4513
|
+
stroke: "currentColor",
|
|
4514
|
+
d: "M4.5 7.5V4a3.5 3.5 0 017 0v3.5"
|
|
4474
4515
|
})));
|
|
4475
4516
|
};
|
|
4476
4517
|
|
|
@@ -4586,7 +4627,7 @@ var SvgQuestionMark = function SvgQuestionMark(props) {
|
|
|
4586
4627
|
width: 16,
|
|
4587
4628
|
height: 16,
|
|
4588
4629
|
viewBox: "0 0 16 16",
|
|
4589
|
-
fill: "
|
|
4630
|
+
fill: "currentColor",
|
|
4590
4631
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4591
4632
|
}, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4592
4633
|
fillRule: "evenodd",
|
|
@@ -4619,7 +4660,7 @@ var SvgInfoFill = function SvgInfoFill(props) {
|
|
|
4619
4660
|
width: 16,
|
|
4620
4661
|
height: 16,
|
|
4621
4662
|
viewBox: "0 0 16 16",
|
|
4622
|
-
fill: "
|
|
4663
|
+
fill: "currentColor",
|
|
4623
4664
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4624
4665
|
}, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4625
4666
|
fillRule: "evenodd",
|
|
@@ -4702,8 +4743,8 @@ const HelpItem = (props) => {
|
|
|
4702
4743
|
if (email.length > 24) {
|
|
4703
4744
|
csmEmailCut = `${email.substring(0, 21)}...`;
|
|
4704
4745
|
}
|
|
4705
|
-
const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, Object.assign({ onClick: () => props.setActive(""), isBasic: true }, { children: props.title })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledBody$2, { children: [jsxRuntime.jsx(Paragraph, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: jsxRuntime.jsx(SM, { children: props.contactLabel }) })), jsxRuntime.jsx(StyledParagraph, { children: jsxRuntime.jsx(Avatar, { children: (_a = props.csm.picture) !== null && _a !== void 0 ? _a : getInitials(props.csm.name), avatarType: props.csm.picture ? "image" : "text", size: "large" }) }), jsxRuntime.jsxs(StyledParagraph, { children: [jsxRuntime.jsx(MD, Object.assign({ isBold: true }, { children: props.csm.name })), jsxRuntime.jsxs(Description, { children: [jsxRuntime.jsx(Anchor, Object.assign({ href: `mailto:${props.csm.email}`, style: { color: theme.palette.grey[600] } }, { children: csmEmailCut })), jsxRuntime.jsxs(StyledButton$1, Object.assign({ isBasic: true, onClick: copyToClipBoard, size: "small", variant: "isBasic" }, { children: [jsxRuntime.jsx(StyledButton$1.StartIcon, { children: jsxRuntime.jsx(SvgCopy, {}) }), (_b = props.copyLabel) !== null && _b !== void 0 ? _b : "Copy"] }))] })] })] }), jsxRuntime.jsxs(Footer, { children: [jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledFooterButton, Object.assign({ isStretched: true, isBasic: true, onClick: props.toggleChat, style: { paddingLeft: theme.space.xxs } }, { children: [jsxRuntime.jsx(StyledFooterButton.StartIcon, { children: jsxRuntime.jsx(SvgInfoFill, {
|
|
4706
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MenuItem, Object.assign({ content: content, value: props.value, selectedItem: props.selectedItem, setActive: props.setActive, icon: jsxRuntime.jsx(SvgQuestionMark, {
|
|
4746
|
+
const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, Object.assign({ onClick: () => props.setActive(""), isBasic: true }, { children: props.title })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledBody$2, { children: [jsxRuntime.jsx(Paragraph, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: jsxRuntime.jsx(SM, { children: props.contactLabel }) })), jsxRuntime.jsx(StyledParagraph, { children: jsxRuntime.jsx(Avatar, { children: (_a = props.csm.picture) !== null && _a !== void 0 ? _a : getInitials(props.csm.name), avatarType: props.csm.picture ? "image" : "text", size: "large" }) }), jsxRuntime.jsxs(StyledParagraph, { children: [jsxRuntime.jsx(MD, Object.assign({ isBold: true }, { children: props.csm.name })), jsxRuntime.jsxs(Description, { children: [jsxRuntime.jsx(Anchor, Object.assign({ href: `mailto:${props.csm.email}`, style: { color: theme.palette.grey[600] } }, { children: csmEmailCut })), jsxRuntime.jsxs(StyledButton$1, Object.assign({ isBasic: true, onClick: copyToClipBoard, size: "small", variant: "isBasic" }, { children: [jsxRuntime.jsx(StyledButton$1.StartIcon, { children: jsxRuntime.jsx(SvgCopy, {}) }), (_b = props.copyLabel) !== null && _b !== void 0 ? _b : "Copy"] }))] })] })] }), jsxRuntime.jsxs(Footer, { children: [jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledFooterButton, Object.assign({ isStretched: true, isBasic: true, onClick: props.toggleChat, style: { paddingLeft: theme.space.xxs } }, { children: [jsxRuntime.jsx(StyledFooterButton.StartIcon, { children: jsxRuntime.jsx(SvgInfoFill, { color: theme.palette.blue[600] }) }), (_c = props.chatSupportLabel) !== null && _c !== void 0 ? _c : "Report a technical issue"] }))] })] }));
|
|
4747
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MenuItem, Object.assign({ content: content, value: props.value, selectedItem: props.selectedItem, setActive: props.setActive, icon: jsxRuntime.jsx(SvgQuestionMark, { color: theme.palette.blue[600] }) }, { children: props.title })) }));
|
|
4707
4748
|
};
|
|
4708
4749
|
|
|
4709
4750
|
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
@@ -4784,11 +4825,14 @@ const StyledList = styled__default["default"].ul `
|
|
|
4784
4825
|
margin: 0;
|
|
4785
4826
|
`;
|
|
4786
4827
|
const UserMenu = (props) => {
|
|
4828
|
+
var _a;
|
|
4787
4829
|
const [item, setActiveItem] = React.useState("");
|
|
4788
4830
|
const toggleItem = (item) => {
|
|
4789
4831
|
setActiveItem(item);
|
|
4790
4832
|
};
|
|
4791
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item === "" && jsxRuntime.jsx(UserContainer, Object.assign({}, props.user)), jsxRuntime.jsxs(StyledList, { children: [item === "" && props.onFeedbackClick && jsxRuntime.jsx(Separator, {}), props.onFeedbackClick && (jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgThumbsUp, {}), setActive: () => props.onFeedbackClick
|
|
4833
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item === "" && jsxRuntime.jsx(UserContainer, Object.assign({}, props.user)), jsxRuntime.jsxs(StyledList, { children: [item === "" && props.onFeedbackClick && jsxRuntime.jsx(Separator, {}), props.onFeedbackClick && (jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgThumbsUp, {}), setActive: () => props.onFeedbackClick
|
|
4834
|
+
? props.onFeedbackClick()
|
|
4835
|
+
: console.log("feedback fired") }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.feedbackTitle || "Give us your feedback", jsxRuntime.jsx(MD, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: props.feedbackSubTitle || "Help us improve UNGUESS!" }))] }) }))), item === "" && jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(HelpItem, { value: "csm", selectedItem: item, setActive: (i) => toggleItem(i), title: props.csmTitle || "Need Help?", contactLabel: props.csmContactLabel || "Contact your CSM", csm: props.csm, toggleChat: props.onToggleChat, chatSupportLabel: props === null || props === void 0 ? void 0 : props.chatSupportLabel, copyLabel: props === null || props === void 0 ? void 0 : props.copyLabel }), jsxRuntime.jsx(LanguageItem, { title: props.languageTitle || "Change Language", value: "language-selector", selectedItem: item, setActive: (i) => toggleItem(i), languages: props.languages, currentLanguage: props.currentLanguage, currentLanguageLabel: props.currentLanguageLabel, onSelectLanguage: (lang) => props.onSelectLanguage(lang) }), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgLockLockedFill, { color: theme.palette.blue[600] }), setActive: () => { var _a; return window.open(((_a = props.privacy) === null || _a === void 0 ? void 0 : _a.url) || "#"); } }, { children: ((_a = props.privacy) === null || _a === void 0 ? void 0 : _a.title) || "Privacy settings" })), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgExit, { color: theme.palette.red[600] }), setActive: () => props.onLogout() }, { children: props.logoutTitle || "Log out" }))] })] }));
|
|
4792
4836
|
};
|
|
4793
4837
|
|
|
4794
4838
|
const StyledModal = styled__default["default"](Modal) `
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { ItemArgs } from "../item/_types";
|
|
2
3
|
export interface CounterMultiselectArgs {
|
|
3
|
-
options: {
|
|
4
|
-
|
|
4
|
+
options: (Omit<ItemArgs, "value"> & {
|
|
5
|
+
itemId: number | string;
|
|
5
6
|
label: string;
|
|
6
7
|
selected?: boolean;
|
|
7
|
-
}[];
|
|
8
|
+
})[];
|
|
8
9
|
isCompact?: boolean;
|
|
9
10
|
label?: React.ReactNode;
|
|
10
11
|
onChange?: (selectedItems: CounterMultiselectArgs["options"]) => void;
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
interface VideowithAudio extends HTMLVideoElement {
|
|
2
|
-
mozHasAudio?: boolean;
|
|
3
|
-
webkitAudioDecodedByteCount?: number;
|
|
4
|
-
audioTracks?: any[];
|
|
5
|
-
}
|
|
6
1
|
export declare const AudioButton: (props: {
|
|
7
|
-
videoRef:
|
|
2
|
+
videoRef: HTMLVideoElement | null;
|
|
8
3
|
}) => JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -36,6 +36,11 @@ export interface UserMenuArgs extends LiHTMLAttributes<HTMLLIElement> {
|
|
|
36
36
|
};
|
|
37
37
|
currentLanguage: string;
|
|
38
38
|
logoutTitle?: string;
|
|
39
|
+
privacy: {
|
|
40
|
+
title?: string;
|
|
41
|
+
url?: string;
|
|
42
|
+
};
|
|
43
|
+
privacyTitle?: string;
|
|
39
44
|
onSelectLanguage: (lang: string) => void;
|
|
40
45
|
onFeedbackClick?: () => void;
|
|
41
46
|
onToggleChat: () => void;
|