opus-toolkit-components 1.8.6 → 1.8.8
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/lib/components/Callout/index.d.ts +11 -0
- package/lib/components/Cards/index.d.ts +31 -0
- package/lib/components/FooterLogo/index.d.ts +6 -0
- package/lib/components/Forms/ToggleSwitch/index.d.ts +15 -0
- package/lib/components/Pills/index.d.ts +15 -0
- package/lib/index.d.ts +3 -0
- package/lib/main.js +1050 -103
- package/lib/main.js.map +1 -1
- package/package.json +1 -1
package/lib/main.js
CHANGED
|
@@ -692,6 +692,136 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(D
|
|
|
692
692
|
|
|
693
693
|
/***/ }),
|
|
694
694
|
|
|
695
|
+
/***/ 1181:
|
|
696
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
697
|
+
|
|
698
|
+
__webpack_require__.r(__webpack_exports__);
|
|
699
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
700
|
+
/* harmony export */ "default": () => (/* binding */ ToggleSwitch)
|
|
701
|
+
/* harmony export */ });
|
|
702
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
|
|
703
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
704
|
+
/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21111);
|
|
705
|
+
/* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(67339);
|
|
706
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
|
|
707
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
|
|
708
|
+
const _excluded = ["checked", "onChange", "onToggle", "leftLabel", "rightLabel", "disabled", "name", "title", "dataCy", "className"];
|
|
709
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
710
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
711
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
712
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
713
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
714
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
715
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
716
|
+
|
|
717
|
+
|
|
718
|
+
|
|
719
|
+
|
|
720
|
+
/**
|
|
721
|
+
* Props for ToggleSwitch.
|
|
722
|
+
*
|
|
723
|
+
* @typedef {Object} ToggleSwitchProps
|
|
724
|
+
*
|
|
725
|
+
* @property {boolean} checked
|
|
726
|
+
* Whether the switch is currently on.
|
|
727
|
+
*
|
|
728
|
+
* @property {(checked: boolean) => void} [onChange]
|
|
729
|
+
* Receives the next checked value.
|
|
730
|
+
*
|
|
731
|
+
* @property {(checked: boolean) => void} [onToggle]
|
|
732
|
+
* Alias for onChange.
|
|
733
|
+
*
|
|
734
|
+
* @property {React.ReactNode} [leftLabel]
|
|
735
|
+
* Optional label shown to the left of the switch.
|
|
736
|
+
*
|
|
737
|
+
* @property {React.ReactNode} [rightLabel]
|
|
738
|
+
* Optional label shown to the right of the switch.
|
|
739
|
+
*
|
|
740
|
+
* @property {boolean} [disabled]
|
|
741
|
+
* Prevents user interaction.
|
|
742
|
+
*
|
|
743
|
+
* @property {string} [name]
|
|
744
|
+
* Standard HTML name attribute and data-cy source.
|
|
745
|
+
*
|
|
746
|
+
* @property {string} [title]
|
|
747
|
+
*
|
|
748
|
+
* @property {string} [dataCy]
|
|
749
|
+
* Override test selector.
|
|
750
|
+
*
|
|
751
|
+
* @property {string} [className]
|
|
752
|
+
* Optional wrapper class names.
|
|
753
|
+
*/
|
|
754
|
+
|
|
755
|
+
/**
|
|
756
|
+
* @param {ToggleSwitchProps & React.HTMLAttributes<HTMLDivElement>} props
|
|
757
|
+
*/
|
|
758
|
+
|
|
759
|
+
function ToggleSwitch(_ref) {
|
|
760
|
+
let {
|
|
761
|
+
checked,
|
|
762
|
+
onChange,
|
|
763
|
+
onToggle,
|
|
764
|
+
leftLabel,
|
|
765
|
+
rightLabel,
|
|
766
|
+
disabled = false,
|
|
767
|
+
name,
|
|
768
|
+
title,
|
|
769
|
+
dataCy,
|
|
770
|
+
className = ""
|
|
771
|
+
} = _ref,
|
|
772
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
773
|
+
const handleToggle = () => {
|
|
774
|
+
if (disabled) return;
|
|
775
|
+
const nextChecked = !checked;
|
|
776
|
+
onChange === null || onChange === void 0 || onChange(nextChecked);
|
|
777
|
+
onToggle === null || onToggle === void 0 || onToggle(nextChecked);
|
|
778
|
+
};
|
|
779
|
+
const handleKeyDown = event => {
|
|
780
|
+
if (disabled) return;
|
|
781
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
782
|
+
event.preventDefault();
|
|
783
|
+
handleToggle();
|
|
784
|
+
}
|
|
785
|
+
};
|
|
786
|
+
const trackClasses = checked ? "bg-[--color-primary-btn] border-[--color-primary-btn]" : "bg-[--color-input-bg] border-[--color-stroke]";
|
|
787
|
+
const thumbClasses = checked ? "translate-x-5 bg-[--color-primary-btn-txt]" : "translate-x-0 bg-[--color-text-strong]";
|
|
788
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", _objectSpread(_objectSpread({
|
|
789
|
+
className: "inline-flex items-center gap-3 ".concat(className)
|
|
790
|
+
}, rest), {}, {
|
|
791
|
+
children: [leftLabel ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
|
792
|
+
variant: "label",
|
|
793
|
+
as: "span",
|
|
794
|
+
className: "text-[--color-text-strong]",
|
|
795
|
+
children: leftLabel
|
|
796
|
+
}) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button", {
|
|
797
|
+
type: "button",
|
|
798
|
+
role: "switch",
|
|
799
|
+
"aria-checked": checked,
|
|
800
|
+
"aria-disabled": disabled,
|
|
801
|
+
disabled: disabled,
|
|
802
|
+
name: name,
|
|
803
|
+
title: title,
|
|
804
|
+
"data-cy": (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_2__.getDataCy)({
|
|
805
|
+
name,
|
|
806
|
+
dataCy
|
|
807
|
+
}),
|
|
808
|
+
onClick: handleToggle,
|
|
809
|
+
onKeyDown: handleKeyDown,
|
|
810
|
+
className: "relative inline-flex h-7 w-12 items-center rounded-full border px-1 transition duration-300 ease-in-out focus:outline-none ".concat(disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer", " ").concat(trackClasses),
|
|
811
|
+
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
|
|
812
|
+
className: "inline-block h-5 w-5 transform rounded-full shadow-sm transition duration-300 ease-in-out ".concat(thumbClasses)
|
|
813
|
+
})
|
|
814
|
+
}), rightLabel ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
|
815
|
+
variant: "label",
|
|
816
|
+
as: "span",
|
|
817
|
+
className: "text-[--color-text-strong]",
|
|
818
|
+
children: rightLabel
|
|
819
|
+
}) : null]
|
|
820
|
+
}));
|
|
821
|
+
}
|
|
822
|
+
|
|
823
|
+
/***/ }),
|
|
824
|
+
|
|
695
825
|
/***/ 1321:
|
|
696
826
|
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
697
827
|
|
|
@@ -735,6 +865,55 @@ function CubeIcon({
|
|
|
735
865
|
const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(CubeIcon);
|
|
736
866
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ForwardRef);
|
|
737
867
|
|
|
868
|
+
/***/ }),
|
|
869
|
+
|
|
870
|
+
/***/ 1443:
|
|
871
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
872
|
+
|
|
873
|
+
__webpack_require__.r(__webpack_exports__);
|
|
874
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
875
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
876
|
+
/* harmony export */ });
|
|
877
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
|
|
878
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
879
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97825);
|
|
880
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
881
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
|
|
882
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
883
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
|
|
884
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
885
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
|
|
886
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
887
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(41113);
|
|
888
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
889
|
+
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(67834);
|
|
890
|
+
|
|
891
|
+
|
|
892
|
+
|
|
893
|
+
|
|
894
|
+
|
|
895
|
+
|
|
896
|
+
|
|
897
|
+
|
|
898
|
+
|
|
899
|
+
|
|
900
|
+
|
|
901
|
+
var options = {};
|
|
902
|
+
|
|
903
|
+
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
|
|
904
|
+
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
|
|
905
|
+
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
|
|
906
|
+
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
|
|
907
|
+
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
|
|
908
|
+
|
|
909
|
+
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
|
|
910
|
+
|
|
911
|
+
|
|
912
|
+
|
|
913
|
+
|
|
914
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
|
|
915
|
+
|
|
916
|
+
|
|
738
917
|
/***/ }),
|
|
739
918
|
|
|
740
919
|
/***/ 1646:
|
|
@@ -1467,8 +1646,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1467
1646
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
1468
1647
|
/* harmony export */ });
|
|
1469
1648
|
/* harmony import */ var _BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7779);
|
|
1470
|
-
/* harmony import */ var
|
|
1471
|
-
/* harmony import */ var
|
|
1649
|
+
/* harmony import */ var _FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49465);
|
|
1650
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94178);
|
|
1651
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
|
|
1472
1652
|
const _excluded = ["left", "center", "right", "className"];
|
|
1473
1653
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1474
1654
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -1479,16 +1659,17 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
|
|
|
1479
1659
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
1480
1660
|
|
|
1481
1661
|
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
* @
|
|
1485
|
-
* @property {React.ReactNode} [
|
|
1486
|
-
* @property {React.ReactNode} [
|
|
1487
|
-
* @property {
|
|
1662
|
+
|
|
1663
|
+
/**
|
|
1664
|
+
* @typedef {Object} FooterProps
|
|
1665
|
+
* @property {React.ReactNode} [left] Left footer content
|
|
1666
|
+
* @property {React.ReactNode} [center] Center footer content
|
|
1667
|
+
* @property {React.ReactNode} [right] Right footer content
|
|
1668
|
+
* @property {string} [className] Optional wrapper class
|
|
1488
1669
|
*/
|
|
1489
1670
|
|
|
1490
|
-
/**
|
|
1491
|
-
* @param {FooterProps} props
|
|
1671
|
+
/**
|
|
1672
|
+
* @param {FooterProps} props
|
|
1492
1673
|
*/
|
|
1493
1674
|
|
|
1494
1675
|
const Footer = _ref => {
|
|
@@ -1499,17 +1680,19 @@ const Footer = _ref => {
|
|
|
1499
1680
|
className = ""
|
|
1500
1681
|
} = _ref,
|
|
1501
1682
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
1502
|
-
return /*#__PURE__*/(0,
|
|
1683
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", _objectSpread(_objectSpread({
|
|
1503
1684
|
className: "w-full px-4 py-2 ".concat(className)
|
|
1504
1685
|
}, rest), {}, {
|
|
1505
|
-
children: /*#__PURE__*/(0,
|
|
1686
|
+
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__["default"], {
|
|
1506
1687
|
left: left,
|
|
1507
1688
|
center: center,
|
|
1508
|
-
right: right
|
|
1689
|
+
right: right !== null && right !== void 0 ? right : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_1__["default"], {})
|
|
1509
1690
|
})
|
|
1510
|
-
}))
|
|
1691
|
+
})) //test
|
|
1692
|
+
;
|
|
1511
1693
|
};
|
|
1512
1694
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Footer);
|
|
1695
|
+
// i am joel
|
|
1513
1696
|
|
|
1514
1697
|
/***/ }),
|
|
1515
1698
|
|
|
@@ -4117,6 +4300,13 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
|
|
|
4117
4300
|
//# sourceMappingURL=useControlledState.module.js.map
|
|
4118
4301
|
|
|
4119
4302
|
|
|
4303
|
+
/***/ }),
|
|
4304
|
+
|
|
4305
|
+
/***/ 8487:
|
|
4306
|
+
/***/ ((module) => {
|
|
4307
|
+
|
|
4308
|
+
module.exports = require("./opus-light-logo.svg");
|
|
4309
|
+
|
|
4120
4310
|
/***/ }),
|
|
4121
4311
|
|
|
4122
4312
|
/***/ 8494:
|
|
@@ -11976,6 +12166,13 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(B
|
|
|
11976
12166
|
|
|
11977
12167
|
/***/ }),
|
|
11978
12168
|
|
|
12169
|
+
/***/ 22457:
|
|
12170
|
+
/***/ ((module) => {
|
|
12171
|
+
|
|
12172
|
+
module.exports = require("./opus-dark-logo.svg");
|
|
12173
|
+
|
|
12174
|
+
/***/ }),
|
|
12175
|
+
|
|
11979
12176
|
/***/ 22466:
|
|
11980
12177
|
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
11981
12178
|
|
|
@@ -13617,6 +13814,144 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(G
|
|
|
13617
13814
|
|
|
13618
13815
|
/***/ }),
|
|
13619
13816
|
|
|
13817
|
+
/***/ 26831:
|
|
13818
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
13819
|
+
|
|
13820
|
+
__webpack_require__.r(__webpack_exports__);
|
|
13821
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
13822
|
+
/* harmony export */ "default": () => (/* binding */ CardItem)
|
|
13823
|
+
/* harmony export */ });
|
|
13824
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
|
|
13825
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
13826
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34164);
|
|
13827
|
+
/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(21111);
|
|
13828
|
+
/* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67339);
|
|
13829
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94178);
|
|
13830
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
|
|
13831
|
+
const _excluded = ["heading", "subheading", "icon", "checked", "onCheckedChange", "iconPosition", "disabled", "className", "dataCy", "name"];
|
|
13832
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13833
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13834
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13835
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
13836
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
13837
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13838
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
13839
|
+
|
|
13840
|
+
|
|
13841
|
+
|
|
13842
|
+
|
|
13843
|
+
|
|
13844
|
+
/**
|
|
13845
|
+
* Allowed icon placement values.
|
|
13846
|
+
* @typedef {'left'|'right'} CardItemIconPosition
|
|
13847
|
+
*/
|
|
13848
|
+
|
|
13849
|
+
/**
|
|
13850
|
+
* Props for the CardItem component.
|
|
13851
|
+
*
|
|
13852
|
+
* @typedef {Object} CardItemProps
|
|
13853
|
+
* @property {React.ReactNode} heading
|
|
13854
|
+
* Main heading content displayed in the card.
|
|
13855
|
+
* @property {React.ReactNode} [subheading]
|
|
13856
|
+
* Supporting text shown below the heading.
|
|
13857
|
+
* @property {React.ReactNode} [icon]
|
|
13858
|
+
* Optional icon rendered beside the text.
|
|
13859
|
+
* @property {boolean} [checked]
|
|
13860
|
+
* Optional checkbox state rendered in the icon area.
|
|
13861
|
+
* @property {(checked: boolean) => void} [onCheckedChange]
|
|
13862
|
+
* Fired when the checkbox state changes.
|
|
13863
|
+
* @property {CardItemIconPosition} [iconPosition='left']
|
|
13864
|
+
* Controls whether the icon appears on the left or right side.
|
|
13865
|
+
* @property {boolean} [disabled]
|
|
13866
|
+
* Disables interaction when true.
|
|
13867
|
+
* @property {string} [className]
|
|
13868
|
+
* Optional wrapper class names.
|
|
13869
|
+
* @property {string} [dataCy]
|
|
13870
|
+
* Override for auto-generated test selector.
|
|
13871
|
+
* @property {string} [name]
|
|
13872
|
+
* Standard name attribute and data-cy source.
|
|
13873
|
+
*/
|
|
13874
|
+
|
|
13875
|
+
/**
|
|
13876
|
+
* Small information card with optional icon and two lines of text.
|
|
13877
|
+
*
|
|
13878
|
+
* @param {CardItemProps & React.HTMLAttributes<HTMLDivElement>} props
|
|
13879
|
+
*/
|
|
13880
|
+
|
|
13881
|
+
function CardItem(_ref) {
|
|
13882
|
+
let {
|
|
13883
|
+
heading,
|
|
13884
|
+
subheading,
|
|
13885
|
+
icon,
|
|
13886
|
+
checked,
|
|
13887
|
+
onCheckedChange,
|
|
13888
|
+
iconPosition = "left",
|
|
13889
|
+
disabled = false,
|
|
13890
|
+
className = "",
|
|
13891
|
+
dataCy,
|
|
13892
|
+
name
|
|
13893
|
+
} = _ref,
|
|
13894
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
13895
|
+
const checkboxId = name ? "card-item-checkbox-".concat(name) : undefined;
|
|
13896
|
+
const rootClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex w-full items-center gap-4 rounded-lg border border-[--color-stroke] bg-[--color-primary-bg] px-4 py-3 text-left text-[--color-text-strong] transition duration-300 ease-in-out", disabled && "cursor-not-allowed opacity-50", className);
|
|
13897
|
+
const iconClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex h-16 w-16 shrink-0 items-center justify-center border-[--color-stroke]", iconPosition === "left" ? "border-r pr-4" : "order-2 border-l pl-4");
|
|
13898
|
+
const textClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("min-w-0 flex-1", iconPosition === "right" && "order-1");
|
|
13899
|
+
const hasCheckbox = typeof checked === "boolean";
|
|
13900
|
+
const mediaElement = hasCheckbox ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
|
|
13901
|
+
htmlFor: checkboxId,
|
|
13902
|
+
className: "inline-flex items-center justify-center",
|
|
13903
|
+
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("input", {
|
|
13904
|
+
id: checkboxId,
|
|
13905
|
+
type: "checkbox",
|
|
13906
|
+
name: name,
|
|
13907
|
+
checked: checked,
|
|
13908
|
+
disabled: disabled,
|
|
13909
|
+
onChange: event => onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(event.target.checked),
|
|
13910
|
+
"aria-label": "Select card",
|
|
13911
|
+
"aria-disabled": disabled,
|
|
13912
|
+
"data-cy": (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_3__.getDataCy)({
|
|
13913
|
+
name,
|
|
13914
|
+
value: "checkbox",
|
|
13915
|
+
dataCy
|
|
13916
|
+
}),
|
|
13917
|
+
className: "h-5 w-5 rounded-sm ".concat(disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"),
|
|
13918
|
+
style: {
|
|
13919
|
+
accentColor: "var(--color-primary-btn)"
|
|
13920
|
+
}
|
|
13921
|
+
})
|
|
13922
|
+
}) : icon;
|
|
13923
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
|
|
13924
|
+
className: rootClasses
|
|
13925
|
+
}, rest), !hasCheckbox ? (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_3__.getDataCy)({
|
|
13926
|
+
name,
|
|
13927
|
+
dataCy
|
|
13928
|
+
}) : {}), {}, {
|
|
13929
|
+
children: [mediaElement ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
|
|
13930
|
+
className: iconClasses,
|
|
13931
|
+
children: mediaElement
|
|
13932
|
+
}) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
|
|
13933
|
+
className: textClasses,
|
|
13934
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
13935
|
+
as: "div",
|
|
13936
|
+
variant: "h4",
|
|
13937
|
+
color: "text-[--color-text-strong]",
|
|
13938
|
+
className: "truncate",
|
|
13939
|
+
title: typeof heading === "string" ? heading : undefined,
|
|
13940
|
+
children: heading
|
|
13941
|
+
}), subheading ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
13942
|
+
as: "div",
|
|
13943
|
+
variant: "body",
|
|
13944
|
+
color: "text-[--color-text-weak]",
|
|
13945
|
+
className: "mt-1 truncate",
|
|
13946
|
+
title: typeof subheading === "string" ? subheading : undefined,
|
|
13947
|
+
children: subheading
|
|
13948
|
+
}) : null]
|
|
13949
|
+
})]
|
|
13950
|
+
}));
|
|
13951
|
+
}
|
|
13952
|
+
|
|
13953
|
+
/***/ }),
|
|
13954
|
+
|
|
13620
13955
|
/***/ 26956:
|
|
13621
13956
|
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
13622
13957
|
|
|
@@ -18750,6 +19085,29 @@ function PauseCircleIcon({
|
|
|
18750
19085
|
const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(PauseCircleIcon);
|
|
18751
19086
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ForwardRef);
|
|
18752
19087
|
|
|
19088
|
+
/***/ }),
|
|
19089
|
+
|
|
19090
|
+
/***/ 34945:
|
|
19091
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
19092
|
+
|
|
19093
|
+
__webpack_require__.r(__webpack_exports__);
|
|
19094
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
19095
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
19096
|
+
/* harmony export */ });
|
|
19097
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71354);
|
|
19098
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
19099
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76314);
|
|
19100
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
19101
|
+
// Imports
|
|
19102
|
+
|
|
19103
|
+
|
|
19104
|
+
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
19105
|
+
// Module
|
|
19106
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.footer-logo-light{display:inline-block}.footer-logo-dark{display:none}:where(html,div)[data-theme=dark] .footer-logo-light{display:none}:where(html,div)[data-theme=dark] .footer-logo-dark{display:inline-block}`, "",{"version":3,"sources":["webpack://./src/components/FooterLogo/footer-logo.scss"],"names":[],"mappings":"AAAA,mBACE,oBAAA,CAGF,kBACE,YAAA,CAGF,qDACE,YAAA,CAGF,oDACE,oBAAA","sourcesContent":[".footer-logo-light {\r\n display: inline-block;\r\n}\r\n\r\n.footer-logo-dark {\r\n display: none;\r\n}\r\n\r\n:where(html, div)[data-theme=\"dark\"] .footer-logo-light {\r\n display: none;\r\n}\r\n\r\n:where(html, div)[data-theme=\"dark\"] .footer-logo-dark {\r\n display: inline-block;\r\n}\r\n"],"sourceRoot":""}]);
|
|
19107
|
+
// Exports
|
|
19108
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
19109
|
+
|
|
19110
|
+
|
|
18753
19111
|
/***/ }),
|
|
18754
19112
|
|
|
18755
19113
|
/***/ 34970:
|
|
@@ -22026,6 +22384,55 @@ function FingerPrintIcon({
|
|
|
22026
22384
|
const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(FingerPrintIcon);
|
|
22027
22385
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ForwardRef);
|
|
22028
22386
|
|
|
22387
|
+
/***/ }),
|
|
22388
|
+
|
|
22389
|
+
/***/ 41518:
|
|
22390
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
22391
|
+
|
|
22392
|
+
__webpack_require__.r(__webpack_exports__);
|
|
22393
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
22394
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
22395
|
+
/* harmony export */ });
|
|
22396
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
|
|
22397
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
22398
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97825);
|
|
22399
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
22400
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
|
|
22401
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
22402
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
|
|
22403
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
22404
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
|
|
22405
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
22406
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(41113);
|
|
22407
|
+
/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
22408
|
+
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(34945);
|
|
22409
|
+
|
|
22410
|
+
|
|
22411
|
+
|
|
22412
|
+
|
|
22413
|
+
|
|
22414
|
+
|
|
22415
|
+
|
|
22416
|
+
|
|
22417
|
+
|
|
22418
|
+
|
|
22419
|
+
|
|
22420
|
+
var options = {};
|
|
22421
|
+
|
|
22422
|
+
options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
|
|
22423
|
+
options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
|
|
22424
|
+
options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
|
|
22425
|
+
options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
|
|
22426
|
+
options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
|
|
22427
|
+
|
|
22428
|
+
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
|
|
22429
|
+
|
|
22430
|
+
|
|
22431
|
+
|
|
22432
|
+
|
|
22433
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
|
|
22434
|
+
|
|
22435
|
+
|
|
22029
22436
|
/***/ }),
|
|
22030
22437
|
|
|
22031
22438
|
/***/ 41519:
|
|
@@ -27479,6 +27886,84 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(P
|
|
|
27479
27886
|
|
|
27480
27887
|
/***/ }),
|
|
27481
27888
|
|
|
27889
|
+
/***/ 49465:
|
|
27890
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
27891
|
+
|
|
27892
|
+
__webpack_require__.r(__webpack_exports__);
|
|
27893
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
27894
|
+
/* harmony export */ "default": () => (/* binding */ FooterLogo)
|
|
27895
|
+
/* harmony export */ });
|
|
27896
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
|
|
27897
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
27898
|
+
/* harmony import */ var _opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8487);
|
|
27899
|
+
/* harmony import */ var _opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1__);
|
|
27900
|
+
/* harmony import */ var _opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22457);
|
|
27901
|
+
/* harmony import */ var _opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2__);
|
|
27902
|
+
/* harmony import */ var _footer_logo_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41518);
|
|
27903
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94178);
|
|
27904
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
|
|
27905
|
+
const _excluded = ["href", "className"];
|
|
27906
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
27907
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
27908
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
27909
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
27910
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
27911
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
27912
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
27913
|
+
|
|
27914
|
+
|
|
27915
|
+
|
|
27916
|
+
|
|
27917
|
+
|
|
27918
|
+
/**
|
|
27919
|
+
* Props for the FooterLogo component.
|
|
27920
|
+
*
|
|
27921
|
+
* @typedef {Object} FooterLogoProps
|
|
27922
|
+
*
|
|
27923
|
+
* @property {string} [href]
|
|
27924
|
+
* Optional link target for the logo.
|
|
27925
|
+
*
|
|
27926
|
+
* @property {string} [className]
|
|
27927
|
+
* Optional wrapper class names.
|
|
27928
|
+
*/
|
|
27929
|
+
|
|
27930
|
+
/**
|
|
27931
|
+
* Theme-aware company logo for footer usage.
|
|
27932
|
+
*
|
|
27933
|
+
* @param {FooterLogoProps & React.HTMLAttributes<HTMLDivElement>} props
|
|
27934
|
+
*/
|
|
27935
|
+
|
|
27936
|
+
function FooterLogo(_ref) {
|
|
27937
|
+
let {
|
|
27938
|
+
href = "/",
|
|
27939
|
+
className = ""
|
|
27940
|
+
} = _ref,
|
|
27941
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
27942
|
+
const content = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
|
|
27943
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
|
|
27944
|
+
src: (_opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1___default()),
|
|
27945
|
+
alt: "Opus logo",
|
|
27946
|
+
className: "footer-logo-light h-10 w-auto"
|
|
27947
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
|
|
27948
|
+
src: (_opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2___default()),
|
|
27949
|
+
alt: "Opus logo",
|
|
27950
|
+
className: "footer-logo-dark h-10 w-auto"
|
|
27951
|
+
})]
|
|
27952
|
+
});
|
|
27953
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", _objectSpread(_objectSpread({
|
|
27954
|
+
className: "footer-logo inline-flex items-center ".concat(className)
|
|
27955
|
+
}, rest), {}, {
|
|
27956
|
+
children: href ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a", {
|
|
27957
|
+
href: href,
|
|
27958
|
+
className: "inline-flex items-center",
|
|
27959
|
+
"aria-label": "Opus home",
|
|
27960
|
+
children: content
|
|
27961
|
+
}) : content
|
|
27962
|
+
}));
|
|
27963
|
+
}
|
|
27964
|
+
|
|
27965
|
+
/***/ }),
|
|
27966
|
+
|
|
27482
27967
|
/***/ 49489:
|
|
27483
27968
|
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
27484
27969
|
|
|
@@ -45721,6 +46206,29 @@ function ChatBubbleOvalLeftEllipsisIcon({
|
|
|
45721
46206
|
const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(ChatBubbleOvalLeftEllipsisIcon);
|
|
45722
46207
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ForwardRef);
|
|
45723
46208
|
|
|
46209
|
+
/***/ }),
|
|
46210
|
+
|
|
46211
|
+
/***/ 67834:
|
|
46212
|
+
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
46213
|
+
|
|
46214
|
+
__webpack_require__.r(__webpack_exports__);
|
|
46215
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
46216
|
+
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
46217
|
+
/* harmony export */ });
|
|
46218
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71354);
|
|
46219
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
46220
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76314);
|
|
46221
|
+
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
46222
|
+
// Imports
|
|
46223
|
+
|
|
46224
|
+
|
|
46225
|
+
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
46226
|
+
// Module
|
|
46227
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.callout-ticker-viewport{--callout-fade-width: 10px;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--callout-fade-width), #000 calc(100% - var(--callout-fade-width)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--callout-fade-width), #000 calc(100% - var(--callout-fade-width)), transparent 100%)}.callout-ticker{display:inline-flex;align-items:center;gap:var(--callout-ticker-gap, 2rem);width:max-content;will-change:transform;animation:callout-ticker var(--callout-ticker-duration, 12s) linear infinite}@keyframes callout-ticker{0%{transform:translateX(0)}100%{transform:translateX(calc(var(--callout-ticker-distance, 0px) * -1))}}`, "",{"version":3,"sources":["webpack://./src/components/Callout/callout.scss"],"names":[],"mappings":"AAAA,yBACE,0BAAA,CACA,0JAAA,CAOA,kJAAA,CASF,gBACE,mBAAA,CACA,kBAAA,CACA,mCAAA,CACA,iBAAA,CACA,qBAAA,CACA,4EAAA,CAGF,0BACE,GACE,uBAAA,CAGF,KACE,oEAAA,CAAA","sourcesContent":[".callout-ticker-viewport {\r\n --callout-fade-width: 10px;\r\n -webkit-mask-image: linear-gradient(\r\n to right,\r\n transparent 0,\r\n #000 var(--callout-fade-width),\r\n #000 calc(100% - var(--callout-fade-width)),\r\n transparent 100%\r\n );\r\n mask-image: linear-gradient(\r\n to right,\r\n transparent 0,\r\n #000 var(--callout-fade-width),\r\n #000 calc(100% - var(--callout-fade-width)),\r\n transparent 100%\r\n );\r\n}\r\n\r\n.callout-ticker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--callout-ticker-gap, 2rem);\r\n width: max-content;\r\n will-change: transform;\r\n animation: callout-ticker var(--callout-ticker-duration, 12s) linear infinite;\r\n}\r\n\r\n@keyframes callout-ticker {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n\r\n 100% {\r\n transform: translateX(calc(var(--callout-ticker-distance, 0px) * -1));\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
46228
|
+
// Exports
|
|
46229
|
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
46230
|
+
|
|
46231
|
+
|
|
45724
46232
|
/***/ }),
|
|
45725
46233
|
|
|
45726
46234
|
/***/ 67864:
|
|
@@ -50083,7 +50591,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
50083
50591
|
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34164);
|
|
50084
50592
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94178);
|
|
50085
50593
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
|
|
50086
|
-
const _excluded = ["intent", "className", "children"];
|
|
50594
|
+
const _excluded = ["intent", "hasOutline", "className", "children"];
|
|
50087
50595
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
50088
50596
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
50089
50597
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -50094,34 +50602,38 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
|
|
|
50094
50602
|
|
|
50095
50603
|
|
|
50096
50604
|
|
|
50097
|
-
/**
|
|
50098
|
-
* The visual intent / theme of the Card.
|
|
50099
|
-
* @typedef {'default'|'info'|'warning'|'success'|'error'|'brand'|'brandSecondary'} CardIntent
|
|
50605
|
+
/**
|
|
50606
|
+
* The visual intent / theme of the Card.
|
|
50607
|
+
* @typedef {'default'|'info'|'warning'|'success'|'error'|'brand'|'brandSecondary'} CardIntent
|
|
50100
50608
|
*/
|
|
50101
50609
|
|
|
50102
|
-
/**
|
|
50103
|
-
* Props for the Card component.
|
|
50104
|
-
*
|
|
50105
|
-
* @typedef {Object} CardProps
|
|
50106
|
-
* @property {CardIntent} [intent]
|
|
50107
|
-
* Controls the background + text color theme of the card.
|
|
50108
|
-
*
|
|
50109
|
-
* @property {
|
|
50110
|
-
*
|
|
50111
|
-
*
|
|
50112
|
-
* @property {
|
|
50113
|
-
*
|
|
50610
|
+
/**
|
|
50611
|
+
* Props for the Card component.
|
|
50612
|
+
*
|
|
50613
|
+
* @typedef {Object} CardProps
|
|
50614
|
+
* @property {CardIntent} [intent]
|
|
50615
|
+
* Controls the background + text color theme of the card.
|
|
50616
|
+
*
|
|
50617
|
+
* @property {boolean} [hasOutline=true]
|
|
50618
|
+
* Toggles the default card outline.
|
|
50619
|
+
*
|
|
50620
|
+
* @property {string} [className]
|
|
50621
|
+
* Additional custom class names.
|
|
50622
|
+
*
|
|
50623
|
+
* @property {React.ReactNode} [children]
|
|
50624
|
+
* Card content.
|
|
50114
50625
|
*/
|
|
50115
50626
|
|
|
50116
|
-
/**
|
|
50117
|
-
* Card component with typed JSDoc for TS autocomplete.
|
|
50118
|
-
*
|
|
50119
|
-
* @param {CardProps & React.HTMLAttributes<HTMLDivElement>} props
|
|
50627
|
+
/**
|
|
50628
|
+
* Card component with typed JSDoc for TS autocomplete.
|
|
50629
|
+
*
|
|
50630
|
+
* @param {CardProps & React.HTMLAttributes<HTMLDivElement>} props
|
|
50120
50631
|
*/
|
|
50121
50632
|
|
|
50122
50633
|
function Card(_ref) {
|
|
50123
50634
|
let {
|
|
50124
50635
|
intent,
|
|
50636
|
+
hasOutline = true,
|
|
50125
50637
|
className = "",
|
|
50126
50638
|
children
|
|
50127
50639
|
} = _ref,
|
|
@@ -50137,7 +50649,7 @@ function Card(_ref) {
|
|
|
50137
50649
|
brandSecondary: "bg-[--color-brand-secondary] text-[--color-white]"
|
|
50138
50650
|
};
|
|
50139
50651
|
const resolvedIntent = intent || "default";
|
|
50140
|
-
const cardClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("p-5", "rounded-lg", "shadow-lg", "border-2 border-solid border-[--color-stroke]", intentClasses[resolvedIntent], className);
|
|
50652
|
+
const cardClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("p-5", "rounded-lg", "shadow-lg", hasOutline ? "border-2 border-solid border-[--color-stroke]" : "border-0", intentClasses[resolvedIntent], className);
|
|
50141
50653
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", _objectSpread(_objectSpread({
|
|
50142
50654
|
className: cardClasses
|
|
50143
50655
|
}, rest), {}, {
|
|
@@ -52959,6 +53471,142 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(B
|
|
|
52959
53471
|
|
|
52960
53472
|
/***/ }),
|
|
52961
53473
|
|
|
53474
|
+
/***/ 81859:
|
|
53475
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
53476
|
+
|
|
53477
|
+
__webpack_require__.r(__webpack_exports__);
|
|
53478
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
53479
|
+
/* harmony export */ "default": () => (/* binding */ FileUploadCard)
|
|
53480
|
+
/* harmony export */ });
|
|
53481
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
|
|
53482
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
53483
|
+
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34164);
|
|
53484
|
+
/* harmony import */ var _Card__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(76526);
|
|
53485
|
+
/* harmony import */ var _Icon_Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(57739);
|
|
53486
|
+
/* harmony import */ var _IconButton_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(43155);
|
|
53487
|
+
/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21111);
|
|
53488
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94178);
|
|
53489
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__);
|
|
53490
|
+
const _excluded = ["fileName", "uploadedDate", "previewSrc", "previewAlt", "preview", "action", "downloadTitle", "onDownload", "className"];
|
|
53491
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
53492
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
53493
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
53494
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
53495
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
53496
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
53497
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
53498
|
+
|
|
53499
|
+
|
|
53500
|
+
|
|
53501
|
+
|
|
53502
|
+
|
|
53503
|
+
|
|
53504
|
+
|
|
53505
|
+
/**
|
|
53506
|
+
* Props for the FileUploadCard component.
|
|
53507
|
+
*
|
|
53508
|
+
* @typedef {Object} FileUploadCardProps
|
|
53509
|
+
* @property {string} fileName
|
|
53510
|
+
* Display name of the uploaded file.
|
|
53511
|
+
* @property {string} uploadedDate
|
|
53512
|
+
* Uploaded date text shown under the file name.
|
|
53513
|
+
* @property {string} [previewSrc]
|
|
53514
|
+
* Optional image preview source.
|
|
53515
|
+
* @property {string} [previewAlt]
|
|
53516
|
+
* Alt text for the image preview.
|
|
53517
|
+
* @property {React.ReactNode} [preview]
|
|
53518
|
+
* Optional custom preview content. Takes precedence over previewSrc.
|
|
53519
|
+
* @property {React.ReactNode} [action]
|
|
53520
|
+
* Optional custom action rendered on the right side of the footer section.
|
|
53521
|
+
* @property {string} [downloadTitle]
|
|
53522
|
+
* Accessible label for the download button.
|
|
53523
|
+
* @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onDownload]
|
|
53524
|
+
* Fired when the download button is clicked.
|
|
53525
|
+
* @property {string} [className]
|
|
53526
|
+
* Optional wrapper class names.
|
|
53527
|
+
*/
|
|
53528
|
+
|
|
53529
|
+
/**
|
|
53530
|
+
* File upload card with large preview region and download action.
|
|
53531
|
+
*
|
|
53532
|
+
* @param {FileUploadCardProps & React.HTMLAttributes<HTMLDivElement>} props
|
|
53533
|
+
*/
|
|
53534
|
+
|
|
53535
|
+
function FileUploadCard(_ref) {
|
|
53536
|
+
let {
|
|
53537
|
+
fileName,
|
|
53538
|
+
uploadedDate,
|
|
53539
|
+
previewSrc,
|
|
53540
|
+
previewAlt = "",
|
|
53541
|
+
preview,
|
|
53542
|
+
action,
|
|
53543
|
+
downloadTitle = "Download file",
|
|
53544
|
+
onDownload,
|
|
53545
|
+
className = ""
|
|
53546
|
+
} = _ref,
|
|
53547
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
53548
|
+
const previewContent = preview !== null && preview !== void 0 ? preview : previewSrc ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
|
|
53549
|
+
src: previewSrc,
|
|
53550
|
+
alt: previewAlt,
|
|
53551
|
+
className: "h-full w-full object-cover"
|
|
53552
|
+
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
|
|
53553
|
+
className: "flex h-40 w-32 items-center justify-center rounded-[2rem] bg-[--color-primary-bg] shadow-md",
|
|
53554
|
+
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon_Icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
53555
|
+
name: "DocumentTextIcon",
|
|
53556
|
+
library: "hero",
|
|
53557
|
+
size: 72,
|
|
53558
|
+
className: "text-[--color-text-strong]"
|
|
53559
|
+
})
|
|
53560
|
+
});
|
|
53561
|
+
const resolvedAction = action !== null && action !== void 0 ? action : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
53562
|
+
rank: "outline",
|
|
53563
|
+
size: "md",
|
|
53564
|
+
title: downloadTitle,
|
|
53565
|
+
iconName: "ArrowDownTrayIcon",
|
|
53566
|
+
iconLibrary: "hero",
|
|
53567
|
+
className: "shrink-0",
|
|
53568
|
+
onClick: onDownload
|
|
53569
|
+
});
|
|
53570
|
+
const cardClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex h-full min-h-[22rem] flex-col overflow-hidden rounded border border-[--color-stroke] bg-[--color-primary-bg] p-0 text-[--color-text-strong] shadow-none", className);
|
|
53571
|
+
const previewClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex min-h-[16rem] flex-1 items-center justify-center overflow-hidden bg-[--color-secondary-bg]");
|
|
53572
|
+
const footerClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex items-end gap-4 border-t border-[--color-stroke] bg-[--color-primary-bg] p-4 sm:p-5");
|
|
53573
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_Card__WEBPACK_IMPORTED_MODULE_2__["default"], _objectSpread(_objectSpread({
|
|
53574
|
+
className: cardClasses
|
|
53575
|
+
}, rest), {}, {
|
|
53576
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
|
|
53577
|
+
className: previewClasses,
|
|
53578
|
+
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
|
|
53579
|
+
className: "flex h-full w-full items-center justify-center overflow-hidden",
|
|
53580
|
+
children: previewContent
|
|
53581
|
+
})
|
|
53582
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
|
|
53583
|
+
className: footerClasses,
|
|
53584
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
|
|
53585
|
+
className: "min-w-0 flex-1",
|
|
53586
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
53587
|
+
variant: "h4",
|
|
53588
|
+
as: "div",
|
|
53589
|
+
color: "text-[--color-text-strong]",
|
|
53590
|
+
className: "truncate text-xl leading-tight",
|
|
53591
|
+
title: fileName,
|
|
53592
|
+
children: fileName
|
|
53593
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_Text_Text__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
53594
|
+
variant: "body",
|
|
53595
|
+
as: "div",
|
|
53596
|
+
color: "text-[--color-text-weak]",
|
|
53597
|
+
className: "mt-1",
|
|
53598
|
+
children: ["Uploaded: ", uploadedDate]
|
|
53599
|
+
})]
|
|
53600
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
|
|
53601
|
+
className: "shrink-0",
|
|
53602
|
+
children: resolvedAction
|
|
53603
|
+
})]
|
|
53604
|
+
})]
|
|
53605
|
+
}));
|
|
53606
|
+
}
|
|
53607
|
+
|
|
53608
|
+
/***/ }),
|
|
53609
|
+
|
|
52962
53610
|
/***/ 82008:
|
|
52963
53611
|
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
52964
53612
|
|
|
@@ -53115,6 +53763,178 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(C
|
|
|
53115
53763
|
|
|
53116
53764
|
/***/ }),
|
|
53117
53765
|
|
|
53766
|
+
/***/ 82347:
|
|
53767
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
53768
|
+
|
|
53769
|
+
__webpack_require__.r(__webpack_exports__);
|
|
53770
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
53771
|
+
/* harmony export */ "default": () => (/* binding */ Callout)
|
|
53772
|
+
/* harmony export */ });
|
|
53773
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
|
|
53774
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
53775
|
+
/* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67339);
|
|
53776
|
+
/* harmony import */ var _Icon_Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57739);
|
|
53777
|
+
/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21111);
|
|
53778
|
+
/* harmony import */ var _callout_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1443);
|
|
53779
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(94178);
|
|
53780
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
|
|
53781
|
+
const _excluded = ["message", "tone", "className", "name", "dataCy"];
|
|
53782
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
53783
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
53784
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
53785
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
53786
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
53787
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
53788
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
53789
|
+
|
|
53790
|
+
|
|
53791
|
+
|
|
53792
|
+
|
|
53793
|
+
|
|
53794
|
+
|
|
53795
|
+
const toneStyles = {
|
|
53796
|
+
green: "bg-[--color-util-green]",
|
|
53797
|
+
amber: "bg-[--color-util-yellow]",
|
|
53798
|
+
red: "bg-[--color-util-red]",
|
|
53799
|
+
pink: "bg-[--color-primary]"
|
|
53800
|
+
};
|
|
53801
|
+
const toneTextStyles = {
|
|
53802
|
+
green: "text-[--color-black]",
|
|
53803
|
+
amber: "text-[--color-black]",
|
|
53804
|
+
red: "text-[--color-white]",
|
|
53805
|
+
pink: "text-[--color-white]"
|
|
53806
|
+
};
|
|
53807
|
+
|
|
53808
|
+
/**
|
|
53809
|
+
* Props for the Callout component.
|
|
53810
|
+
*
|
|
53811
|
+
* @typedef {Object} CalloutProps
|
|
53812
|
+
*
|
|
53813
|
+
* @property {string} message
|
|
53814
|
+
* The message shown inside the callout bar.
|
|
53815
|
+
*
|
|
53816
|
+
* @property {"green" | "amber" | "red" | "pink"} [tone]
|
|
53817
|
+
* Visual style of the callout bar.
|
|
53818
|
+
*
|
|
53819
|
+
* @property {string} [className]
|
|
53820
|
+
* Optional wrapper class names.
|
|
53821
|
+
*
|
|
53822
|
+
* @property {string} [name]
|
|
53823
|
+
* Optional name for testing/automation.
|
|
53824
|
+
*
|
|
53825
|
+
* @property {string} [dataCy]
|
|
53826
|
+
* Optional data-cy override.
|
|
53827
|
+
*/
|
|
53828
|
+
|
|
53829
|
+
/**
|
|
53830
|
+
* Callout notification bar for short, high-visibility messages.
|
|
53831
|
+
*
|
|
53832
|
+
* @param {CalloutProps & React.HTMLAttributes<HTMLDivElement>} props
|
|
53833
|
+
*/
|
|
53834
|
+
function Callout(_ref) {
|
|
53835
|
+
let {
|
|
53836
|
+
message,
|
|
53837
|
+
tone = "green",
|
|
53838
|
+
className = "",
|
|
53839
|
+
name,
|
|
53840
|
+
dataCy
|
|
53841
|
+
} = _ref,
|
|
53842
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
53843
|
+
const normalizedMessage = typeof message === "string" ? message.trim() : message;
|
|
53844
|
+
const viewportRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
53845
|
+
const measureRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
53846
|
+
const [tickerMetrics, setTickerMetrics] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
|
|
53847
|
+
isActive: false,
|
|
53848
|
+
width: 0
|
|
53849
|
+
});
|
|
53850
|
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
53851
|
+
if (!normalizedMessage) {
|
|
53852
|
+
setTickerMetrics({
|
|
53853
|
+
isActive: false,
|
|
53854
|
+
width: 0
|
|
53855
|
+
});
|
|
53856
|
+
return;
|
|
53857
|
+
}
|
|
53858
|
+
const measureOverflow = () => {
|
|
53859
|
+
if (!viewportRef.current || !measureRef.current) return;
|
|
53860
|
+
const textWidth = measureRef.current.scrollWidth;
|
|
53861
|
+
const viewportWidth = viewportRef.current.clientWidth;
|
|
53862
|
+
setTickerMetrics({
|
|
53863
|
+
isActive: textWidth - viewportWidth > 1,
|
|
53864
|
+
width: textWidth
|
|
53865
|
+
});
|
|
53866
|
+
};
|
|
53867
|
+
measureOverflow();
|
|
53868
|
+
if (typeof ResizeObserver === "undefined") {
|
|
53869
|
+
window.addEventListener("resize", measureOverflow);
|
|
53870
|
+
return () => window.removeEventListener("resize", measureOverflow);
|
|
53871
|
+
}
|
|
53872
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
53873
|
+
measureOverflow();
|
|
53874
|
+
});
|
|
53875
|
+
resizeObserver.observe(viewportRef.current);
|
|
53876
|
+
resizeObserver.observe(measureRef.current);
|
|
53877
|
+
return () => resizeObserver.disconnect();
|
|
53878
|
+
}, [normalizedMessage]);
|
|
53879
|
+
const tickerGap = 32;
|
|
53880
|
+
const tickerDuration = Math.max(12, (tickerMetrics.width + tickerGap) / 70);
|
|
53881
|
+
const isTickerActive = Boolean(normalizedMessage) && tickerMetrics.isActive;
|
|
53882
|
+
const textColorClass = toneTextStyles[tone] || toneTextStyles.green;
|
|
53883
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
|
|
53884
|
+
className: "inline-flex max-w-full items-center gap-3 overflow-hidden rounded-full px-4 py-3 ".concat(toneStyles[tone] || toneStyles.green, " ").concat(className),
|
|
53885
|
+
role: "status"
|
|
53886
|
+
}, rest), (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__.getDataCy)({
|
|
53887
|
+
name,
|
|
53888
|
+
dataCy
|
|
53889
|
+
})), {}, {
|
|
53890
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
53891
|
+
name: "MegaphoneIcon",
|
|
53892
|
+
library: "hero",
|
|
53893
|
+
size: 20,
|
|
53894
|
+
className: "shrink-0 ".concat(textColorClass),
|
|
53895
|
+
"aria-hidden": "true"
|
|
53896
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span", {
|
|
53897
|
+
ref: viewportRef,
|
|
53898
|
+
className: "relative min-w-0 overflow-hidden ".concat(isTickerActive ? "callout-ticker-viewport" : ""),
|
|
53899
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
|
|
53900
|
+
ref: measureRef,
|
|
53901
|
+
className: "pointer-events-none absolute left-0 top-0 whitespace-nowrap text-base leading-[1.2] opacity-0 ".concat(textColorClass),
|
|
53902
|
+
"aria-hidden": "true",
|
|
53903
|
+
children: normalizedMessage
|
|
53904
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
53905
|
+
as: "span",
|
|
53906
|
+
variant: "body",
|
|
53907
|
+
color: textColorClass,
|
|
53908
|
+
className: "block whitespace-nowrap leading-[1.2] ".concat(isTickerActive ? "sr-only" : ""),
|
|
53909
|
+
children: normalizedMessage
|
|
53910
|
+
}), isTickerActive ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span", {
|
|
53911
|
+
className: "callout-ticker",
|
|
53912
|
+
style: {
|
|
53913
|
+
"--callout-ticker-distance": "".concat(tickerMetrics.width + tickerGap, "px"),
|
|
53914
|
+
"--callout-ticker-duration": "".concat(tickerDuration, "s"),
|
|
53915
|
+
"--callout-ticker-gap": "".concat(tickerGap, "px")
|
|
53916
|
+
},
|
|
53917
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
53918
|
+
as: "span",
|
|
53919
|
+
variant: "body",
|
|
53920
|
+
color: textColorClass,
|
|
53921
|
+
className: "whitespace-nowrap leading-[1.2]",
|
|
53922
|
+
children: normalizedMessage
|
|
53923
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
53924
|
+
as: "span",
|
|
53925
|
+
variant: "body",
|
|
53926
|
+
color: textColorClass,
|
|
53927
|
+
className: "whitespace-nowrap leading-[1.2]",
|
|
53928
|
+
"aria-hidden": "true",
|
|
53929
|
+
children: normalizedMessage
|
|
53930
|
+
})]
|
|
53931
|
+
}) : null]
|
|
53932
|
+
})]
|
|
53933
|
+
}));
|
|
53934
|
+
}
|
|
53935
|
+
|
|
53936
|
+
/***/ }),
|
|
53937
|
+
|
|
53118
53938
|
/***/ 82388:
|
|
53119
53939
|
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
53120
53940
|
|
|
@@ -57658,7 +58478,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
57658
58478
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
57659
58479
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94178);
|
|
57660
58480
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
|
|
57661
|
-
const _excluded = ["text", "status", "className", "icon"];
|
|
58481
|
+
const _excluded = ["text", "status", "className", "icon", "iconPosition", "onIconClick"];
|
|
57662
58482
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
57663
58483
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
57664
58484
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -57677,35 +58497,46 @@ const statusClasses = {
|
|
|
57677
58497
|
notice: "bg-[--color-util-yellow] text-[--color-black]"
|
|
57678
58498
|
};
|
|
57679
58499
|
|
|
57680
|
-
/**
|
|
57681
|
-
* Allowed pill status values.
|
|
57682
|
-
* @typedef {'primary'|'danger'|'warning'|'success'|'info'|'notice'} PillStatus
|
|
58500
|
+
/**
|
|
58501
|
+
* Allowed pill status values.
|
|
58502
|
+
* @typedef {'primary'|'danger'|'warning'|'success'|'info'|'notice'} PillStatus
|
|
57683
58503
|
*/
|
|
57684
58504
|
|
|
57685
|
-
/**
|
|
57686
|
-
* Icon component type — any valid SVG React component.
|
|
57687
|
-
* @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
|
|
58505
|
+
/**
|
|
58506
|
+
* Icon component type — any valid SVG React component.
|
|
58507
|
+
* @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
|
|
57688
58508
|
*/
|
|
57689
58509
|
|
|
57690
|
-
/**
|
|
57691
|
-
*
|
|
57692
|
-
*
|
|
57693
|
-
* @typedef {Object} PillProps
|
|
57694
|
-
* @property {string} [text='']
|
|
57695
|
-
* Text displayed inside the pill.
|
|
57696
|
-
*
|
|
57697
|
-
* @property {PillStatus} [status='info']
|
|
57698
|
-
* Determines visual colors of the pill.
|
|
57699
|
-
*
|
|
57700
|
-
* @property {string} [className]
|
|
57701
|
-
* Additional class names.
|
|
57702
|
-
*
|
|
57703
|
-
* @property {IconComponent} [icon]
|
|
57704
|
-
* Optional icon displayed before the text.
|
|
58510
|
+
/**
|
|
58511
|
+
* Allowed icon placement values.
|
|
58512
|
+
* @typedef {'left'|'right'} PillIconPosition
|
|
57705
58513
|
*/
|
|
57706
58514
|
|
|
57707
|
-
/**
|
|
57708
|
-
*
|
|
58515
|
+
/**
|
|
58516
|
+
* Props for the Pill component.
|
|
58517
|
+
*
|
|
58518
|
+
* @typedef {Object} PillProps
|
|
58519
|
+
* @property {string} [text='']
|
|
58520
|
+
* Text displayed inside the pill.
|
|
58521
|
+
*
|
|
58522
|
+
* @property {PillStatus} [status='info']
|
|
58523
|
+
* Determines visual colors of the pill.
|
|
58524
|
+
*
|
|
58525
|
+
* @property {string} [className]
|
|
58526
|
+
* Additional class names.
|
|
58527
|
+
*
|
|
58528
|
+
* @property {IconComponent} [icon]
|
|
58529
|
+
* Optional icon displayed alongside the text.
|
|
58530
|
+
*
|
|
58531
|
+
* @property {PillIconPosition} [iconPosition='left']
|
|
58532
|
+
* Controls whether the icon appears before or after the text.
|
|
58533
|
+
*
|
|
58534
|
+
* @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onIconClick]
|
|
58535
|
+
* Optional click handler for the icon action button.
|
|
58536
|
+
*/
|
|
58537
|
+
|
|
58538
|
+
/**
|
|
58539
|
+
* @param {PillProps & React.HTMLAttributes<HTMLSpanElement>} props
|
|
57709
58540
|
*/
|
|
57710
58541
|
|
|
57711
58542
|
const Pill = _ref => {
|
|
@@ -57713,17 +58544,32 @@ const Pill = _ref => {
|
|
|
57713
58544
|
text = "",
|
|
57714
58545
|
status = "info",
|
|
57715
58546
|
className = "",
|
|
57716
|
-
icon: Icon
|
|
58547
|
+
icon: Icon,
|
|
58548
|
+
iconPosition = "left",
|
|
58549
|
+
onIconClick
|
|
57717
58550
|
} = _ref,
|
|
57718
58551
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
57719
58552
|
const baseClasses = "inline-flex items-center gap-1 text-xs font-medium px-3 py-1 rounded-full";
|
|
57720
58553
|
const statusClass = statusClasses[status] || statusClasses.info;
|
|
58554
|
+
const iconClasses = "h-4 w-4";
|
|
58555
|
+
const iconElement = Icon ? onIconClick ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("button", {
|
|
58556
|
+
type: "button",
|
|
58557
|
+
onClick: event => {
|
|
58558
|
+
event.stopPropagation();
|
|
58559
|
+
onIconClick(event);
|
|
58560
|
+
},
|
|
58561
|
+
className: "inline-flex items-center justify-center rounded-full focus:outline-none",
|
|
58562
|
+
"aria-label": "Pill icon action",
|
|
58563
|
+
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Icon, {
|
|
58564
|
+
className: iconClasses
|
|
58565
|
+
})
|
|
58566
|
+
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Icon, {
|
|
58567
|
+
className: iconClasses
|
|
58568
|
+
}) : null;
|
|
57721
58569
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("span", _objectSpread(_objectSpread({
|
|
57722
58570
|
className: "".concat(baseClasses, " ").concat(statusClass, " ").concat(className)
|
|
57723
58571
|
}, rest), {}, {
|
|
57724
|
-
children: [
|
|
57725
|
-
className: "h-4 w-4"
|
|
57726
|
-
}), text]
|
|
58572
|
+
children: [iconPosition === "left" ? iconElement : null, text, iconPosition === "right" ? iconElement : null]
|
|
57727
58573
|
}));
|
|
57728
58574
|
};
|
|
57729
58575
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pill);
|
|
@@ -62928,6 +63774,89 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(C
|
|
|
62928
63774
|
|
|
62929
63775
|
/***/ }),
|
|
62930
63776
|
|
|
63777
|
+
/***/ 97670:
|
|
63778
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
63779
|
+
|
|
63780
|
+
__webpack_require__.r(__webpack_exports__);
|
|
63781
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
63782
|
+
/* harmony export */ "default": () => (/* binding */ PillButton)
|
|
63783
|
+
/* harmony export */ });
|
|
63784
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
|
|
63785
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
63786
|
+
/* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67339);
|
|
63787
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94178);
|
|
63788
|
+
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
|
|
63789
|
+
const _excluded = ["label", "active", "className", "name", "dataCy", "onClick", "onPress", "type"];
|
|
63790
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
63791
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
63792
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
63793
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
63794
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
63795
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
63796
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
63797
|
+
|
|
63798
|
+
|
|
63799
|
+
|
|
63800
|
+
const stateClasses = {
|
|
63801
|
+
default: "bg-[--color-input-bg] text-[--color-text-strong] border border-[--color-stroke] hover:border-[--color-text-strong]",
|
|
63802
|
+
active: "bg-[--color-primary] text-[--color-primary-btn-txt] border border-[--color-primary] hover:bg-[--color-primary-hover] hover:border-[--color-primary-hover]"
|
|
63803
|
+
};
|
|
63804
|
+
|
|
63805
|
+
/**
|
|
63806
|
+
* Props for the PillButton component.
|
|
63807
|
+
*
|
|
63808
|
+
* @typedef {Object} PillButtonProps
|
|
63809
|
+
* @property {React.ReactNode} label
|
|
63810
|
+
* Content displayed inside the pill button.
|
|
63811
|
+
* @property {boolean} [active=false]
|
|
63812
|
+
* Whether the pill is in its selected state.
|
|
63813
|
+
* @property {string} [className]
|
|
63814
|
+
* Additional class names.
|
|
63815
|
+
* @property {string} [name]
|
|
63816
|
+
* Standard HTML name attribute and data-cy source.
|
|
63817
|
+
* @property {string} [dataCy]
|
|
63818
|
+
* Override for auto-generated test selector.
|
|
63819
|
+
* @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick]
|
|
63820
|
+
* Click handler.
|
|
63821
|
+
* @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onPress]
|
|
63822
|
+
* Alias for onClick.
|
|
63823
|
+
*/
|
|
63824
|
+
|
|
63825
|
+
/**
|
|
63826
|
+
* Single pill-shaped button with controlled active state.
|
|
63827
|
+
*
|
|
63828
|
+
* @param {PillButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>} props
|
|
63829
|
+
*/
|
|
63830
|
+
function PillButton(_ref) {
|
|
63831
|
+
let {
|
|
63832
|
+
label,
|
|
63833
|
+
active = false,
|
|
63834
|
+
className = "",
|
|
63835
|
+
name,
|
|
63836
|
+
dataCy,
|
|
63837
|
+
onClick,
|
|
63838
|
+
onPress,
|
|
63839
|
+
type = "button"
|
|
63840
|
+
} = _ref,
|
|
63841
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
63842
|
+
const resolvedStateClass = active ? stateClasses.active : stateClasses.default;
|
|
63843
|
+
const classNames = "\n ".concat(resolvedStateClass, "\n inline-flex\n items-center\n justify-center\n rounded-full\n px-4\n py-1.5\n text-sm\n font-medium\n whitespace-nowrap\n transition\n ease-in-out\n duration-700\n hover:shadow-lg\n focus:outline-none\n ").concat(className, "\n ");
|
|
63844
|
+
const handleClick = onClick || onPress;
|
|
63845
|
+
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button", _objectSpread(_objectSpread(_objectSpread({
|
|
63846
|
+
type: type,
|
|
63847
|
+
name: name,
|
|
63848
|
+
className: classNames,
|
|
63849
|
+
onClick: handleClick
|
|
63850
|
+
}, rest), (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__.getDataCy)({
|
|
63851
|
+
name,
|
|
63852
|
+
dataCy
|
|
63853
|
+
})), {}, {
|
|
63854
|
+
children: label
|
|
63855
|
+
}));
|
|
63856
|
+
}
|
|
63857
|
+
|
|
63858
|
+
/***/ }),
|
|
63859
|
+
|
|
62931
63860
|
/***/ 97739:
|
|
62932
63861
|
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
62933
63862
|
|
|
@@ -63998,52 +64927,70 @@ var __webpack_exports__ = {};
|
|
|
63998
64927
|
__webpack_require__.r(__webpack_exports__);
|
|
63999
64928
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
64000
64929
|
/* harmony export */ Accordion: () => (/* reexport safe */ _components_Accordions_Accordion__WEBPACK_IMPORTED_MODULE_0__["default"]),
|
|
64001
|
-
/* harmony export */ BarLayout: () => (/* reexport safe */
|
|
64930
|
+
/* harmony export */ BarLayout: () => (/* reexport safe */ _components_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_26__["default"]),
|
|
64002
64931
|
/* harmony export */ Button: () => (/* reexport safe */ _components_Buttons_Button__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
64932
|
+
/* harmony export */ Callout: () => (/* reexport safe */ _components_Callout_Callout__WEBPACK_IMPORTED_MODULE_5__["default"]),
|
|
64003
64933
|
/* harmony export */ Card: () => (/* reexport safe */ _components_Cards_Card__WEBPACK_IMPORTED_MODULE_2__["default"]),
|
|
64004
|
-
/* harmony export */
|
|
64005
|
-
/* harmony export */
|
|
64006
|
-
/* harmony export */
|
|
64007
|
-
/* harmony export */
|
|
64008
|
-
/* harmony export */
|
|
64009
|
-
/* harmony export */
|
|
64010
|
-
/* harmony export */
|
|
64011
|
-
/* harmony export */
|
|
64012
|
-
/* harmony export */
|
|
64013
|
-
/* harmony export */
|
|
64014
|
-
/* harmony export */
|
|
64015
|
-
/* harmony export */
|
|
64016
|
-
/* harmony export */
|
|
64017
|
-
/* harmony export */
|
|
64018
|
-
/* harmony export */
|
|
64019
|
-
/* harmony export */
|
|
64020
|
-
/* harmony export */
|
|
64021
|
-
/* harmony export */
|
|
64022
|
-
/* harmony export */
|
|
64934
|
+
/* harmony export */ CardItem: () => (/* reexport safe */ _components_Cards_CardItem__WEBPACK_IMPORTED_MODULE_3__["default"]),
|
|
64935
|
+
/* harmony export */ Checkbox: () => (/* reexport safe */ _components_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_10__["default"]),
|
|
64936
|
+
/* harmony export */ CookieBanner: () => (/* reexport safe */ _components_Cookie_Cookie__WEBPACK_IMPORTED_MODULE_18__["default"]),
|
|
64937
|
+
/* harmony export */ DatePicker: () => (/* reexport safe */ _components_Forms_Datepickers_DatePicker__WEBPACK_IMPORTED_MODULE_7__["default"]),
|
|
64938
|
+
/* harmony export */ Dropdown: () => (/* reexport safe */ _components_Forms_Dropdowns_Dropdown__WEBPACK_IMPORTED_MODULE_12__["default"]),
|
|
64939
|
+
/* harmony export */ FileUploadCard: () => (/* reexport safe */ _components_Cards_FileUploadCard__WEBPACK_IMPORTED_MODULE_4__["default"]),
|
|
64940
|
+
/* harmony export */ Footer: () => (/* reexport safe */ _components_Footer_Footer__WEBPACK_IMPORTED_MODULE_23__["default"]),
|
|
64941
|
+
/* harmony export */ FooterLogo: () => (/* reexport safe */ _components_FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_24__["default"]),
|
|
64942
|
+
/* harmony export */ Header: () => (/* reexport safe */ _components_Header_Header__WEBPACK_IMPORTED_MODULE_21__["default"]),
|
|
64943
|
+
/* harmony export */ Icon: () => (/* reexport safe */ _components_Icon_Icon__WEBPACK_IMPORTED_MODULE_22__["default"]),
|
|
64944
|
+
/* harmony export */ IconButton: () => (/* reexport safe */ _components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_28__["default"]),
|
|
64945
|
+
/* harmony export */ Input: () => (/* reexport safe */ _components_Forms_Inputs_Input__WEBPACK_IMPORTED_MODULE_6__["default"]),
|
|
64946
|
+
/* harmony export */ Loader: () => (/* reexport safe */ _components_Loader_Loader__WEBPACK_IMPORTED_MODULE_15__["default"]),
|
|
64947
|
+
/* harmony export */ Modal: () => (/* reexport safe */ _components_Modals_Modal__WEBPACK_IMPORTED_MODULE_14__["default"]),
|
|
64948
|
+
/* harmony export */ Navbar: () => (/* reexport safe */ _components_Navbar_Navbar__WEBPACK_IMPORTED_MODULE_13__["default"]),
|
|
64949
|
+
/* harmony export */ PageTemplate: () => (/* reexport safe */ _components_PageTemplate_PageTemplate__WEBPACK_IMPORTED_MODULE_25__["default"]),
|
|
64950
|
+
/* harmony export */ Pill: () => (/* reexport safe */ _components_Pills_Pill__WEBPACK_IMPORTED_MODULE_16__["default"]),
|
|
64951
|
+
/* harmony export */ PillButton: () => (/* reexport safe */ _components_Pills_PillButton__WEBPACK_IMPORTED_MODULE_17__["default"]),
|
|
64952
|
+
/* harmony export */ ProfileCard: () => (/* reexport safe */ _components_Profile_ProfileCard_ProfileCard__WEBPACK_IMPORTED_MODULE_27__["default"]),
|
|
64953
|
+
/* harmony export */ RadioButton: () => (/* reexport safe */ _components_Forms_Radios_RadioButton__WEBPACK_IMPORTED_MODULE_9__["default"]),
|
|
64954
|
+
/* harmony export */ Sidebar: () => (/* reexport safe */ _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_20__["default"]),
|
|
64955
|
+
/* harmony export */ Table: () => (/* reexport safe */ _components_Tables_Table__WEBPACK_IMPORTED_MODULE_11__["default"]),
|
|
64956
|
+
/* harmony export */ Text: () => (/* reexport safe */ _components_Text_Text__WEBPACK_IMPORTED_MODULE_19__["default"]),
|
|
64957
|
+
/* harmony export */ ToggleSwitch: () => (/* reexport safe */ _components_Forms_ToggleSwitch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_8__["default"])
|
|
64023
64958
|
/* harmony export */ });
|
|
64024
64959
|
/* harmony import */ var _components_Accordions_Accordion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43614);
|
|
64025
64960
|
/* harmony import */ var _components_Buttons_Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74670);
|
|
64026
64961
|
/* harmony import */ var _components_Cards_Card__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(76526);
|
|
64027
|
-
/* harmony import */ var
|
|
64028
|
-
/* harmony import */ var
|
|
64029
|
-
/* harmony import */ var
|
|
64030
|
-
/* harmony import */ var
|
|
64031
|
-
/* harmony import */ var
|
|
64032
|
-
/* harmony import */ var
|
|
64033
|
-
/* harmony import */ var
|
|
64034
|
-
/* harmony import */ var
|
|
64035
|
-
/* harmony import */ var
|
|
64036
|
-
/* harmony import */ var
|
|
64037
|
-
/* harmony import */ var
|
|
64038
|
-
/* harmony import */ var
|
|
64039
|
-
/* harmony import */ var
|
|
64040
|
-
/* harmony import */ var
|
|
64041
|
-
/* harmony import */ var
|
|
64042
|
-
/* harmony import */ var
|
|
64043
|
-
/* harmony import */ var
|
|
64044
|
-
/* harmony import */ var
|
|
64045
|
-
/* harmony import */ var
|
|
64046
|
-
/* harmony import */ var
|
|
64962
|
+
/* harmony import */ var _components_Cards_CardItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(26831);
|
|
64963
|
+
/* harmony import */ var _components_Cards_FileUploadCard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81859);
|
|
64964
|
+
/* harmony import */ var _components_Callout_Callout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(82347);
|
|
64965
|
+
/* harmony import */ var _components_Forms_Inputs_Input__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(38014);
|
|
64966
|
+
/* harmony import */ var _components_Forms_Datepickers_DatePicker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(70430);
|
|
64967
|
+
/* harmony import */ var _components_Forms_ToggleSwitch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1181);
|
|
64968
|
+
/* harmony import */ var _components_Forms_Radios_RadioButton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(16720);
|
|
64969
|
+
/* harmony import */ var _components_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(56067);
|
|
64970
|
+
/* harmony import */ var _components_Tables_Table__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(28966);
|
|
64971
|
+
/* harmony import */ var _components_Forms_Dropdowns_Dropdown__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(85894);
|
|
64972
|
+
/* harmony import */ var _components_Navbar_Navbar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(21097);
|
|
64973
|
+
/* harmony import */ var _components_Modals_Modal__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(50548);
|
|
64974
|
+
/* harmony import */ var _components_Loader_Loader__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(77695);
|
|
64975
|
+
/* harmony import */ var _components_Pills_Pill__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(89714);
|
|
64976
|
+
/* harmony import */ var _components_Pills_PillButton__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(97670);
|
|
64977
|
+
/* harmony import */ var _components_Cookie_Cookie__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(44609);
|
|
64978
|
+
/* harmony import */ var _components_Text_Text__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(21111);
|
|
64979
|
+
/* harmony import */ var _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(11775);
|
|
64980
|
+
/* harmony import */ var _components_Header_Header__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(38195);
|
|
64981
|
+
/* harmony import */ var _components_Icon_Icon__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(57739);
|
|
64982
|
+
/* harmony import */ var _components_Footer_Footer__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(3047);
|
|
64983
|
+
/* harmony import */ var _components_FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(49465);
|
|
64984
|
+
/* harmony import */ var _components_PageTemplate_PageTemplate__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(3179);
|
|
64985
|
+
/* harmony import */ var _components_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(7779);
|
|
64986
|
+
/* harmony import */ var _components_Profile_ProfileCard_ProfileCard__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(64977);
|
|
64987
|
+
/* harmony import */ var _components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(43155);
|
|
64988
|
+
|
|
64989
|
+
|
|
64990
|
+
|
|
64991
|
+
|
|
64992
|
+
|
|
64993
|
+
|
|
64047
64994
|
|
|
64048
64995
|
|
|
64049
64996
|
|