@cakemail-org/ui-components-v2 2.2.130 → 2.2.131
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/dist/cjs/components/index.d.ts +0 -4
- package/dist/cjs/factories/billing/index.d.ts +14 -0
- package/dist/cjs/factories/billing/types.d.ts +13 -1
- package/dist/cjs/factories/index.d.ts +0 -1
- package/dist/cjs/index.js +118 -490
- package/dist/cjs/models/index.d.ts +0 -1
- package/dist/cjs/services/billing/index.d.ts +13 -0
- package/dist/cjs/services/index.d.ts +0 -1
- package/dist/esm/components/index.d.ts +0 -4
- package/dist/esm/factories/billing/index.d.ts +14 -0
- package/dist/esm/factories/billing/types.d.ts +13 -1
- package/dist/esm/factories/index.d.ts +0 -1
- package/dist/esm/index.js +116 -475
- package/dist/esm/models/index.d.ts +0 -1
- package/dist/esm/services/billing/index.d.ts +13 -0
- package/dist/esm/services/index.d.ts +0 -1
- package/package.json +1 -1
- package/dist/cjs/components/resourceCard/ResourceCardGrid.d.ts +0 -5
- package/dist/cjs/components/resourceCard/gridTypes.d.ts +0 -14
- package/dist/cjs/components/resourceCard/index.d.ts +0 -5
- package/dist/cjs/components/resourceCard/types.d.ts +0 -18
- package/dist/cjs/factories/contentCatalog/index.d.ts +0 -17
- package/dist/cjs/models/contentCatalog/index.d.ts +0 -66
- package/dist/cjs/models/contentCatalog/types.d.ts +0 -89
- package/dist/cjs/services/contentCatalog/index.d.ts +0 -15
- package/dist/cjs/services/contentCatalog/types.d.ts +0 -13
- package/dist/esm/components/resourceCard/ResourceCardGrid.d.ts +0 -5
- package/dist/esm/components/resourceCard/gridTypes.d.ts +0 -14
- package/dist/esm/components/resourceCard/index.d.ts +0 -5
- package/dist/esm/components/resourceCard/types.d.ts +0 -18
- package/dist/esm/factories/contentCatalog/index.d.ts +0 -17
- package/dist/esm/models/contentCatalog/index.d.ts +0 -66
- package/dist/esm/models/contentCatalog/types.d.ts +0 -89
- package/dist/esm/services/contentCatalog/index.d.ts +0 -15
- package/dist/esm/services/contentCatalog/types.d.ts +0 -13
package/dist/esm/index.js
CHANGED
|
@@ -6486,8 +6486,8 @@ function styleInject(css, ref) {
|
|
|
6486
6486
|
}
|
|
6487
6487
|
}
|
|
6488
6488
|
|
|
6489
|
-
var css_248z$
|
|
6490
|
-
styleInject(css_248z$
|
|
6489
|
+
var css_248z$z = ".actionBarContainer-component-v2 {\n left: 0;\n position: fixed;\n z-index: 8999;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 100%;\n pointer-events: none;\n}\n.actionBarContainer-component-v2:not(.open) {\n display: none;\n}\n.actionBarContainer-component-v2.open {\n display: flex;\n}\n.actionBarContainer-component-v2.bottom {\n bottom: 2rem;\n}\n.actionBarContainer-component-v2.bottom .barsContainer > * {\n margin-top: 1rem;\n}\n.actionBarContainer-component-v2.top {\n top: 2rem;\n}\n.actionBarContainer-component-v2.top .barsContainer > * {\n margin-bottom: 1rem;\n}\n.actionBarContainer-component-v2 .barsContainer {\n pointer-events: all;\n min-width: -moz-max-content;\n min-width: max-content;\n}\n.actionBarContainer-component-v2 .barsContainer > * {\n max-width: unset;\n}\n.actionBarContainer-component-v2 .barsContainer > *:not(.manualContent) {\n border-radius: 8px;\n background-color: var(--white, #FFFFFF);\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);\n padding: 1.5rem;\n min-width: 29rem;\n box-sizing: border-box;\n}\n.actionBarContainer-component-v2 .barsContainer > * .fullBar-component > .left > div:not(:first-child) {\n margin-left: 1rem;\n}\n.actionBarContainer-component-v2 .barsContainer > * .fullBar-component > .middle,\n.actionBarContainer-component-v2 .barsContainer > * .fullBar-component > .right {\n margin-left: 3rem;\n}\n.actionBarContainer-component-v2 .barsContainer > * .fullBar-component > .middle > div:first-child,\n.actionBarContainer-component-v2 .barsContainer > * .fullBar-component > .right > div:first-child {\n margin-right: 0;\n}\n.actionBarContainer-component-v2 .barsContainer > * .fullBar-component > .middle > div:not(:first-child),\n.actionBarContainer-component-v2 .barsContainer > * .fullBar-component > .right > div:not(:first-child) {\n margin-left: 0.75rem;\n}\n.actionBarContainer-component-v2 .barsContainer > * p,\n.actionBarContainer-component-v2 .barsContainer > * button {\n white-space: nowrap;\n}";
|
|
6490
|
+
styleInject(css_248z$z);
|
|
6491
6491
|
|
|
6492
6492
|
var ActionBarContainer = forwardRef(function (props, ref) {
|
|
6493
6493
|
var refState = useRef({ open: false });
|
|
@@ -7683,8 +7683,8 @@ function Icon(_a) {
|
|
|
7683
7683
|
return React__default.createElement(React__default.Fragment, null, Component ? React__default.createElement(SvgIcon, __assign({ fontSize: fontSize, sx: __assign(__assign({}, sx), csx) }, iconProps, { component: Component })) : "");
|
|
7684
7684
|
}
|
|
7685
7685
|
|
|
7686
|
-
var css_248z$
|
|
7687
|
-
styleInject(css_248z$
|
|
7686
|
+
var css_248z$y = ".circulatProgress-component-v2.content {\n flex: 1;\n}\n.circulatProgress-component-v2.container {\n position: absolute;\n}\n.circulatProgress-component-v2.page {\n position: fixed;\n}\n.circulatProgress-component-v2.page, .circulatProgress-component-v2.container {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.circulatProgress-component-v2.content, .circulatProgress-component-v2.container, .circulatProgress-component-v2.page {\n display: flex;\n align-items: center;\n justify-content: center;\n}";
|
|
7687
|
+
styleInject(css_248z$y);
|
|
7688
7688
|
|
|
7689
7689
|
function CircularProgress(_a) {
|
|
7690
7690
|
var color = _a.color, _b = _a.location, location = _b === void 0 ? "default" : _b, props = __rest(_a, ["color", "location"]);
|
|
@@ -7698,8 +7698,8 @@ function LinearProgress(_a) {
|
|
|
7698
7698
|
return React__default.createElement(LinearProgress$1, __assign({}, props, { color: color, className: classes }));
|
|
7699
7699
|
}
|
|
7700
7700
|
|
|
7701
|
-
var css_248z$
|
|
7702
|
-
styleInject(css_248z$
|
|
7701
|
+
var css_248z$x = ".loadingContainer-component-v2.keepChildren {\n position: relative;\n}\n.loadingContainer-component-v2.keepChildren .hiddenChildren {\n visibility: hidden;\n}\n.loadingContainer-component-v2.keepChildren .circulatProgress-component-v2,\n.loadingContainer-component-v2.keepChildren .MuiLinearProgress-root {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n}";
|
|
7702
|
+
styleInject(css_248z$x);
|
|
7703
7703
|
|
|
7704
7704
|
function LoadingContainer(_a) {
|
|
7705
7705
|
var _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, _c = _a.variant, variant = _c === void 0 ? "circular" : _c, width = _a.width, _d = _a.className, className = _d === void 0 ? "" : _d, keepChildren = _a.keepChildren, // Works with contenet not in iframes
|
|
@@ -7722,8 +7722,8 @@ function LoadingContainer(_a) {
|
|
|
7722
7722
|
React__default.createElement(Container, { className: "loadingContainer-component-v2 ".concat(className), sx: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%" } }, loader)));
|
|
7723
7723
|
}
|
|
7724
7724
|
|
|
7725
|
-
var css_248z$
|
|
7726
|
-
styleInject(css_248z$
|
|
7725
|
+
var css_248z$w = ".textfield-component-v2 {\n position: relative;\n}\n.textfield-component-v2.small .MuiSvgIcon-root {\n top: 1.4rem !important;\n}\n.textfield-component-v2.disabled {\n opacity: 0.65;\n pointer-events: none;\n}\n.textfield-component-v2 .MuiSvgIcon-root ~ .MuiFormControl-root .MuiInputBase-input {\n padding-left: 42px;\n}\n.textfield-component-v2 .MuiSvgIcon-root {\n position: absolute;\n left: 1rem;\n top: 1.65rem;\n transform: translateY(-50%);\n z-index: 1;\n}\n\n.locationTextField-component-v2 {\n position: relative;\n}\n.locationTextField-component-v2 .autocomplete-dropdown-container {\n position: absolute;\n width: 100%;\n z-index: 10000;\n}\n\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-select {\n padding-right: 1.75rem !important;\n}\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-icon {\n display: inline-block;\n right: 0.5rem;\n}\n\n.react-international-phone-flag-emoji {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.colorTextField-component-v2 {\n position: relative;\n}\n.colorTextField-component-v2 .boxedColor {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 20px;\n left: 1rem;\n top: 1.65rem;\n transform: translateY(-50%);\n z-index: 1;\n}\n.colorTextField-component-v2 .boxedColor .MuiSvgIcon-root {\n width: unset;\n height: unset;\n}\n.colorTextField-component-v2 .boxedColor::after {\n position: absolute;\n width: 6px;\n height: 6px;\n content: \"\";\n background-color: var(--white, #FFFFFF);\n border-radius: 20px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.colorTextField-component-v2 .boxedColor ~ .textfield-component-v2 .MuiInputBase-input {\n padding-left: 44px;\n}\n.colorTextField-component-v2.bottom .react-colorful {\n top: 3.5rem;\n}\n.colorTextField-component-v2.top .react-colorful {\n bottom: 4rem;\n}\n.colorTextField-component-v2 .react-colorful {\n width: 100%;\n position: absolute;\n}";
|
|
7726
|
+
styleInject(css_248z$w);
|
|
7727
7727
|
|
|
7728
7728
|
var TextField = forwardRef(function (_a, ref) {
|
|
7729
7729
|
var _b = _a.className, className = _b === void 0 ? "" : _b, label = _a.label, timeout = _a.timeout, labelTooltipText = _a.labelTooltipText, disabled = _a.disabled, useBareBoneInput = _a.useBareBoneInput, onChange = _a.onChange, multiline = _a.multiline, inputProps = _a.inputProps, iconName = _a.iconName, onKeyDown = _a.onKeyDown, size = _a.size, props = __rest(_a, ["className", "label", "timeout", "labelTooltipText", "disabled", "useBareBoneInput", "onChange", "multiline", "inputProps", "iconName", "onKeyDown", "size"]);
|
|
@@ -7778,8 +7778,8 @@ var TextField = forwardRef(function (_a, ref) {
|
|
|
7778
7778
|
React__default.createElement(MUITextField, __assign({}, props, { inputProps: inputProps, onChange: useBareBoneInput ? onChange : onChangeHandler, label: cLabel, disabled: disabled, onKeyDown: handleKeyDown, multiline: multiline, inputRef: ref, size: size })));
|
|
7779
7779
|
});
|
|
7780
7780
|
|
|
7781
|
-
var css_248z$
|
|
7782
|
-
styleInject(css_248z$
|
|
7781
|
+
var css_248z$v = ".assetmanager-component-v2 {\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);\n background: var(--background-color-1, var(--white, #FFFFFF));\n min-width: 25rem;\n width: 100%;\n}\n.assetmanager-component-v2 .loadingContainer-component-v2 {\n padding: 3rem;\n}\n.assetmanager-component-v2 .container {\n padding: 0.75rem;\n}\n.assetmanager-component-v2 .container > div.textInputContainer {\n display: flex;\n border: solid 1px var(--wild-sand, #dddddd);\n border-radius: 6px;\n justify-content: flex-start;\n align-items: center;\n}\n.assetmanager-component-v2 .container > div.textInputContainer > div .MuiSvgIcon-root {\n display: block;\n cursor: pointer;\n}\n.assetmanager-component-v2 .container > div.textInputContainer > div:first-child {\n padding: 0 0.75rem 0 0.75rem;\n height: 100%;\n}\n.assetmanager-component-v2 .container > div.textInputContainer > div:last-child:not(.textfield-component-v2) {\n padding: 0 0.875rem;\n height: 100%;\n}\n.assetmanager-component-v2 .container > div.textInputContainer .textfield-component-v2 {\n width: 100%;\n}\n.assetmanager-component-v2 .container > div.textInputContainer .textfield-component-v2 fieldset {\n outline: none !important;\n border: none !important;\n}\n.assetmanager-component-v2 .container > div.textInputContainer .textfield-component-v2 input {\n padding: 0.5rem 0 !important;\n}\n.assetmanager-component-v2 .container .optionsListingContainer {\n padding: 0 1.25rem 0.5rem 1.25rem;\n margin: 1.25rem 0 0.5rem 0;\n max-height: 20rem;\n overflow-y: auto;\n}\n.assetmanager-component-v2 .container .optionsListingContainer button {\n text-transform: capitalize;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar {\n display: block;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.assetmanager-component-v2 .container .optionsListingContainer::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.assetmanager-component-v2 .container .optionsListingContainer > div:first-child:not(.listItem) {\n padding-bottom: 0.75rem;\n text-transform: uppercase;\n font-weight: 700;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.assetmanager-component-v2 .container .optionsListingContainer > p.h8 {\n margin-bottom: 1rem;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.assetmanager-component-v2 .container .optionsListingContainer p.h8 {\n flex: 1;\n font-family: proxima-nova, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;\n text-transform: uppercase;\n font-weight: 700;\n line-height: 1rem;\n font-size: 0.75rem;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 2rem;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem p.h8 {\n color: var(--body-font-color-2, var(--silver, #9B9B9B));\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem > .MuiSvgIcon-root {\n margin-right: 1rem;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem.selected p.h8 {\n color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n padding-right: 1rem;\n max-width: 100%;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem.selected .MuiSvgIcon-root span svg path {\n fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem .buttonContainer {\n margin-left: 1rem;\n visibility: hidden;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem .buttonContainer button:nth-child(2) {\n margin-left: 0.5rem;\n}\n.assetmanager-component-v2 .container .optionsListingContainer .listItem:hover .buttonContainer {\n visibility: visible;\n}\n.assetmanager-component-v2 > button:last-child {\n width: 100%;\n text-transform: uppercase;\n font-family: proxima-nova, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;\n height: 3rem;\n border-top: 1px solid var(--wild-sand, #dddddd) !important;\n outline: none;\n border-radius: 0;\n font-weight: 700;\n}";
|
|
7782
|
+
styleInject(css_248z$v);
|
|
7783
7783
|
|
|
7784
7784
|
var EAssetManagerMatchType;
|
|
7785
7785
|
(function (EAssetManagerMatchType) {
|
|
@@ -8257,8 +8257,8 @@ function DialogTitle(_a) {
|
|
|
8257
8257
|
React__default.createElement(Typography, { className: className, variant: variant }, children));
|
|
8258
8258
|
}
|
|
8259
8259
|
|
|
8260
|
-
var css_248z$
|
|
8261
|
-
styleInject(css_248z$
|
|
8260
|
+
var css_248z$u = ".dialog-component-v2 {\n box-sizing: border-box;\n z-index: 9000 !important;\n}\n.dialog-component-v2.alert {\n pointer-events: none;\n}\n.dialog-component-v2.alert .MuiBackdrop-root {\n display: none;\n}\n.dialog-component-v2.alert > .MuiDialog-container > .MuiPaper-root {\n border-radius: 8px;\n pointer-events: all;\n width: -moz-max-content;\n width: max-content;\n padding: 1rem;\n}\n.dialog-component-v2.alert > .MuiDialog-container > .MuiPaper-root .MuiDialogContent-root {\n text-align: left;\n padding: 0.25rem 0 0;\n}\n.dialog-component-v2:not(.alert) > .MuiDialog-container > .MuiPaper-root {\n border-radius: 16px;\n max-width: 500px;\n width: 100%;\n max-height: calc(100vh - 2rem);\n padding: 2rem;\n}\n.dialog-component-v2:not(.alert) > .MuiDialog-container > .MuiPaper-root::-webkit-scrollbar {\n display: block;\n}\n.dialog-component-v2:not(.alert) > .MuiDialog-container > .MuiPaper-root::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.dialog-component-v2:not(.alert) > .MuiDialog-container > .MuiPaper-root::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.dialog-component-v2:not(.alert) > .MuiDialog-container > .MuiPaper-root::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.dialog-component-v2:not(.alert) > .MuiDialog-container > .MuiPaper-root::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.dialog-component-v2 .dialogTitle .MuiSvgIcon-root {\n margin-right: 0.75rem;\n}\n.dialog-component-v2 .dialogTitle.warning .MuiSvgIcon-root path {\n fill: var(--warning-brand-color, var(--orange, #FF9E0E));\n}\n.dialog-component-v2 .dialogTitle.error .MuiSvgIcon-root path {\n fill: var(--error-brand-color, var(--rad-red, #FF4835));\n}\n.dialog-component-v2 .dialogTitle.success .MuiSvgIcon-root path {\n fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}";
|
|
8261
|
+
styleInject(css_248z$u);
|
|
8262
8262
|
|
|
8263
8263
|
var Dialog = forwardRef(function (props, ref) {
|
|
8264
8264
|
var refState = useRef({ open: false });
|
|
@@ -8348,8 +8348,8 @@ var Dialog = forwardRef(function (props, ref) {
|
|
|
8348
8348
|
!state.managedByContent && props.children);
|
|
8349
8349
|
});
|
|
8350
8350
|
|
|
8351
|
-
var css_248z$
|
|
8352
|
-
styleInject(css_248z$
|
|
8351
|
+
var css_248z$t = "";
|
|
8352
|
+
styleInject(css_248z$t);
|
|
8353
8353
|
|
|
8354
8354
|
var Drawer = forwardRef(function (props, ref) {
|
|
8355
8355
|
var _a = useState(props.open || false), isOpen = _a[0], setIsOpen = _a[1];
|
|
@@ -8396,16 +8396,16 @@ var Drawer = forwardRef(function (props, ref) {
|
|
|
8396
8396
|
return React__default.createElement(MuiDrawer, { open: isOpen, variant: state.variant, onClose: handleClose, className: "drawer-component-v2 ".concat(state.className), anchor: state.position, transitionDuration: state.transitionDuration }, props.children || state.children);
|
|
8397
8397
|
});
|
|
8398
8398
|
|
|
8399
|
-
var css_248z$
|
|
8400
|
-
styleInject(css_248z$
|
|
8399
|
+
var css_248z$s = ".contentSectionContainer {\n padding: 2rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: auto;\n}\n.contentSectionContainer > *:not(:first-child) {\n margin-top: 2rem;\n}\n.contentSectionContainer > *:not(:last-child) {\n flex: 0;\n}\n.contentSectionContainer > *:last-child {\n flex: 1;\n}";
|
|
8400
|
+
styleInject(css_248z$s);
|
|
8401
8401
|
|
|
8402
8402
|
function ContentSectionContainer(_a) {
|
|
8403
8403
|
var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children;
|
|
8404
8404
|
return React__default.createElement(Box, { className: "contentSectionContainer ".concat(className) }, children);
|
|
8405
8405
|
}
|
|
8406
8406
|
|
|
8407
|
-
var css_248z$
|
|
8408
|
-
styleInject(css_248z$
|
|
8407
|
+
var css_248z$r = ".fullBar-component-v2 {\n position: relative;\n flex-wrap: wrap;\n}\n.fullBar-component-v2 > div {\n position: unset;\n}\n.fullBar-component-v2 .left > *:nth-child(n+2),\n.fullBar-component-v2 .center > *:nth-child(n+2),\n.fullBar-component-v2 .right > *:nth-child(n+2) {\n margin-left: 0.75rem;\n}";
|
|
8408
|
+
styleInject(css_248z$r);
|
|
8409
8409
|
|
|
8410
8410
|
function FullBar(props) {
|
|
8411
8411
|
if (props === void 0) { props = {}; }
|
|
@@ -8419,8 +8419,8 @@ function FullBar(props) {
|
|
|
8419
8419
|
React__default.createElement(Stack$1, __assign({ direction: "row" }, rightProps, { sx: __assign({ alignItems: "center", justifyContent: "right", fex: 1 }, rightSX), className: "right" }), right));
|
|
8420
8420
|
}
|
|
8421
8421
|
|
|
8422
|
-
var css_248z$
|
|
8423
|
-
styleInject(css_248z$
|
|
8422
|
+
var css_248z$q = ".logo-component-v2 {\n line-height: 0;\n}";
|
|
8423
|
+
styleInject(css_248z$q);
|
|
8424
8424
|
|
|
8425
8425
|
function Logo(_a) {
|
|
8426
8426
|
var url = _a.url, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.imgProps, imgProps = _c === void 0 ? {} : _c;
|
|
@@ -8430,8 +8430,8 @@ function Logo(_a) {
|
|
|
8430
8430
|
React__default.createElement("img", __assign({ src: url, style: __assign({ maxHeight: "45px", maxWidth: "200px" }, styles) }, imgProps)));
|
|
8431
8431
|
}
|
|
8432
8432
|
|
|
8433
|
-
var css_248z$
|
|
8434
|
-
styleInject(css_248z$
|
|
8433
|
+
var css_248z$p = ".modal-component-v2 {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: var(--white, #FFFFFF);\n z-index: 8500;\n flex-direction: column;\n}\n.modal-component-v2.spacedHeader .fullBar-component-v2 {\n padding: 2rem 2rem 0 2rem;\n}\n.modal-component-v2.open {\n display: flex;\n}\n.modal-component-v2:not(.open) {\n display: none;\n}\n.modal-component-v2 .vSeperator {\n width: 1px;\n height: 50%;\n background: var(--wild-sand, #dddddd);\n}\n.modal-component-v2:not(.spacedHeader) > .fullBar-component-v2 {\n background: var(--shade100, #F3F2F2);\n}\n.modal-component-v2 > .fullBar-component-v2 {\n flex: 0;\n padding: 0.75rem 1.5rem;\n}\n.modal-component-v2 > .fullBar-component-v2 .subNav-component-v2 button {\n padding-top: 0;\n padding-bottom: 0;\n}\n.modal-component-v2 > .fullBar-component-v2 .left > *:nth-child(n+2) {\n margin-left: 1rem;\n}\n.modal-component-v2 > div:not(.fullBar-component-v2) {\n flex: 1;\n}\n.modal-component-v2 .contentSectionContainer {\n display: flex;\n align-items: center;\n overflow-y: auto;\n}";
|
|
8434
|
+
styleInject(css_248z$p);
|
|
8435
8435
|
|
|
8436
8436
|
function ModalHeading(props) {
|
|
8437
8437
|
if (props === void 0) { props = {}; }
|
|
@@ -8521,8 +8521,8 @@ var Modal = forwardRef(function (props, ref) {
|
|
|
8521
8521
|
React__default.createElement(ContentSectionContainer, null, state.content))));
|
|
8522
8522
|
});
|
|
8523
8523
|
|
|
8524
|
-
var css_248z$
|
|
8525
|
-
styleInject(css_248z$
|
|
8524
|
+
var css_248z$o = ".overlay-component-v2 {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: rgba(0, 0, 0, 0.5);\n z-index: 9000;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.overlay-component-v2 .container {\n background: var(--white, #FFFFFF);\n border-radius: 16px;\n width: 80%;\n height: 80%;\n}\n.overlay-component-v2 .container .contentSectionContainer > div {\n width: 100%;\n}\n.overlay-component-v2 .container .vSeperator {\n width: 1px;\n height: 50%;\n background: var(--wild-sand, #dddddd);\n}\n.overlay-component-v2 .container > .fullBar-component-v2 {\n flex: 0;\n padding: 0.75rem 0.75rem;\n border-bottom: 1px solid var(--wild-sand, #dddddd);\n}\n.overlay-component-v2 .container > .fullBar-component-v2 .subNav-component-v2 button {\n padding-top: 0;\n padding-bottom: 0;\n}\n.overlay-component-v2 .container > .fullBar-component-v2 .left > *:nth-child(n+2) {\n margin-left: 1rem;\n}\n.overlay-component-v2 .container > div:not(.fullBar-component-v2) {\n flex: 1;\n}\n.overlay-component-v2 .container .contentSectionContainer {\n display: flex;\n align-items: center;\n overflow-y: auto;\n}\n.overlay-component-v2.open {\n display: flex;\n}\n.overlay-component-v2:not(.open) {\n display: none;\n}";
|
|
8525
|
+
styleInject(css_248z$o);
|
|
8526
8526
|
|
|
8527
8527
|
function OverlayHeading(props) {
|
|
8528
8528
|
if (props === void 0) { props = {}; }
|
|
@@ -8611,8 +8611,8 @@ var Overlay = forwardRef(function (props, ref) {
|
|
|
8611
8611
|
React__default.createElement(ContentSectionContainer, null, state.content)))));
|
|
8612
8612
|
});
|
|
8613
8613
|
|
|
8614
|
-
var css_248z$
|
|
8615
|
-
styleInject(css_248z$
|
|
8614
|
+
var css_248z$n = ".ui-kit-v2-wrapper {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: column;\n}";
|
|
8615
|
+
styleInject(css_248z$n);
|
|
8616
8616
|
|
|
8617
8617
|
function BrandWrapper(_a) {
|
|
8618
8618
|
_a.onInit; var _b = _a.onBrandSuccess, onBrandSuccess = _b === void 0 ? function () { } : _b, _c = _a.onBrandError, onBrandError = _c === void 0 ? function () { } : _c, MUITheme = _a.MUITheme, brandId = _a.brandId, brandHost = _a.brandHost, children = _a.children, _d = _a.noFetch, noFetch = _d === void 0 ? false : _d, _e = _a.setPageHead, setPageHead = _e === void 0 ? true : _e, _f = _a.includeHandlers, includeHandlers = _f === void 0 ? true : _f, brandThemeContext = _a.brandThemeContext, styleOverride = _a.styleOverride;
|
|
@@ -8712,8 +8712,8 @@ function MenuOption(_a) {
|
|
|
8712
8712
|
React__default.createElement(Icon, { name: "Checkmark10" }))));
|
|
8713
8713
|
}
|
|
8714
8714
|
|
|
8715
|
-
var css_248z$
|
|
8716
|
-
styleInject(css_248z$
|
|
8715
|
+
var css_248z$m = ".dropMenu-component-v2.inlineMenu {\n position: relative;\n overflow-y: auto;\n margin-top: 0.75rem;\n max-height: 35vh;\n box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1490196078);\n padding: 0.75rem;\n border-radius: 16px;\n min-width: 300;\n background: var(--background-color-1, var(--white, #FFFFFF));\n box-sizing: border-box;\n}\n.dropMenu-component-v2.inlineMenu::-webkit-scrollbar {\n display: block;\n}\n.dropMenu-component-v2.inlineMenu::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.dropMenu-component-v2.inlineMenu::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.dropMenu-component-v2.inlineMenu::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.dropMenu-component-v2.inlineMenu::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}";
|
|
8716
|
+
styleInject(css_248z$m);
|
|
8717
8717
|
|
|
8718
8718
|
function DropMenu(_a) {
|
|
8719
8719
|
var _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.popoverProps, popoverProps = _c === void 0 ? {
|
|
@@ -8738,8 +8738,8 @@ function DropMenu(_a) {
|
|
|
8738
8738
|
}
|
|
8739
8739
|
}
|
|
8740
8740
|
|
|
8741
|
-
var css_248z$
|
|
8742
|
-
styleInject(css_248z$
|
|
8741
|
+
var css_248z$l = ".buttonMenu-component-v2.MuiButton-sizeSmall {\n min-height: 2rem;\n}\n.buttonMenu-component-v2.MuiButton-sizeMedium {\n min-height: 3.125rem;\n}\n.buttonMenu-component-v2.MuiButton-sizeLarge {\n min-height: 3.75rem;\n}";
|
|
8742
|
+
styleInject(css_248z$l);
|
|
8743
8743
|
|
|
8744
8744
|
function ButtonMenu(_a) {
|
|
8745
8745
|
var children = _a.children, _b = _a.buttonProps, buttonProps = _b === void 0 ? {
|
|
@@ -8782,8 +8782,8 @@ function Chip(_a) {
|
|
|
8782
8782
|
return React__default.createElement(Chip$1, __assign({}, props, { className: classes, color: color }));
|
|
8783
8783
|
}
|
|
8784
8784
|
|
|
8785
|
-
var css_248z$
|
|
8786
|
-
styleInject(css_248z$
|
|
8785
|
+
var css_248z$k = ".codeInput-component > div {\n justify-content: center;\n align-items: center;\n}\n.codeInput-component > div input {\n box-sizing: border-box;\n width: 48px;\n height: 48px;\n padding: 1rem;\n border-radius: 8px;\n outline: none;\n color: var(--primary-brand-color, var(--grape, #69006E));\n font-size: 1rem;\n line-height: 1.25rem;\n text-align: center;\n margin: 0 0.5rem;\n}\n.codeInput-component > div input[type=number]::-webkit-inner-spin-button, .codeInput-component > div input[type=number]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.codeInput-component > div input:-moz-placeholder {\n border: 1px solid var(--wild-sand, #dddddd);\n color: var(--body-font-color-2, var(--silver, #9B9B9B));\n}\n.codeInput-component > div input:placeholder-shown {\n border: 1px solid var(--wild-sand, #dddddd);\n color: var(--body-font-color-2, var(--silver, #9B9B9B));\n}\n.codeInput-component > div input:not(:-moz-placeholder) {\n border: 1px solid var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.codeInput-component > div input:not(:placeholder-shown) {\n border: 1px solid var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.codeInput-component > div input:first-child {\n margin-left: 0;\n}\n.codeInput-component > div input:last-child {\n margin-right: 0;\n}";
|
|
8786
|
+
styleInject(css_248z$k);
|
|
8787
8787
|
|
|
8788
8788
|
function CodeInput(_a) {
|
|
8789
8789
|
var className = _a.className, initValue = _a.initValue, value = _a.value, _b = _a.numInputs, numInputs = _b === void 0 ? 6 : _b, _c = _a.shouldAutoFocus, shouldAutoFocus = _c === void 0 ? true : _c, placeholder = _a.placeholder, renderSeparator = _a.renderSeparator, _d = _a.inputType, inputType = _d === void 0 ? "text" : _d, onChange = _a.onChange, onPaste = _a.onPaste;
|
|
@@ -8836,8 +8836,8 @@ function CustomPaginationActions(_a) {
|
|
|
8836
8836
|
React__default.createElement(Button, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page", variant: "outlined", color: "body1" }, "Last")));
|
|
8837
8837
|
}
|
|
8838
8838
|
|
|
8839
|
-
var css_248z$
|
|
8840
|
-
styleInject(css_248z$
|
|
8839
|
+
var css_248z$j = ".dataTable-component-v2 {\n position: relative;\n height: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root {\n margin-bottom: 5rem;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar {\n display: block;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.dataTable-component-v2 .MuiTableContainer-root::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.dataTable-component-v2 .MuiTableContainer-root > table thead {\n border-bottom: 1px solid transparent;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th {\n vertical-align: middle;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable {\n cursor: pointer;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable .MuiTableSortLabel-root .MuiTableSortLabel-icon path {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.sortable:hover .MuiTableSortLabel-root .MuiTableSortLabel-icon {\n opacity: 0.5;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th,\n.dataTable-component-v2 .MuiTableContainer-root > table td {\n white-space: nowrap;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th > .cellContainer,\n.dataTable-component-v2 .MuiTableContainer-root > table td > .cellContainer {\n width: -moz-max-content;\n width: max-content;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyLastCol::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyLastCol::before {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.stickyFirstCol::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.stickyFirstCol::after {\n content: \"\";\n width: 19px;\n height: -webkit-fill-available;\n display: block;\n position: absolute;\n top: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::before, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::before,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::before {\n content: \"\";\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after, .dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n content: \"\";\n background-size: 16px 16px, 16px 16px;\n background-repeat: no-repeat, no-repeat;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect {\n left: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.leftStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.leftStickyEffect::after {\n background-position: top left, bottom left;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect {\n right: 0;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table th.rightStickyEffect::after,\n.dataTable-component-v2 .MuiTableContainer-root > table td.rightStickyEffect::after {\n right: 0;\n background-position: top right, bottom right;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr {\n position: relative;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td .cellContainer {\n display: flex;\n justify-content: left;\n width: -moz-max-content;\n width: max-content;\n min-width: 100%;\n}\n.dataTable-component-v2 .MuiTableContainer-root > table tr td.centered .cellContainer {\n justify-content: center;\n}\n.dataTable-component-v2 .MuiTablePagination-root {\n overflow: visible;\n}\n.dataTable-component-v2 .MuiTablePagination-root .MuiTablePagination-selectLabel,\n.dataTable-component-v2 .MuiTablePagination-root .MuiInputBase-root {\n display: none;\n}\n.dataTable-component-v2 .MuiTablePagination-root .MuiTablePagination-toolbar {\n padding-right: 1.25rem;\n}\n.dataTable-component-v2 .MuiTablePagination-root .MuiTablePagination-actions {\n margin-right: 0.75rem;\n}\n\n.colManagerMenu .MuiListItemText-root .MuiCheckbox-root {\n margin-right: 0.75rem;\n}";
|
|
8840
|
+
styleInject(css_248z$j);
|
|
8841
8841
|
|
|
8842
8842
|
var bottomLeftCorner = "data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fillRule%3D%22evenodd%22%20clipRule%3D%22evenodd%22%20d%3D%22M8%208C3.58172%208%20-1.56562e-07%204.41828%20-3.49691e-07%200L0%208L8%208Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";
|
|
8843
8843
|
|
|
@@ -8998,8 +8998,8 @@ function DataTableRow(_a) {
|
|
|
8998
8998
|
React__default.createElement(TableCell, { className: "rightStickyEffect stickyEffect" })));
|
|
8999
8999
|
}
|
|
9000
9000
|
|
|
9001
|
-
var css_248z$
|
|
9002
|
-
styleInject(css_248z$
|
|
9001
|
+
var css_248z$i = ".search-component-v2 {\n width: 100%;\n}\n.search-component-v2 .inputContainer {\n width: 100%;\n padding: 1.25rem 1.5rem;\n background-color: var(--background-color-1, var(--white, #FFFFFF));\n border-radius: 16px;\n box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);\n box-sizing: border-box;\n}\n.search-component-v2 .inputContainer > *:not(:first-child) {\n margin-left: 1rem;\n}\n.search-component-v2 .inputContainer input {\n flex: 1;\n font-family: proxima-nova, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.25rem;\n border: none;\n outline: none;\n color: var(--primary-brand-color, var(--grape, #69006E));\n background: none;\n}\n.search-component-v2 .inputContainer input::-moz-placeholder {\n color: var(--silver, #9B9B9B);\n}\n.search-component-v2 .inputContainer input::placeholder {\n color: var(--silver, #9B9B9B);\n}";
|
|
9002
|
+
styleInject(css_248z$i);
|
|
9003
9003
|
|
|
9004
9004
|
function Search(_a) {
|
|
9005
9005
|
var _b = _a.initValue, initValue = _b === void 0 ? "" : _b, name = _a.name, onChange = _a.onChange, _c = _a.intervalTime, intervalTime = _c === void 0 ? 800 : _c, placeholder = _a.placeholder, onClose = _a.onClose, _d = _a.className, className = _d === void 0 ? "" : _d, useClickAway = _a.useClickAway, onEnter = _a.onEnter, _e = _a.useKeyDownForChange, useKeyDownForChange = _e === void 0 ? false : _e;
|
|
@@ -9072,8 +9072,8 @@ function Search(_a) {
|
|
|
9072
9072
|
React__default.createElement(Icon, { actionIcon: true, className: "close", name: "X18", onClick: onClose }))));
|
|
9073
9073
|
}
|
|
9074
9074
|
|
|
9075
|
-
var css_248z$
|
|
9076
|
-
styleInject(css_248z$
|
|
9075
|
+
var css_248z$h = ".dropdown-component-v2 .prefixIcon {\n margin-right: 0.5rem;\n}\n.dropdown-component-v2 .MuiFormLabel-root,\n.dropdown-component-v2 .MuiFormLabel-root.Mui-focused {\n font-family: proxima-nova, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;\n font-weight: 700;\n font-size: 0.875rem;\n line-height: 1.125rem;\n max-width: 52rem;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n transform: translate(14px, -9px) !important;\n}\n.dropdown-component-v2 .MuiFormLabel-root > div,\n.dropdown-component-v2 .MuiFormLabel-root.Mui-focused > div {\n display: flex;\n align-items: \"center\";\n}\n.dropdown-component-v2 .MuiFormLabel-root > div .MuiSvgIcon-root,\n.dropdown-component-v2 .MuiFormLabel-root.Mui-focused > div .MuiSvgIcon-root {\n margin-left: 0.5rem;\n}\n.dropdown-component-v2 .filled fieldset {\n border-color: var(--secondary-brand-color, var(--teal, #0ABDAE)) !important;\n}\n.dropdown-component-v2 fieldset legend span {\n font-weight: 700;\n font-size: 0.875rem;\n line-height: 1.125rem;\n max-width: 52rem;\n}";
|
|
9076
|
+
styleInject(css_248z$h);
|
|
9077
9077
|
|
|
9078
9078
|
function Dropdown(_a) {
|
|
9079
9079
|
var placeholder = _a.placeholder, label = _a.label, keepOpenOnClick = _a.keepOpenOnClick, name = _a.name, _b = _a.className, className = _b === void 0 ? "" : _b, extraSelectProps = _a.extraSelectProps, variant = _a.variant, labelIconColor = _a.labelIconColor, onChange = _a.onChange, defaultValue = _a.defaultValue, _c = _a.menuPlacement, menuPlacement = _c === void 0 ? "bottom-right" : _c, _d = _a.iconOnly, iconOnly = _d === void 0 ? false : _d, chevronIconOverride = _a.chevronIconOverride, renderValue = _a.renderValue, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.typographyVariant, typographyVariant = _f === void 0 ? "button" : _f, _g = _a.size, size = _g === void 0 ? "medium" : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.color, color = _j === void 0 ? "primary" : _j, _k = _a.value, value = _k === void 0 ? undefined : _k, _l = _a.multiSelect, multiSelect = _l === void 0 ? false : _l, searchProps = _a.searchProps, stickyActions = _a.stickyActions, prefixIcon = _a.prefixIcon, onOpen = _a.onOpen, onClose = _a.onClose;
|
|
@@ -9298,8 +9298,8 @@ function DataTable(_a) {
|
|
|
9298
9298
|
ActionsComponent: CustomPaginationActions }))));
|
|
9299
9299
|
}
|
|
9300
9300
|
|
|
9301
|
-
var css_248z$
|
|
9302
|
-
styleInject(css_248z$
|
|
9301
|
+
var css_248z$g = ".dateTimeSelector.dateTimeCalendar {\n background: var(--white, #FFFFFF);\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root {\n flex: 1;\n}\n.dateTimeSelector .MuiMultiSectionDigitalClock-root .MuiMultiSectionDigitalClockSection-item.Mui-selected,\n.dateTimeSelector .MuiMultiSectionDigitalClockSection-root .MuiMultiSectionDigitalClockSection-item.Mui-selected {\n background-color: var(--primary-brand-color, var(--grape, #69006E)) !important;\n}";
|
|
9302
|
+
styleInject(css_248z$g);
|
|
9303
9303
|
|
|
9304
9304
|
function DatePicker(_a) {
|
|
9305
9305
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
@@ -9359,8 +9359,8 @@ function DateTimeCalendar(_a) {
|
|
|
9359
9359
|
} })));
|
|
9360
9360
|
}
|
|
9361
9361
|
|
|
9362
|
-
var css_248z$
|
|
9363
|
-
styleInject(css_248z$
|
|
9362
|
+
var css_248z$f = ".divider-component-v2 {\n width: 100%;\n}";
|
|
9363
|
+
styleInject(css_248z$f);
|
|
9364
9364
|
|
|
9365
9365
|
function Divider(_a) {
|
|
9366
9366
|
var _b = _a.height, height = _b === void 0 ? 1 : _b, _c = _a.color, color = _c === void 0 ? "wildSand" : _c;
|
|
@@ -9387,8 +9387,8 @@ function CountryDropdown(_a) {
|
|
|
9387
9387
|
return React__default.createElement(Dropdown, __assign({}, args, { value: value, defaultValue: defaultValue, options: options, onChange: onChange }));
|
|
9388
9388
|
}
|
|
9389
9389
|
|
|
9390
|
-
var css_248z$
|
|
9391
|
-
styleInject(css_248z$
|
|
9390
|
+
var css_248z$e = ".emptyContent-component-v2 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1;\n width: 100%;\n height: 100%;\n padding: 2rem;\n box-sizing: border-box;\n background: var(--cloud, #F4F4F4);\n align-self: stretch;\n justify-self: stretch;\n border-radius: 32px;\n}\n.emptyContent-component-v2 > .MuiStack-root {\n width: 32rem;\n text-align: center;\n}\n.emptyContent-component-v2 > .MuiStack-root .MuiTypography-h3 {\n margin-top: 1rem;\n}\n.emptyContent-component-v2 > .MuiStack-root .MuiTypography-body1L {\n display: block;\n margin-top: 0.5rem;\n}\n.emptyContent-component-v2 > .MuiStack-root button {\n margin-top: 1rem;\n}";
|
|
9391
|
+
styleInject(css_248z$e);
|
|
9392
9392
|
|
|
9393
9393
|
function EmptyContent(_a) {
|
|
9394
9394
|
var title = _a.title, desc = _a.desc, _b = _a.iconName, iconName = _b === void 0 ? "EmptyFolder44" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, button = _a.button;
|
|
@@ -9402,8 +9402,8 @@ function EmptyContent(_a) {
|
|
|
9402
9402
|
button && button));
|
|
9403
9403
|
}
|
|
9404
9404
|
|
|
9405
|
-
var css_248z$
|
|
9406
|
-
styleInject(css_248z$
|
|
9405
|
+
var css_248z$d = ".fileUpload-component-v2 {\n position: relative;\n width: 100%;\n}\n.fileUpload-component-v2 > .fileUploadContainer {\n box-sizing: border-box;\n text-align: center;\n cursor: pointer;\n width: 100%;\n padding: 3rem 2rem;\n display: flex;\n position: relative;\n}\n.fileUpload-component-v2 > .fileUploadContainer fieldset {\n position: absolute;\n margin: 0;\n padding: 0 0 0 1rem !important;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n border: 1px dashed var(--pebble, #EAEAEA);\n text-align: left;\n position: absolute;\n padding-inline: 0.75em;\n margin-inline: unset;\n}\n.fileUpload-component-v2 > .fileUploadContainer img {\n max-width: 100%;\n}\n.fileUpload-component-v2 > .fileUploadContainer.hasDropdown fieldset {\n border-bottom-right-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n}\n.fileUpload-component-v2 .dropdown-component-v2 {\n flex: 1;\n margin-top: 0;\n position: relative;\n left: 1px;\n width: calc(100% - 2px);\n}\n.fileUpload-component-v2 .dropdown-component-v2 > .MuiInputBase-root:not(:focus):not(:hover):not(:active) {\n outline-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.fileUpload-component-v2 .dropdown-component-v2 > .MuiInputBase-root {\n max-width: unset;\n border-top-right-radius: 0 !important;\n border-top-left-radius: 0 !important;\n}";
|
|
9406
|
+
styleInject(css_248z$d);
|
|
9407
9407
|
|
|
9408
9408
|
function FileUpload(_a) {
|
|
9409
9409
|
var label = _a.label, onChange = _a.onChange, _b = _a.defaultIconName, defaultIconName = _b === void 0 ? "Upload44" : _b, placeholder = _a.placeholder, support = _a.support, dropdown = _a.dropdown;
|
|
@@ -9506,8 +9506,8 @@ function Link(_a) {
|
|
|
9506
9506
|
return React__default.createElement(Link$1, __assign({}, props, { variant: variant, color: color, className: classes }), children);
|
|
9507
9507
|
}
|
|
9508
9508
|
|
|
9509
|
-
var css_248z$
|
|
9510
|
-
styleInject(css_248z$
|
|
9509
|
+
var css_248z$c = ".subNav-component-v2 {\n flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n margin-top: 1.25rem;\n}\n.subNav-component-v2 button.selected {\n pointer-events: none;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:not(:hover), .subNav-component-v2 button.text:not(:hover) {\n background: none;\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n outline: none !important;\n}\n.subNav-component-v2 button.default {\n text-transform: none;\n}\n.subNav-component-v2 button.default span {\n text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n background: none;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
|
|
9510
|
+
styleInject(css_248z$c);
|
|
9511
9511
|
|
|
9512
9512
|
function SubNav(_a) {
|
|
9513
9513
|
var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.direction, direction = _c === void 0 ? "row" : _c, initialSelected = _a.initialSelected, selected = _a.selected, onClick = _a.onClick, className = _a.className, _d = _a.menuVariant, menuVariant = _d === void 0 ? "default" : _d, btnOverride = _a.btnOverride;
|
|
@@ -9539,8 +9539,8 @@ function SubNav(_a) {
|
|
|
9539
9539
|
}));
|
|
9540
9540
|
}
|
|
9541
9541
|
|
|
9542
|
-
var css_248z$
|
|
9543
|
-
styleInject(css_248z$
|
|
9542
|
+
var css_248z$b = ".filter-bar-component-v2 {\n background: var(--shade100, #F3F2F2);\n width: 100%;\n box-sizing: border-box;\n}\n.filter-bar-component-v2 .DDItem {\n padding-left: 2rem;\n}\n.filter-bar-component-v2 .DDItem .MuiInputBase-input {\n padding-right: 0 !important;\n}\n.filter-bar-component-v2 .addFilterBox {\n padding: 0 1.5rem;\n position: relative;\n cursor: pointer;\n}\n.filter-bar-component-v2 .addFilterBox .MuiLink-root {\n text-decoration: none;\n}\n.filter-bar-component-v2 .addFilterBox .search-component-v2 .inputContainer {\n padding: 0;\n background: unset;\n box-shadow: none;\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer {\n position: absolute;\n top: 4rem;\n width: -moz-max-content;\n width: max-content;\n min-width: 100%;\n box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1490196078);\n border-radius: 16px;\n min-width: 300;\n background: var(--background-color-1, var(--white, #FFFFFF));\n box-sizing: border-box;\n z-index: 1000;\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer .subNav-component-v2 {\n justify-content: space-between;\n margin: 0;\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer .subNav-component-v2 button {\n flex: 1;\n border-radius: 0;\n background: var(--cloud, #F4F4F4);\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer .subNav-component-v2 button.selected {\n background: var(--white, #FFFFFF);\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer .subNav-component-v2 button:first-child, .filter-bar-component-v2 .addFilterBox .dropMenuContainer .subNav-component-v2 button:first-child:hover {\n border-top-left-radius: 4px;\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer .subNav-component-v2 button:last-child, .filter-bar-component-v2 .addFilterBox .dropMenuContainer .subNav-component-v2 button:last-child:hover {\n border-top-right-radius: 4px;\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer .dropMenu-component-v2 {\n box-shadow: none;\n margin-top: 0;\n padding: 1.5rem;\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer .dropMenu-component-v2 .MuiMenuItem-root {\n padding: 0.5rem;\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer .dropMenu-component-v2 .MuiMenuItem-root.isTitle {\n padding-top: 0;\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer .dropMenu-component-v2 .MuiTypography-body1L {\n font-size: 0.875rem;\n}\n.filter-bar-component-v2 .addFilterBox .dropMenuContainer > button {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n padding: 0.75rem;\n}\n.filter-bar-component-v2 .pillContainer {\n padding: 0.75rem;\n min-height: 2rem;\n overflow-x: auto;\n}\n.filter-bar-component-v2 .pillContainer .MuiSvgIcon-root {\n padding-right: 0;\n padding-left: 0.5rem;\n}\n.filter-bar-component-v2 .pillContainer .MuiChip-root {\n flex-direction: row-reverse;\n}\n.filter-bar-component-v2 .pillContainer .MuiChip-root.disabled {\n pointer-events: all !important;\n}\n.filter-bar-component-v2 .pillContainer .MuiChip-root .MuiChip-label {\n display: flex;\n align-items: center;\n}\n.filter-bar-component-v2 .pillContainer .MuiChip-root .MuiChip-label .MuiSvgIcon-root {\n margin-right: 0.5rem;\n}\n.filter-bar-component-v2 .pillContainer .MuiChip-root .MuiChip-label .MuiSvgIcon-root path {\n fill: var(--white, #FFFFFF);\n}\n.filter-bar-component-v2 .pillContainer:not(.empty) {\n border-left: 1px solid var(--wild-sand, #dddddd);\n}\n.filter-bar-component-v2 .actionContainer {\n border-left: 1px solid var(--wild-sand, #dddddd);\n padding: 0 2rem;\n padding-left: 2rem;\n}\n.filter-bar-component-v2 .actionContainer .MuiTypography-root {\n cursor: pointer;\n}";
|
|
9543
|
+
styleInject(css_248z$b);
|
|
9544
9544
|
|
|
9545
9545
|
function FilterBar(_a) {
|
|
9546
9546
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -9774,6 +9774,33 @@ function searchCustomerProfiles(_a) {
|
|
|
9774
9774
|
}
|
|
9775
9775
|
});
|
|
9776
9776
|
}
|
|
9777
|
+
function getPlans(_a) {
|
|
9778
|
+
var partnerId = _a.partnerId;
|
|
9779
|
+
return callApi({
|
|
9780
|
+
url: uiKitConfig.GATEWAY_PROXY + "/billing/plans/plans",
|
|
9781
|
+
query: { partner_id: partnerId },
|
|
9782
|
+
fetchOptions: { method: EMethods.get }
|
|
9783
|
+
});
|
|
9784
|
+
}
|
|
9785
|
+
function getPlanAssignments(_a) {
|
|
9786
|
+
var partnerId = _a.partnerId, accountIds = _a.accountIds;
|
|
9787
|
+
return callApi({
|
|
9788
|
+
url: uiKitConfig.GATEWAY_PROXY + "/billing/plans/accounts/assignments",
|
|
9789
|
+
query: __assign({ partner_id: partnerId }, ((accountIds === null || accountIds === void 0 ? void 0 : accountIds.length) ? { account_ids: accountIds.join(',') } : {})),
|
|
9790
|
+
fetchOptions: { method: EMethods.get }
|
|
9791
|
+
});
|
|
9792
|
+
}
|
|
9793
|
+
function assignPlan(_a) {
|
|
9794
|
+
var accountId = _a.accountId, partnerId = _a.partnerId, planId = _a.planId, contacts = _a.contacts;
|
|
9795
|
+
var body = { plan_id: planId };
|
|
9796
|
+
if (contacts)
|
|
9797
|
+
body.contacts = contacts;
|
|
9798
|
+
return callApi({
|
|
9799
|
+
url: uiKitConfig.GATEWAY_PROXY + "/billing/plans/accounts/".concat(accountId, "/assignment"),
|
|
9800
|
+
query: { partner_id: partnerId },
|
|
9801
|
+
fetchOptions: { method: EMethods.post, body: body }
|
|
9802
|
+
});
|
|
9803
|
+
}
|
|
9777
9804
|
|
|
9778
9805
|
var BillingFactory = /** @class */ (function () {
|
|
9779
9806
|
function BillingFactory() {
|
|
@@ -9799,6 +9826,29 @@ var BillingFactory = /** @class */ (function () {
|
|
|
9799
9826
|
});
|
|
9800
9827
|
});
|
|
9801
9828
|
};
|
|
9829
|
+
BillingFactory.getPlans = function (_a) {
|
|
9830
|
+
return __awaiter(this, arguments, void 0, function (_b) {
|
|
9831
|
+
var partnerId = _b.partnerId;
|
|
9832
|
+
return __generator(this, function (_c) {
|
|
9833
|
+
return [2 /*return*/, getPlans({ partnerId: partnerId }).then(function (data) { var _a; return (_a = data === null || data === void 0 ? void 0 : data.data) !== null && _a !== void 0 ? _a : []; })];
|
|
9834
|
+
});
|
|
9835
|
+
});
|
|
9836
|
+
};
|
|
9837
|
+
BillingFactory.getPlanAssignments = function (_a) {
|
|
9838
|
+
return __awaiter(this, arguments, void 0, function (_b) {
|
|
9839
|
+
var partnerId = _b.partnerId, accountIds = _b.accountIds;
|
|
9840
|
+
return __generator(this, function (_c) {
|
|
9841
|
+
return [2 /*return*/, getPlanAssignments({ partnerId: partnerId, accountIds: accountIds }).then(function (data) { var _a; return (_a = data === null || data === void 0 ? void 0 : data.data) !== null && _a !== void 0 ? _a : []; })];
|
|
9842
|
+
});
|
|
9843
|
+
});
|
|
9844
|
+
};
|
|
9845
|
+
BillingFactory.assignPlan = function (params) {
|
|
9846
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
9847
|
+
return __generator(this, function (_a) {
|
|
9848
|
+
return [2 /*return*/, assignPlan(params)];
|
|
9849
|
+
});
|
|
9850
|
+
});
|
|
9851
|
+
};
|
|
9802
9852
|
return BillingFactory;
|
|
9803
9853
|
}());
|
|
9804
9854
|
|
|
@@ -11146,99 +11196,6 @@ function untagContact(_a) {
|
|
|
11146
11196
|
});
|
|
11147
11197
|
}
|
|
11148
11198
|
|
|
11149
|
-
function listCatalogTemplates(params) {
|
|
11150
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
11151
|
-
return __generator(this, function (_a) {
|
|
11152
|
-
return [2 /*return*/, callApi({
|
|
11153
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/templates",
|
|
11154
|
-
query: params,
|
|
11155
|
-
fetchOptions: {
|
|
11156
|
-
method: EMethods.get
|
|
11157
|
-
}
|
|
11158
|
-
})];
|
|
11159
|
-
});
|
|
11160
|
-
});
|
|
11161
|
-
}
|
|
11162
|
-
function getCatalogTemplate(_a) {
|
|
11163
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
11164
|
-
var slug = _b.slug;
|
|
11165
|
-
return __generator(this, function (_c) {
|
|
11166
|
-
return [2 /*return*/, callApi({
|
|
11167
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/templates/".concat(slug),
|
|
11168
|
-
fetchOptions: {
|
|
11169
|
-
method: EMethods.get
|
|
11170
|
-
}
|
|
11171
|
-
})];
|
|
11172
|
-
});
|
|
11173
|
-
});
|
|
11174
|
-
}
|
|
11175
|
-
function listCatalogCategories(params) {
|
|
11176
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
11177
|
-
return __generator(this, function (_a) {
|
|
11178
|
-
return [2 /*return*/, callApi({
|
|
11179
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/categories",
|
|
11180
|
-
query: params,
|
|
11181
|
-
fetchOptions: {
|
|
11182
|
-
method: EMethods.get
|
|
11183
|
-
}
|
|
11184
|
-
})];
|
|
11185
|
-
});
|
|
11186
|
-
});
|
|
11187
|
-
}
|
|
11188
|
-
function getCatalogCategory(_a) {
|
|
11189
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
11190
|
-
var slug = _b.slug;
|
|
11191
|
-
return __generator(this, function (_c) {
|
|
11192
|
-
return [2 /*return*/, callApi({
|
|
11193
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/categories/".concat(slug),
|
|
11194
|
-
fetchOptions: {
|
|
11195
|
-
method: EMethods.get
|
|
11196
|
-
}
|
|
11197
|
-
})];
|
|
11198
|
-
});
|
|
11199
|
-
});
|
|
11200
|
-
}
|
|
11201
|
-
function listCatalogCollections(params) {
|
|
11202
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
11203
|
-
return __generator(this, function (_a) {
|
|
11204
|
-
return [2 /*return*/, callApi({
|
|
11205
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/collections",
|
|
11206
|
-
query: params,
|
|
11207
|
-
fetchOptions: {
|
|
11208
|
-
method: EMethods.get
|
|
11209
|
-
}
|
|
11210
|
-
})];
|
|
11211
|
-
});
|
|
11212
|
-
});
|
|
11213
|
-
}
|
|
11214
|
-
function getCatalogCollection(_a) {
|
|
11215
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
11216
|
-
var slug = _b.slug;
|
|
11217
|
-
return __generator(this, function (_c) {
|
|
11218
|
-
return [2 /*return*/, callApi({
|
|
11219
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/collections/".concat(slug),
|
|
11220
|
-
fetchOptions: {
|
|
11221
|
-
method: EMethods.get
|
|
11222
|
-
}
|
|
11223
|
-
})];
|
|
11224
|
-
});
|
|
11225
|
-
});
|
|
11226
|
-
}
|
|
11227
|
-
function listCatalogTags(params) {
|
|
11228
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
11229
|
-
return __generator(this, function (_a) {
|
|
11230
|
-
// BeeFree returns a flat array for tags, not a paginated wrapper.
|
|
11231
|
-
return [2 /*return*/, callApi({
|
|
11232
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/tags",
|
|
11233
|
-
query: params,
|
|
11234
|
-
fetchOptions: {
|
|
11235
|
-
method: EMethods.get
|
|
11236
|
-
}
|
|
11237
|
-
})];
|
|
11238
|
-
});
|
|
11239
|
-
});
|
|
11240
|
-
}
|
|
11241
|
-
|
|
11242
11199
|
var baseUrl$1 = function () { return uiKitConfig.GATEWAY_PROXY + "/customDomains"; };
|
|
11243
11200
|
function listCustomDomains(_a) {
|
|
11244
11201
|
return __awaiter(this, void 0, void 0, function () {
|
|
@@ -12584,89 +12541,6 @@ var ContactModel = /** @class */ (function () {
|
|
|
12584
12541
|
return ContactModel;
|
|
12585
12542
|
}());
|
|
12586
12543
|
|
|
12587
|
-
var BeeTemplateModel = /** @class */ (function () {
|
|
12588
|
-
function BeeTemplateModel(params) {
|
|
12589
|
-
this.id = params.id;
|
|
12590
|
-
this.title = params.title;
|
|
12591
|
-
this.description = params.description;
|
|
12592
|
-
this.short_description = params.short_description;
|
|
12593
|
-
this.template_type = params.template_type;
|
|
12594
|
-
this.categories = params.categories;
|
|
12595
|
-
this.collections = params.collections;
|
|
12596
|
-
this.designer = params.designer;
|
|
12597
|
-
this.tags = params.tags;
|
|
12598
|
-
this.thumbnail = params.thumbnail;
|
|
12599
|
-
this.thumbnail_large = params.thumbnail_large;
|
|
12600
|
-
this.published_at = params.published_at;
|
|
12601
|
-
this.order = params.order;
|
|
12602
|
-
this.context = params.context;
|
|
12603
|
-
this.is_blank = params.is_blank;
|
|
12604
|
-
}
|
|
12605
|
-
BeeTemplateModel.prototype.toJson = function () {
|
|
12606
|
-
return modelToJson(this);
|
|
12607
|
-
};
|
|
12608
|
-
BeeTemplateModel.prototype.set = function (property, value) {
|
|
12609
|
-
modelSet(this, property, value);
|
|
12610
|
-
};
|
|
12611
|
-
return BeeTemplateModel;
|
|
12612
|
-
}());
|
|
12613
|
-
var BeeTemplateDetailModel = /** @class */ (function () {
|
|
12614
|
-
function BeeTemplateDetailModel(params) {
|
|
12615
|
-
this.id = params.id;
|
|
12616
|
-
this.title = params.title;
|
|
12617
|
-
this.description = params.description;
|
|
12618
|
-
this.short_description = params.short_description;
|
|
12619
|
-
this.template_type = params.template_type;
|
|
12620
|
-
this.categories = params.categories;
|
|
12621
|
-
this.collections = params.collections;
|
|
12622
|
-
this.designer = params.designer;
|
|
12623
|
-
this.tags = params.tags;
|
|
12624
|
-
this.thumbnail = params.thumbnail;
|
|
12625
|
-
this.thumbnail_large = params.thumbnail_large;
|
|
12626
|
-
this.published_at = params.published_at;
|
|
12627
|
-
this.order = params.order;
|
|
12628
|
-
this.is_blank = params.is_blank;
|
|
12629
|
-
this.html_url = params.html_url;
|
|
12630
|
-
this.html_data = params.html_data;
|
|
12631
|
-
this.json_data = params.json_data;
|
|
12632
|
-
}
|
|
12633
|
-
BeeTemplateDetailModel.prototype.toJson = function () {
|
|
12634
|
-
return modelToJson(this);
|
|
12635
|
-
};
|
|
12636
|
-
BeeTemplateDetailModel.prototype.set = function (property, value) {
|
|
12637
|
-
modelSet(this, property, value);
|
|
12638
|
-
};
|
|
12639
|
-
return BeeTemplateDetailModel;
|
|
12640
|
-
}());
|
|
12641
|
-
var BeeCategoryModel = /** @class */ (function () {
|
|
12642
|
-
function BeeCategoryModel(params) {
|
|
12643
|
-
this.id = params.id;
|
|
12644
|
-
this.name = params.name;
|
|
12645
|
-
this.parent = params.parent;
|
|
12646
|
-
}
|
|
12647
|
-
BeeCategoryModel.prototype.toJson = function () { return modelToJson(this); };
|
|
12648
|
-
BeeCategoryModel.prototype.set = function (property, value) { modelSet(this, property, value); };
|
|
12649
|
-
return BeeCategoryModel;
|
|
12650
|
-
}());
|
|
12651
|
-
var BeeCollectionModel = /** @class */ (function () {
|
|
12652
|
-
function BeeCollectionModel(params) {
|
|
12653
|
-
this.id = params.id;
|
|
12654
|
-
this.name = params.name;
|
|
12655
|
-
}
|
|
12656
|
-
BeeCollectionModel.prototype.toJson = function () { return modelToJson(this); };
|
|
12657
|
-
BeeCollectionModel.prototype.set = function (property, value) { modelSet(this, property, value); };
|
|
12658
|
-
return BeeCollectionModel;
|
|
12659
|
-
}());
|
|
12660
|
-
var BeeTagModel = /** @class */ (function () {
|
|
12661
|
-
function BeeTagModel(params) {
|
|
12662
|
-
this.id = params.id;
|
|
12663
|
-
this.name = params.name;
|
|
12664
|
-
}
|
|
12665
|
-
BeeTagModel.prototype.toJson = function () { return modelToJson(this); };
|
|
12666
|
-
BeeTagModel.prototype.set = function (property, value) { modelSet(this, property, value); };
|
|
12667
|
-
return BeeTagModel;
|
|
12668
|
-
}());
|
|
12669
|
-
|
|
12670
12544
|
var ECertificateStatus;
|
|
12671
12545
|
(function (ECertificateStatus) {
|
|
12672
12546
|
ECertificateStatus["unknown"] = "unknown";
|
|
@@ -13997,8 +13871,8 @@ function GenericWrapper(_a) {
|
|
|
13997
13871
|
content);
|
|
13998
13872
|
}
|
|
13999
13873
|
|
|
14000
|
-
var css_248z$
|
|
14001
|
-
styleInject(css_248z$
|
|
13874
|
+
var css_248z$a = ".groupedActions-component {\n display: flex;\n}\n.groupedActions-component > *:first-child, .groupedActions-component > *:first-child.dropdown-component-v2 .MuiInputBase-root {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.groupedActions-component > *:last-child, .groupedActions-component > *:last-child.dropdown-component-v2 .MuiInputBase-root {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.groupedActions-component > *:nth-child(n+2):not(:last-child), .groupedActions-component > *:nth-child(n+2):not(:last-child).dropdown-component-v2 .MuiInputBase-root {\n border-radius: 0;\n}\n.groupedActions-component.contained > *:nth-child(n+2):not(:last-child) {\n margin-left: 1px;\n}\n.groupedActions-component.contained > *:last-child {\n margin-left: 1px;\n}\n.groupedActions-component.outlined > *:nth-child(n+2):not(:last-child), .groupedActions-component.outlined > *:nth-child(n+2):not(:last-child).dropdown-component-v2 .MuiInputBase-root, .groupedActions-component.outlined > *:not(:first-child):active, .groupedActions-component.outlined > *:not(:first-child):active.dropdown-component-v2 .MuiInputBase-root, .groupedActions-component.outlined > *:last-child, .groupedActions-component.outlined > *:last-child.dropdown-component-v2 .MuiInputBase-root {\n border-left: none !important;\n}";
|
|
13875
|
+
styleInject(css_248z$a);
|
|
14002
13876
|
|
|
14003
13877
|
function GroupedActions(_a) {
|
|
14004
13878
|
var _b = _a.components, components = _b === void 0 ? [] : _b, classNames$1 = _a.classNames, _c = _a.variant, variant = _c === void 0 ? "contained" : _c;
|
|
@@ -14012,8 +13886,8 @@ function GroupedActions(_a) {
|
|
|
14012
13886
|
return React__default.createElement(Box$1, { className: classes }, components);
|
|
14013
13887
|
}
|
|
14014
13888
|
|
|
14015
|
-
var css_248z$
|
|
14016
|
-
styleInject(css_248z$
|
|
13889
|
+
var css_248z$9 = ".header-component-v2 {\n max-width: 31rem;\n width: 100%;\n}\n.header-component-v2 > * {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header .headerText,\n.header-component-v2 .header .headerText span,\n.header-component-v2 .desc span,\n.header-component-v2 .support span {\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 31rem;\n display: block;\n text-wrap: nowrap;\n width: 100%;\n}\n.header-component-v2 .header,\n.header-component-v2 .desc,\n.header-component-v2 .support {\n width: -moz-fit-content;\n width: fit-content;\n}\n.header-component-v2 .header {\n flex: 1;\n margin-top: 0;\n}\n.header-component-v2 .header .postHeader,\n.header-component-v2 .header .preHeader {\n display: inline-block;\n width: -moz-fit-content;\n width: fit-content;\n text-wrap: nowrap;\n}\n.header-component-v2 .header .preHeader {\n margin-right: 1rem;\n}\n.header-component-v2 .header .postHeader {\n margin-left: 1.5rem;\n}\n.header-component-v2 .support {\n flex: 1;\n line-height: 0.75rem;\n display: block;\n margin-bottom: 1px;\n}\n.header-component-v2 .desc {\n flex: 1;\n margin-top: 1rem;\n border-color: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}";
|
|
13890
|
+
styleInject(css_248z$9);
|
|
14017
13891
|
|
|
14018
13892
|
//TODO when bottom line is secondary color, it means it is in a editable state, clicking it would transform it into a text field with check and x
|
|
14019
13893
|
//https://www.figma.com/proto/OQkvkOI4CMyrcPbuza16e3/Analytics?type=design&node-id=232-14879&t=kNKIjcU4MImW1jef-0&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=232%3A14512&show-proto-sidebar=1
|
|
@@ -14037,8 +13911,8 @@ function Header(_a) {
|
|
|
14037
13911
|
React__default.createElement(Typography$2, { variant: "body1L", className: "desc ".concat(descTooltip ? "showTooltip" : "") }, desc)));
|
|
14038
13912
|
}
|
|
14039
13913
|
|
|
14040
|
-
var css_248z$
|
|
14041
|
-
styleInject(css_248z$
|
|
13914
|
+
var css_248z$8 = ".iconPill-component-v2 {\n position: relative;\n}\n.iconPill-component-v2 span {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n background: var(--background-color-1, var(--white, #FFFFFF));\n border: 1px solid var(--wild-sand, #dddddd);\n font-size: 0.625rem;\n border-radius: 20px;\n font-weight: bold;\n top: -0.625rem;\n right: -0.625rem;\n width: 1.25rem;\n height: 1.25rem;\n}\n.iconPill-component-v2.s10 span {\n top: -0.25rem;\n right: -0.75rem;\n width: 0.75rem;\n height: 0.75rem;\n font-size: 0.5rem;\n}\n.iconPill-component-v2.s14 span {\n top: -0.3rem;\n right: -0.7rem;\n width: 0.75rem;\n height: 0.75rem;\n font-size: 0.5rem;\n}\n.iconPill-component-v2.s18 span {\n top: -0.5rem;\n right: -0.5rem;\n width: 1rem;\n height: 1rem;\n}\n.iconPill-component-v2.s32 span {\n top: -0.75rem;\n right: -0.75rem;\n width: 1.5rem;\n height: 1.5rem;\n font-size: 0.85rem;\n}\n.iconPill-component-v2.s44 span {\n top: -0.75rem;\n right: -0.75rem;\n width: 1.5rem;\n height: 1.5rem;\n font-size: 1rem;\n}";
|
|
13915
|
+
styleInject(css_248z$8);
|
|
14042
13916
|
|
|
14043
13917
|
var IconPill = forwardRef(function (_a, ref) {
|
|
14044
13918
|
var _b = _a.count, count = _b === void 0 ? 0 : _b, _c = _a.iconName, iconName = _c === void 0 ? "Domainauthenticated24" : _c, color = _a.color;
|
|
@@ -14059,8 +13933,8 @@ var IconPill = forwardRef(function (_a, ref) {
|
|
|
14059
13933
|
React__default.createElement(Icon, { name: iconName, color: defaultColor }));
|
|
14060
13934
|
});
|
|
14061
13935
|
|
|
14062
|
-
var css_248z$
|
|
14063
|
-
styleInject(css_248z$
|
|
13936
|
+
var css_248z$7 = ".informationGroup-component-v2 {\n display: flex;\n}\n.informationGroup-component-v2:first-child {\n padding-bottom: 2rem;\n}\n.informationGroup-component-v2:last-child {\n padding-top: 2rem;\n}\n.informationGroup-component-v2:not(:first-child):not(:last-child) {\n padding: 2rem 0;\n}\n.informationGroup-component-v2:not(:last-child) {\n border-bottom: 1px solid var(--wild-sand, #dddddd);\n}\n.informationGroup-component-v2 > div {\n max-width: 31.25rem;\n width: 100%;\n}\n.informationGroup-component-v2 > div:first-child {\n margin-right: 3rem;\n}\n.informationGroup-component-v2 > div:last-child {\n margin-top: 0.5rem;\n display: flex;\n flex-direction: column;\n}\n.informationGroup-component-v2 > div:last-child > div:not(:first-child) {\n margin-top: 2.5rem;\n}\n.informationGroup-component-v2 > div:last-child .dropdown-component-v2 .MuiInputBase-root,\n.informationGroup-component-v2 > div:last-child .dropdown-component-v2 {\n width: 100%;\n}\n.informationGroup-component-v2 > div:last-child .autocomplete-dropdown-container {\n z-index: 10000000;\n}";
|
|
13937
|
+
styleInject(css_248z$7);
|
|
14064
13938
|
|
|
14065
13939
|
function InformationGroup(_a) {
|
|
14066
13940
|
var title = _a.title, desc = _a.desc, rightContent = _a.rightContent, children = _a.children;
|
|
@@ -14073,8 +13947,8 @@ function InformationGroup(_a) {
|
|
|
14073
13947
|
children));
|
|
14074
13948
|
}
|
|
14075
13949
|
|
|
14076
|
-
var css_248z$
|
|
14077
|
-
styleInject(css_248z$
|
|
13950
|
+
var css_248z$6 = ".inlineTextEdit-component-v2 {\n border-bottom: var(--secondary-brand-color, var(--teal, #0ABDAE));\n border-bottom-style: dashed;\n position: relative;\n}\n.inlineTextEdit-component-v2 .hasPlaceholder {\n opacity: 0.5;\n}\n.inlineTextEdit-component-v2.editing .actions {\n position: absolute;\n right: -4.875rem;\n top: -2px;\n}\n.inlineTextEdit-component-v2.editing .actions .confirm {\n margin-right: 0.25rem;\n}\n.inlineTextEdit-component-v2.editing .actions .cancel svg {\n width: 10px;\n}\n.inlineTextEdit-component-v2 input,\n.inlineTextEdit-component-v2 textarea,\n.inlineTextEdit-component-v2 .MuiInputBase-root {\n width: 100%;\n border: none;\n padding: 0 !important;\n outline: none;\n}\n.inlineTextEdit-component-v2 input:active, .inlineTextEdit-component-v2 input:focus,\n.inlineTextEdit-component-v2 textarea:active,\n.inlineTextEdit-component-v2 textarea:focus,\n.inlineTextEdit-component-v2 .MuiInputBase-root:active,\n.inlineTextEdit-component-v2 .MuiInputBase-root:focus {\n border: none;\n}\n.inlineTextEdit-component-v2 > span,\n.inlineTextEdit-component-v2 input,\n.inlineTextEdit-component-v2 textarea,\n.inlineTextEdit-component-v2 .MuiBox-root,\n.inlineTextEdit-component-v2 .MuiBox-root .textfield-component-v2,\n.inlineTextEdit-component-v2 .MuiBox-root .textfield-component-v2 .MuiTextField-root,\n.inlineTextEdit-component-v2 .MuiBox-root .textfield-component-v2 .MuiTextField-root .MuiInputBase-root,\n.inlineTextEdit-component-v2 .MuiBox-root .textfield-component-v2 .MuiTextField-root .MuiInputBase-root input {\n font-family: inherit;\n font-weight: inherit;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n}\n.inlineTextEdit-component-v2 .MuiBox-root .textfield-component-v2 .MuiTextField-root .MuiInputBase-root::before {\n content: unset;\n}\n.inlineTextEdit-component-v2 .MuiBox-root .textfield-component-v2 .MuiTextField-root .MuiInputBase-root::after {\n content: unset !important;\n}\n.inlineTextEdit-component-v2 .MuiBox-root .textfield-component-v2 .MuiTextField-root .MuiInputBase-root input,\n.inlineTextEdit-component-v2 .MuiBox-root .textfield-component-v2 .MuiTextField-root .MuiInputBase-root textarea {\n border: none;\n padding-top: 0;\n height: unset;\n}";
|
|
13951
|
+
styleInject(css_248z$6);
|
|
14078
13952
|
|
|
14079
13953
|
function InlineTextEdit(_a) {
|
|
14080
13954
|
var _b, _c;
|
|
@@ -19486,8 +19360,8 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
|
|
|
19486
19360
|
useFlexGap: PropTypes.bool
|
|
19487
19361
|
} : void 0;
|
|
19488
19362
|
|
|
19489
|
-
var css_248z$
|
|
19490
|
-
styleInject(css_248z$
|
|
19363
|
+
var css_248z$5 = ".metricCard-component {\n min-width: 250px;\n width: 100%;\n max-width: 35.25rem;\n box-sizing: border-box;\n box-shadow: none !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: 2rem;\n}\n.metricCard-component.card {\n padding: 2rem;\n background: var(--cloud, #F4F4F4);\n}\n.metricCard-component.plain {\n background: none !important;\n}\n.metricCard-component.withRightContent {\n max-width: 72rem;\n}\n.metricCard-component > .rightContent {\n flex: 1;\n align-items: flex-end;\n}\n.metricCard-component > .rightContent img {\n border-radius: 24px;\n border: 1px solid var(--wild-sand, #dddddd);\n width: 100%;\n min-width: 150px;\n max-width: 225px;\n max-height: 18rem;\n}\n.metricCard-component > div:not(.rightContent) {\n flex: 1;\n}\n.metricCard-component > div:not(.rightContent) > img + .heading,\n.metricCard-component > div:not(.rightContent) > img + .subHeading,\n.metricCard-component > div:not(.rightContent) > img + .metricRows {\n margin-top: 2rem;\n}\n.metricCard-component > div:not(.rightContent) > .heading ~ div,\n.metricCard-component > div:not(.rightContent) .subHeading ~ div {\n margin-top: 1.5rem;\n}\n.metricCard-component > div:not(.rightContent) > img {\n border-radius: 48px;\n max-width: 100%;\n max-height: 18.75rem;\n margin: 0 auto;\n}\n.metricCard-component > div:not(.rightContent) > .heading .MuiSvgIcon-root {\n margin-right: 1rem;\n}\n.metricCard-component > div:not(.rightContent) > .subHeading.withProgress {\n margin-top: 1rem;\n}\n.metricCard-component > div:not(.rightContent) > .subHeading > .MuiStack-root {\n flex: 1;\n}\n.metricCard-component > div:not(.rightContent) > .subHeading > .MuiStack-root > .desc {\n display: grid;\n}\n.metricCard-component > div:not(.rightContent) > .subHeading > .MuiStack-root > .progress {\n height: calc(1rem - 2px);\n background: var(--white, #FFFFFF);\n}\n.metricCard-component > div:not(.rightContent) > .subHeading > .MuiStack-root > .progress + .data {\n margin-left: 1rem;\n font-size: 4rem;\n position: relative;\n top: -12px;\n}\n.metricCard-component > div:not(.rightContent) > .subHeading > .MuiStack-root > .data + .desc {\n margin-left: 2rem;\n}\n.metricCard-component > div:not(.rightContent) > .subHeading .MuiChip-root {\n margin-left: 2rem;\n}\n.metricCard-component > div:not(.rightContent) > .subHeading .MuiChip-root .MuiSvgIcon-root {\n padding-right: 0.5rem;\n}\n.metricCard-component > div:not(.rightContent) > .metricRows .MuiStack-root .MuiTypography-root:first-child {\n margin-right: 1rem;\n}\n.metricCard-component > div:not(.rightContent) > .metricRows .MuiStack-root:not(:last-child) {\n padding-bottom: 1rem;\n border-bottom: 1px solid var(--wild-sand, #dddddd);\n}\n.metricCard-component > div:not(.rightContent) > .metricRows .MuiStack-root:not(:first-child) {\n margin-top: 1rem;\n}\n.metricCard-component > div:not(.rightContent) > .floatingRow {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n}";
|
|
19364
|
+
styleInject(css_248z$5);
|
|
19491
19365
|
|
|
19492
19366
|
function MetricCard(_a) {
|
|
19493
19367
|
var _b, _c, _d, _e;
|
|
@@ -19539,141 +19413,6 @@ function MetricCard(_a) {
|
|
|
19539
19413
|
rightContent && React__default.createElement(Stack, { className: "rightContent" }, rightContent));
|
|
19540
19414
|
}
|
|
19541
19415
|
|
|
19542
|
-
var css_248z$6 = ".resourceCard-component-v2 {\n width: 100%;\n height: 100%;\n min-width: 0;\n min-height: 21rem;\n padding: 1.5rem;\n background: var(--cloud, #F4F4F4);\n border-radius: 24px !important;\n box-shadow: none !important;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n.resourceCard-component-v2.clickable {\n cursor: pointer;\n}\n.resourceCard-component-v2 > .content {\n flex: 1;\n min-height: 0;\n display: flex;\n flex-direction: column;\n}\n.resourceCard-component-v2 .header {\n flex-shrink: 0;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n.resourceCard-component-v2 .header .titleSection {\n flex: 1;\n min-width: 0;\n}\n.resourceCard-component-v2 .header .chip {\n flex-shrink: 0;\n}\n.resourceCard-component-v2 .header .support {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0.5rem;\n color: var(--silver, #9B9B9B);\n margin-top: 0.5rem;\n}\n.resourceCard-component-v2 .header .support .MuiTypography-root {\n color: inherit;\n}\n.resourceCard-component-v2 .imageContainer {\n position: relative;\n flex: 1 1 0;\n min-height: 0;\n margin-top: auto;\n border-radius: 24px;\n overflow: hidden;\n background: var(--pebble, #EAEAEA);\n}\n.resourceCard-component-v2 .imageContainer img,\n.resourceCard-component-v2 .imageContainer .imagePlaceholder {\n display: block;\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.resourceCard-component-v2 .imageContainer .imagePlaceholder {\n background: var(--wild-sand, #dddddd);\n}\n.resourceCard-component-v2 .imageContainer.hasOverlay .overlay {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.45);\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.resourceCard-component-v2 .imageContainer.hasOverlay:hover .overlay {\n opacity: 1;\n}\n.resourceCard-component-v2.menuOpen .imageContainer.hasOverlay .overlay {\n opacity: 1;\n}\n.resourceCard-component-v2 .actions {\n width: calc(100% - 3rem);\n max-width: 12.5rem;\n}\n.resourceCard-component-v2 .actions .MuiButton-root {\n width: 100%;\n min-height: 2.5rem;\n border-radius: 12px;\n text-transform: none;\n}\n.resourceCard-component-v2 .actions .moreButton {\n background: rgba(75, 74, 74, 0.85);\n color: var(--white, #FFFFFF);\n}\n.resourceCard-component-v2 .actions .moreButton:hover {\n background: rgba(75, 74, 74, 0.95);\n}";
|
|
19543
|
-
styleInject(css_248z$6);
|
|
19544
|
-
|
|
19545
|
-
function ResourceCard(_a) {
|
|
19546
|
-
var title = _a.title, description = _a.description, chip = _a.chip, support = _a.support, imageUrl = _a.imageUrl, primaryAction = _a.primaryAction, _b = _a.primaryActionLabel, primaryActionLabel = _b === void 0 ? "Action" : _b, secondaryAction = _a.secondaryAction, _c = _a.secondaryActionLabel, secondaryActionLabel = _c === void 0 ? "Secondary Action" : _c, _d = _a.additionalActions, additionalActions = _d === void 0 ? [] : _d, className = _a.className;
|
|
19547
|
-
var _e = useState(undefined), menuAnchor = _e[0], setMenuAnchor = _e[1];
|
|
19548
|
-
var hasAdditionalActions = additionalActions.length > 0;
|
|
19549
|
-
var hasSecondaryOrAdditional = !!secondaryAction || hasAdditionalActions;
|
|
19550
|
-
var isSinglePrimaryAction = !!primaryAction && !hasSecondaryOrAdditional;
|
|
19551
|
-
var showHoverOverlay = !isSinglePrimaryAction && (!!primaryAction || hasSecondaryOrAdditional);
|
|
19552
|
-
function handleCardClick() {
|
|
19553
|
-
if (isSinglePrimaryAction && primaryAction) {
|
|
19554
|
-
primaryAction();
|
|
19555
|
-
}
|
|
19556
|
-
}
|
|
19557
|
-
function handleCardKeyDown(event) {
|
|
19558
|
-
if (!isSinglePrimaryAction || !primaryAction) {
|
|
19559
|
-
return;
|
|
19560
|
-
}
|
|
19561
|
-
if (event.key === "Enter" || event.key === " ") {
|
|
19562
|
-
event.preventDefault();
|
|
19563
|
-
primaryAction();
|
|
19564
|
-
}
|
|
19565
|
-
}
|
|
19566
|
-
function handlePrimaryActionClick(event) {
|
|
19567
|
-
event.stopPropagation();
|
|
19568
|
-
primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction();
|
|
19569
|
-
}
|
|
19570
|
-
function handleSecondaryActionClick(event) {
|
|
19571
|
-
event.stopPropagation();
|
|
19572
|
-
secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction();
|
|
19573
|
-
}
|
|
19574
|
-
function handleMenuOpen(event) {
|
|
19575
|
-
event.stopPropagation();
|
|
19576
|
-
setMenuAnchor(event.currentTarget);
|
|
19577
|
-
}
|
|
19578
|
-
function handleMenuClose() {
|
|
19579
|
-
setMenuAnchor(undefined);
|
|
19580
|
-
}
|
|
19581
|
-
var classes = classNames("resourceCard-component-v2", className, {
|
|
19582
|
-
clickable: isSinglePrimaryAction,
|
|
19583
|
-
menuOpen: !!menuAnchor,
|
|
19584
|
-
});
|
|
19585
|
-
return (React__default.createElement(Card, { className: classes, onClick: isSinglePrimaryAction ? handleCardClick : undefined, onKeyDown: isSinglePrimaryAction ? handleCardKeyDown : undefined, role: isSinglePrimaryAction ? "button" : undefined, tabIndex: isSinglePrimaryAction ? 0 : undefined },
|
|
19586
|
-
React__default.createElement(Stack$2, { className: "content", spacing: 0 },
|
|
19587
|
-
React__default.createElement(Stack$2, { className: "header", direction: "row", justifyContent: "space-between", alignItems: "flex-start" },
|
|
19588
|
-
React__default.createElement(Stack$2, { className: "titleSection", spacing: 0.5 },
|
|
19589
|
-
React__default.createElement(Typography, { variant: "body1L", semiBold: true, noWrap: true }, title),
|
|
19590
|
-
description &&
|
|
19591
|
-
React__default.createElement(Typography, { variant: "body2L", color: "silver.main", noWrap: true }, description),
|
|
19592
|
-
support &&
|
|
19593
|
-
React__default.createElement("div", { className: "support" }, support)),
|
|
19594
|
-
chip &&
|
|
19595
|
-
React__default.createElement(Stack$2, { className: "chip", alignItems: "flex-end" }, chip)),
|
|
19596
|
-
React__default.createElement("div", { className: classNames("imageContainer", { hasOverlay: showHoverOverlay }) },
|
|
19597
|
-
imageUrl
|
|
19598
|
-
? React__default.createElement("img", { src: imageUrl, alt: title })
|
|
19599
|
-
: React__default.createElement("div", { className: "imagePlaceholder", "aria-hidden": "true" }),
|
|
19600
|
-
showHoverOverlay &&
|
|
19601
|
-
React__default.createElement("div", { className: "overlay" },
|
|
19602
|
-
React__default.createElement(Stack$2, { className: "actions", spacing: 1 },
|
|
19603
|
-
primaryAction &&
|
|
19604
|
-
React__default.createElement(Button, { variant: "contained", color: "secondary", onClick: handlePrimaryActionClick }, primaryActionLabel),
|
|
19605
|
-
secondaryAction &&
|
|
19606
|
-
React__default.createElement(Button, { variant: "contained", color: "white", onClick: handleSecondaryActionClick }, secondaryActionLabel),
|
|
19607
|
-
hasAdditionalActions &&
|
|
19608
|
-
React__default.createElement(React__default.Fragment, null,
|
|
19609
|
-
React__default.createElement(Button$1, { className: "moreButton", variant: "contained", onClick: handleMenuOpen }, "..."),
|
|
19610
|
-
React__default.createElement(DropMenu, { options: additionalActions, popoverProps: {
|
|
19611
|
-
anchorEl: menuAnchor,
|
|
19612
|
-
open: !!menuAnchor,
|
|
19613
|
-
onClose: handleMenuClose,
|
|
19614
|
-
} }))))))));
|
|
19615
|
-
}
|
|
19616
|
-
|
|
19617
|
-
function computeResourceCardGridColumns(_a) {
|
|
19618
|
-
var containerWidth = _a.containerWidth, maxCardWidth = _a.maxCardWidth, minCardWidth = _a.minCardWidth, gap = _a.gap;
|
|
19619
|
-
if (containerWidth <= 0) {
|
|
19620
|
-
return 1;
|
|
19621
|
-
}
|
|
19622
|
-
var maxColumns = Math.max(1, Math.floor((containerWidth + gap) / (minCardWidth + gap)));
|
|
19623
|
-
for (var columnCount = 1; columnCount <= maxColumns; columnCount++) {
|
|
19624
|
-
var cardWidth = (containerWidth - (columnCount - 1) * gap) / columnCount;
|
|
19625
|
-
if (cardWidth <= maxCardWidth) {
|
|
19626
|
-
return columnCount;
|
|
19627
|
-
}
|
|
19628
|
-
}
|
|
19629
|
-
return maxColumns;
|
|
19630
|
-
}
|
|
19631
|
-
|
|
19632
|
-
var css_248z$5 = ".resourceCardGrid-component-v2 {\n display: grid;\n width: 100%;\n box-sizing: border-box;\n gap: var(--resource-card-grid-gap, 1.5rem);\n grid-template-columns: repeat(var(--resource-card-grid-columns, 1), minmax(0, 1fr));\n align-items: stretch;\n}\n.resourceCardGrid-component-v2 > .resourceCard-component-v2 {\n width: 100%;\n min-width: 0;\n}";
|
|
19633
|
-
styleInject(css_248z$5);
|
|
19634
|
-
|
|
19635
|
-
var DEFAULT_MAX_CARD_WIDTH = 455;
|
|
19636
|
-
var DEFAULT_MIN_CARD_WIDTH = 240;
|
|
19637
|
-
var DEFAULT_GAP = 24;
|
|
19638
|
-
function ResourceCardGrid(_a) {
|
|
19639
|
-
var children = _a.children, _b = _a.maxCardWidth, maxCardWidth = _b === void 0 ? DEFAULT_MAX_CARD_WIDTH : _b, _c = _a.minCardWidth, minCardWidth = _c === void 0 ? DEFAULT_MIN_CARD_WIDTH : _c, _d = _a.gap, gap = _d === void 0 ? DEFAULT_GAP : _d, className = _a.className;
|
|
19640
|
-
var containerRef = useRef(null);
|
|
19641
|
-
var _e = useState(1), columnCount = _e[0], setColumnCount = _e[1];
|
|
19642
|
-
useLayoutEffect(function () {
|
|
19643
|
-
var container = containerRef.current;
|
|
19644
|
-
if (!container) {
|
|
19645
|
-
return;
|
|
19646
|
-
}
|
|
19647
|
-
function updateLayout() {
|
|
19648
|
-
var element = containerRef.current;
|
|
19649
|
-
if (!element) {
|
|
19650
|
-
return;
|
|
19651
|
-
}
|
|
19652
|
-
var width = element.getBoundingClientRect().width;
|
|
19653
|
-
setColumnCount(computeResourceCardGridColumns({
|
|
19654
|
-
containerWidth: width,
|
|
19655
|
-
maxCardWidth: maxCardWidth,
|
|
19656
|
-
minCardWidth: minCardWidth,
|
|
19657
|
-
gap: gap,
|
|
19658
|
-
}));
|
|
19659
|
-
}
|
|
19660
|
-
updateLayout();
|
|
19661
|
-
var resizeObserver = new ResizeObserver(updateLayout);
|
|
19662
|
-
resizeObserver.observe(container);
|
|
19663
|
-
window.addEventListener("resize", updateLayout);
|
|
19664
|
-
return function () {
|
|
19665
|
-
resizeObserver.disconnect();
|
|
19666
|
-
window.removeEventListener("resize", updateLayout);
|
|
19667
|
-
};
|
|
19668
|
-
}, [gap, maxCardWidth, minCardWidth]);
|
|
19669
|
-
var classes = classNames("resourceCardGrid-component-v2", className);
|
|
19670
|
-
var gridStyle = {
|
|
19671
|
-
"--resource-card-grid-columns": columnCount,
|
|
19672
|
-
"--resource-card-grid-gap": "".concat(gap, "px"),
|
|
19673
|
-
};
|
|
19674
|
-
return (React__default.createElement(Box$1, { ref: containerRef, className: classes, style: gridStyle }, children));
|
|
19675
|
-
}
|
|
19676
|
-
|
|
19677
19416
|
function Radio(_a) {
|
|
19678
19417
|
var props = __rest(_a, []);
|
|
19679
19418
|
return React__default.createElement(Radio$1, __assign({}, props));
|
|
@@ -20073,7 +19812,7 @@ function ScopePicker(_a) {
|
|
|
20073
19812
|
}))))));
|
|
20074
19813
|
}
|
|
20075
19814
|
|
|
20076
|
-
var css_248z$2 = ".sideMenu-component-v2 {\n z-index: 8000;\n width: -moz-fit-content;\n width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n z-index: 8000;\n display: flex;\n height: 100%;\n flex-direction: column;\n width: 20rem;\n min-width: 20rem;\n max-width: 20rem;\n padding: 1rem;\n background: var(--shade100, #F3F2F2);\n position: relative;\n box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n gap: 1rem;\n max-width: 73px;\n min-width: 73px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n padding: 0.75rem;\n margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n margin-top: 1.5rem;\n position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n padding: 0.75rem 1rem;\n box-shadow: unset;\n border-radius: 8px;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n width: 100%;\n position: relative;\n justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n position: relative;\n justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n position: absolute;\n left: 0;\n top: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n display: none;\n}\n\n.sideMenuContainer-component-v2 {\n flex: 1;\n overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem > a,\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem > a > div > span {\n font-size: 0.875rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n cursor: default;\n background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2 .
|
|
19815
|
+
var css_248z$2 = ".sideMenu-component-v2 {\n z-index: 8000;\n width: -moz-fit-content;\n width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n z-index: 8000;\n display: flex;\n height: 100%;\n flex-direction: column;\n width: 20rem;\n min-width: 20rem;\n max-width: 20rem;\n padding: 1rem;\n background: var(--shade100, #F3F2F2);\n position: relative;\n box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n position: absolute;\n bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n height: 2.5rem;\n width: 2.5rem;\n padding: 2rem;\n background-clip: content-box;\n border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n background: var(--body-font-color-2, var(--silver, #9B9B9B));\n border-radius: 24px;\n border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n gap: 1rem;\n max-width: 73px;\n min-width: 73px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n padding: 0.75rem;\n margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n margin-top: 1.5rem;\n position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n padding: 0.75rem 1rem;\n box-shadow: unset;\n border-radius: 8px;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n width: 100%;\n position: relative;\n justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n position: absolute;\n left: 0;\n bottom: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n position: relative;\n justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n position: absolute;\n left: 0;\n top: -1.5rem;\n content: \"\";\n display: block;\n width: 100%;\n height: 1.5rem;\n background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n display: none;\n}\n\n.sideMenuContainer-component-v2 {\n flex: 1;\n overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem > a,\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem > a > div > span {\n font-size: 0.875rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n cursor: default;\n background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n border-color: var(--shade200, #DBDADA);\n background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n margin-left: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.sideMenuItem-component-v2 a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.75rem;\n border-radius: 8px;\n text-decoration: none !important;\n gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n border-radius: 16px;\n padding: 1.5rem;\n border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
|
|
20077
19816
|
styleInject(css_248z$2);
|
|
20078
19817
|
|
|
20079
19818
|
//{ subNav, menuItems, bottomContent, className, forcedLocationPath, menuItemClick, children }: TSideMenu
|
|
@@ -20126,54 +19865,14 @@ function SideMenuItem(_a) {
|
|
|
20126
19865
|
variant === "subSection" && React__default.createElement(Typography, { variant: "body2S", className: "uppercase" }, item.text)));
|
|
20127
19866
|
}
|
|
20128
19867
|
|
|
20129
|
-
function normalizePath(path) {
|
|
20130
|
-
var normalized = path.replace(/^#/, "").replace(/\/$/, "");
|
|
20131
|
-
return normalized || "/";
|
|
20132
|
-
}
|
|
20133
|
-
function pathMatches(currentPath, targetPath) {
|
|
20134
|
-
return currentPath === targetPath || currentPath.startsWith("".concat(targetPath, "/"));
|
|
20135
|
-
}
|
|
20136
|
-
function collectMenuPaths(menuItems) {
|
|
20137
|
-
var paths = [];
|
|
20138
|
-
menuItems.forEach(function (item) {
|
|
20139
|
-
var _a;
|
|
20140
|
-
if ("divider" in item) {
|
|
20141
|
-
return;
|
|
20142
|
-
}
|
|
20143
|
-
if (item.path) {
|
|
20144
|
-
paths.push(normalizePath(item.path));
|
|
20145
|
-
}
|
|
20146
|
-
(_a = item.subItems) === null || _a === void 0 ? void 0 : _a.forEach(function (subItem) {
|
|
20147
|
-
if (subItem.path) {
|
|
20148
|
-
paths.push(normalizePath(subItem.path));
|
|
20149
|
-
}
|
|
20150
|
-
});
|
|
20151
|
-
});
|
|
20152
|
-
return paths;
|
|
20153
|
-
}
|
|
20154
|
-
function getLongestMatchingPath(currentPath, menuPaths) {
|
|
20155
|
-
var longestMatch = null;
|
|
20156
|
-
menuPaths.forEach(function (targetPath) {
|
|
20157
|
-
if (!pathMatches(currentPath, targetPath)) {
|
|
20158
|
-
return;
|
|
20159
|
-
}
|
|
20160
|
-
if (!longestMatch || targetPath.length > longestMatch.length) {
|
|
20161
|
-
longestMatch = targetPath;
|
|
20162
|
-
}
|
|
20163
|
-
});
|
|
20164
|
-
return longestMatch;
|
|
20165
|
-
}
|
|
20166
19868
|
function SideMenuContainer(_a) {
|
|
20167
19869
|
var menuItems = _a.menuItems, menuItemClick = _a.menuItemClick, forcedLocationPath = _a.forcedLocationPath, className = _a.className;
|
|
20168
19870
|
var location = useLocation();
|
|
20169
19871
|
var _b = useState([]), openedItems = _b[0], setOpenedItems = _b[1];
|
|
20170
|
-
var currentPath = normalizePath(forcedLocationPath !== null && forcedLocationPath !== void 0 ? forcedLocationPath : (location.hash || location.pathname));
|
|
20171
|
-
var longestMatchingPath = useMemo(function () { return getLongestMatchingPath(currentPath, collectMenuPaths(menuItems)); }, [currentPath, menuItems]);
|
|
20172
19872
|
function isSelected(value) {
|
|
20173
|
-
if (!value
|
|
19873
|
+
if (!value)
|
|
20174
19874
|
return false;
|
|
20175
|
-
|
|
20176
|
-
return normalizePath(value) === longestMatchingPath;
|
|
19875
|
+
return (forcedLocationPath === null || forcedLocationPath === void 0 ? void 0 : forcedLocationPath.endsWith(value)) || location.hash.endsWith(value.replace("#", "")) || location.pathname.endsWith(value.replace("#", ""));
|
|
20177
19876
|
}
|
|
20178
19877
|
function handleMenuItemClick(event) {
|
|
20179
19878
|
menuItemClick && menuItemClick(event);
|
|
@@ -20663,64 +20362,6 @@ var ContactsFactory = /** @class */ (function () {
|
|
|
20663
20362
|
return ContactsFactory;
|
|
20664
20363
|
}());
|
|
20665
20364
|
|
|
20666
|
-
var ContentCatalogFactory = /** @class */ (function () {
|
|
20667
|
-
function ContentCatalogFactory() {
|
|
20668
|
-
}
|
|
20669
|
-
ContentCatalogFactory.listTemplates = function (params) {
|
|
20670
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
20671
|
-
return __generator(this, function (_a) {
|
|
20672
|
-
return [2 /*return*/, listCatalogTemplates(params).then(function (data) { return (__assign(__assign({}, data), { results: data.results.map(function (t) { return new BeeTemplateModel(t); }) })); })];
|
|
20673
|
-
});
|
|
20674
|
-
});
|
|
20675
|
-
};
|
|
20676
|
-
ContentCatalogFactory.getTemplate = function (_a) {
|
|
20677
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
20678
|
-
var slug = _b.slug;
|
|
20679
|
-
return __generator(this, function (_c) {
|
|
20680
|
-
return [2 /*return*/, getCatalogTemplate({ slug: slug }).then(function (data) { return new BeeTemplateDetailModel(data); })];
|
|
20681
|
-
});
|
|
20682
|
-
});
|
|
20683
|
-
};
|
|
20684
|
-
ContentCatalogFactory.listCategories = function (params) {
|
|
20685
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
20686
|
-
return __generator(this, function (_a) {
|
|
20687
|
-
return [2 /*return*/, listCatalogCategories(params).then(function (data) { return (__assign(__assign({}, data), { results: data.results.map(function (c) { return new BeeCategoryModel(c); }) })); })];
|
|
20688
|
-
});
|
|
20689
|
-
});
|
|
20690
|
-
};
|
|
20691
|
-
ContentCatalogFactory.getCategory = function (_a) {
|
|
20692
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
20693
|
-
var slug = _b.slug;
|
|
20694
|
-
return __generator(this, function (_c) {
|
|
20695
|
-
return [2 /*return*/, getCatalogCategory({ slug: slug }).then(function (data) { return new BeeCategoryModel(data); })];
|
|
20696
|
-
});
|
|
20697
|
-
});
|
|
20698
|
-
};
|
|
20699
|
-
ContentCatalogFactory.listCollections = function (params) {
|
|
20700
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
20701
|
-
return __generator(this, function (_a) {
|
|
20702
|
-
return [2 /*return*/, listCatalogCollections(params).then(function (data) { return (__assign(__assign({}, data), { results: data.results.map(function (c) { return new BeeCollectionModel(c); }) })); })];
|
|
20703
|
-
});
|
|
20704
|
-
});
|
|
20705
|
-
};
|
|
20706
|
-
ContentCatalogFactory.getCollection = function (_a) {
|
|
20707
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
20708
|
-
var slug = _b.slug;
|
|
20709
|
-
return __generator(this, function (_c) {
|
|
20710
|
-
return [2 /*return*/, getCatalogCollection({ slug: slug }).then(function (data) { return new BeeCollectionModel(data); })];
|
|
20711
|
-
});
|
|
20712
|
-
});
|
|
20713
|
-
};
|
|
20714
|
-
ContentCatalogFactory.listTags = function (params) {
|
|
20715
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
20716
|
-
return __generator(this, function (_a) {
|
|
20717
|
-
return [2 /*return*/, listCatalogTags(params).then(function (tags) { return tags.map(function (t) { return new BeeTagModel(t); }); })];
|
|
20718
|
-
});
|
|
20719
|
-
});
|
|
20720
|
-
};
|
|
20721
|
-
return ContentCatalogFactory;
|
|
20722
|
-
}());
|
|
20723
|
-
|
|
20724
20365
|
var CustomDomainsFactory = /** @class */ (function () {
|
|
20725
20366
|
function CustomDomainsFactory() {
|
|
20726
20367
|
}
|
|
@@ -21582,4 +21223,4 @@ var UsersFactory = /** @class */ (function () {
|
|
|
21582
21223
|
return UsersFactory;
|
|
21583
21224
|
}());
|
|
21584
21225
|
|
|
21585
|
-
export { AccountModel, AccountsFactory, ActionBarContainer, ActionBarContainerHandler, AssetManager, AutomationModel, AutomationsFactory, Avatar,
|
|
21226
|
+
export { AccountModel, AccountsFactory, ActionBarContainer, ActionBarContainerHandler, AssetManager, AutomationModel, AutomationsFactory, Avatar, BillingFactory, BrandWrapper, BrandsFactory, Button, ButtonMenu, CampaignModel, CampaignsFactory, Checkbox, Chip, CircularProgress, CodeInput, ColManager, ColorTextField, CommonFormModel, ContactModel, ContactsFactory, ContentSectionContainer, CountryDropdown, CustomDomainModel, CustomDomainsFactory, CustomerModel, DataTable, DataTableHead, DataTableRow, DateCalendar, DatePicker, DateTimeCalendar, DateTimePicker, Dialog, DialogActions, DialogHandler, DialogTitle, Divider, Drawer, DrawerHandler, DropMenu, Dropdown, EApiLanguages, EAssetManagerMatchType, ECampaignStatuses, ECertificateStatus, EDnsStatus, EEMailSummaryStatuses, EEditorType, EEmailAttachementTypes, EEmailLogType, EEmailLogTypeParam, EEmailProviders, EEmailStatuses, EEmailSummaryEngagement, EEventBreakdownDimension, EEventSortField, EEventTimeseriesGranularity, EEvents, EIngressRouteStatus, EListAttributeType, EMethods, EOperatorTypes, EPageBranding, EPartialInfoPool, EPopupBranding, EPopupBrowserType, EPopupCloseButtonPosition, EPopupDeviceType, EPopupDisplayFrequency, EPopupPosition, EPopupTriggerType, EStorageType, ETaskType, ETopDomainStatus, ETrackedDeviceType, ETrackedEntityType, ETrackedEventType, ElementContains, Email, EmailAPIFactory, EmptyContent, EnhancedFormModel, EventModel, EventTrackingFactory, FileUpload, FilterBar, FormModel, FormsFactory, FullBar, GenericWrapper, GenericWrapperContext, GroupedActions, Header, Icon, IconPill, InformationGroup, InlineTextEdit, LinearProgress, Link, ListCampaignModel, ListModel, ListPageModel, ListPopupModel, ListTemplateModel, ListsFactory, LoadingContainer, LocationTextField, Logo, MD5, MetricCard, Modal, ModalHandler, ModalHeading, Overlay, OverlayHandler, OverlayHeading, PageModel, PagesFactory, PersonalAccessTokenModel, PersonalAccessTokensFactory, PhoneTextField, PopupModel, PopupsFactory, Radio, ResourceEdit, ScopePicker, Search, SenderModel, SendersFactory, SideMenu, SideMenuContainer, SideMenuItem, SubNav, SummaryEnhancedFormModel, SuppressedEmailsFactory, SystemEmailsFactory, SystemEmailsModel, TagsFactory, TasksFactory, TemplateModel, TemplatesFactory, TextField, TimePicker, TimeSelector, Toggle, TopDomainModel, TopDomainsFactory, TopMenu, Typography, UserModel, UsersFactory, acceptListPolicy, addInterestsToContactsOfList, addPartialInformation, addSuppressedEmail, addToImpersonificationTree, amIImpersonating, amILoggedInService, archiveCampaign, areAllPropertiesEmpty, assignPlan, buildMUITheme, callApi, camelCase, camelToSnakeCase, cancelCampaign, capitalizeFirstLetter, cleanPostHogId, clearImpersonificationTree, clearStorage, copyToClipboard, createAccount, createBrand, createCampaign, createCampaignLogsExports, createCampaignsReportsExport, createContactsExport, createCustomDomain, createForm, createPage, createPat, createPopup, createSender, createSuppressedEmailExport, createTemplate, createTopDomain, deepMergeObject, deleteAccount, deleteAnyAutomation, deleteAutomation, deleteCampaign, deleteCampaignsReportsExport, deleteContact, deleteCustomDomain, deleteForm, deleteList, deletePage, deletePartialInformation, deletePopup, deleteSender, deleteStorageItem, deleteSuppressedEmail, deleteTaskService, deleteTemplate, deleteTopDomain, deleteUser, deleteWorkflow, descendingComparator, disableForm, disablePage, disablePopup, domainHasValidCertificateService, downloadCampaignLogExport, downloadCampaignsReportsExport, downloadContactsExport, downloadListLogExport, downloadSuppressedEmailExport, emptyAccountAddress, emptyAccountLimits, enableForm, enablePage, enablePopup, enrichBrand, enrichOrganization, enrichProfile, eventCondition, eventIdentify, eventLogout, fetchRetry, fetchRoute, findNestedProperty, formatNumber, getAccount, getAccountMetadata, getAccountReport, getAdjustedBillingCycle, getAllAutomationStats, getAutomation, getAutomationEmailContent, getAutomationExecutionsCount, getAutomationStats, getBeeTokenService, getBestLocalMatch, getBrand, getBrandService, getBrandUrl, getCalendarFormat, getCampaign, getCampaignLinks, getCampaignLinksReport, getCampaignLogs, getCampaignLogsExports, getCampaignReport, getCampaignRevisions, getCampaignsReportsExport, getComparator, getContactsExport, getCustomDomain, getCustomerProfile, getDate, getDomainFromEmail, getDomainsFromEmails, getDomainsService, getEmail, getEmailActivitySummary, getEmailReport, getEndOfDate, getEventBreakdown, getEventFunnel, getEventPropertyKeys, getEventSummary, getEventTimeseries, getForm, getHashQueryWithoutHistory, getIconSize, getList, getListLogs, getListReport, getNestedProperty, getPage, getPat, getPlanAssignments, getPlans, getPopup, getPropertyValue, getSender, getStartOfDate, getStorage, getSuppressedEmailExport, getTColor, getTaskService, getTemplate, getTopDomain, getUnixTime, getUrlQueryParam, getUser, getUtmCookies, googlePlacesMapper, groupScopesByCategory, hasDecimal, impersonateService, initFieldValidation, initPostHog, isColorLight, isDomainValidService, isPublicEmailProviderService, isSimpleType, isValidEmail, isValidString, isValidUrl, lisTEmailTags, listAccounts, listAutomations, listCampaigns, listCampaignsReportsExports, listContacts, listCustomDomains, listDkimService, listEmailLogs, listEvents, listForms, listList, listListAttributes, listListInterests, listPages, listPats, listPopups, listSenders, listSuppressedEmails, listSystemEmails, listTasksService, listTemplates, listTopDomains, listUsers, listWorkflows, logOutService, loginService, miliToSecond, modelSet, modelToJson, originalBrand, patchAccountDomainsService, patchForm, popImpersonificationTree, postMessage, publishForm, publishPage, publishPopup, reScheduleCampaign, removeEmptyProperties, removeInterestsFromContactsOfList, removeQueryParams, removeTrailingChar, renderCampaign, renderEmail, renderForm, renderPage, renderPopup, renderPublicHtmlForm, renderTemplate, requestSupportService, resendEmail, resendVerificationEmail, resumeCampaign, revokePat, saveList, scheduleCampaign, searchCustomerProfiles, sendCampaignTest, setBrandHeadElements, setStorage, shareTemplate, splitArray, splitObject, stableSort, startPromisePool, suspendAccount, suspendCampaign, tagContact, tagsContactsOfList, trackEvent, truncateEmail, truncateText, uiKitConfig, unArchiveCampaign, unScheduleCampaign, unSuspendAccount, unshareTemplate, unsubscribeContact, untagContact, untagContactsOfList, unwrapResponse, updateAccount, updateAndClearUrlParams, updateAnyAutomation, updateAutomation, updateCampaign, updatePage, updatePat, updatePopup, updateSystemEmails, updateTemplate, updateUser, updateWorkflow, validateColor, validateEmail, validateGenericInput, validateTopDomain, validateUrl, verifyCustomDomain, verifyTrackingCnamesService, wait, whiteLabelBrand, whoAmi };
|