@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/cjs/index.js
CHANGED
|
@@ -6506,8 +6506,8 @@ function styleInject(css, ref) {
|
|
|
6506
6506
|
}
|
|
6507
6507
|
}
|
|
6508
6508
|
|
|
6509
|
-
var css_248z$
|
|
6510
|
-
styleInject(css_248z$
|
|
6509
|
+
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}";
|
|
6510
|
+
styleInject(css_248z$z);
|
|
6511
6511
|
|
|
6512
6512
|
var ActionBarContainer = React.forwardRef(function (props, ref) {
|
|
6513
6513
|
var refState = React.useRef({ open: false });
|
|
@@ -7703,8 +7703,8 @@ function Icon(_a) {
|
|
|
7703
7703
|
return React.createElement(React.Fragment, null, Component ? React.createElement(SvgIcon, __assign({ fontSize: fontSize, sx: __assign(__assign({}, sx), csx) }, iconProps, { component: Component })) : "");
|
|
7704
7704
|
}
|
|
7705
7705
|
|
|
7706
|
-
var css_248z$
|
|
7707
|
-
styleInject(css_248z$
|
|
7706
|
+
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}";
|
|
7707
|
+
styleInject(css_248z$y);
|
|
7708
7708
|
|
|
7709
7709
|
function CircularProgress(_a) {
|
|
7710
7710
|
var color = _a.color, _b = _a.location, location = _b === void 0 ? "default" : _b, props = __rest(_a, ["color", "location"]);
|
|
@@ -7718,8 +7718,8 @@ function LinearProgress(_a) {
|
|
|
7718
7718
|
return React.createElement(material.LinearProgress, __assign({}, props, { color: color, className: classes }));
|
|
7719
7719
|
}
|
|
7720
7720
|
|
|
7721
|
-
var css_248z$
|
|
7722
|
-
styleInject(css_248z$
|
|
7721
|
+
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}";
|
|
7722
|
+
styleInject(css_248z$x);
|
|
7723
7723
|
|
|
7724
7724
|
function LoadingContainer(_a) {
|
|
7725
7725
|
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
|
|
@@ -7742,8 +7742,8 @@ function LoadingContainer(_a) {
|
|
|
7742
7742
|
React.createElement(Container, { className: "loadingContainer-component-v2 ".concat(className), sx: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%" } }, loader)));
|
|
7743
7743
|
}
|
|
7744
7744
|
|
|
7745
|
-
var css_248z$
|
|
7746
|
-
styleInject(css_248z$
|
|
7745
|
+
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}";
|
|
7746
|
+
styleInject(css_248z$w);
|
|
7747
7747
|
|
|
7748
7748
|
var TextField = React.forwardRef(function (_a, ref) {
|
|
7749
7749
|
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"]);
|
|
@@ -7798,8 +7798,8 @@ var TextField = React.forwardRef(function (_a, ref) {
|
|
|
7798
7798
|
React.createElement(MUITextField, __assign({}, props, { inputProps: inputProps, onChange: useBareBoneInput ? onChange : onChangeHandler, label: cLabel, disabled: disabled, onKeyDown: handleKeyDown, multiline: multiline, inputRef: ref, size: size })));
|
|
7799
7799
|
});
|
|
7800
7800
|
|
|
7801
|
-
var css_248z$
|
|
7802
|
-
styleInject(css_248z$
|
|
7801
|
+
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}";
|
|
7802
|
+
styleInject(css_248z$v);
|
|
7803
7803
|
|
|
7804
7804
|
exports.EAssetManagerMatchType = void 0;
|
|
7805
7805
|
(function (EAssetManagerMatchType) {
|
|
@@ -8277,8 +8277,8 @@ function DialogTitle(_a) {
|
|
|
8277
8277
|
React.createElement(Typography, { className: className, variant: variant }, children));
|
|
8278
8278
|
}
|
|
8279
8279
|
|
|
8280
|
-
var css_248z$
|
|
8281
|
-
styleInject(css_248z$
|
|
8280
|
+
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}";
|
|
8281
|
+
styleInject(css_248z$u);
|
|
8282
8282
|
|
|
8283
8283
|
var Dialog = React.forwardRef(function (props, ref) {
|
|
8284
8284
|
var refState = React.useRef({ open: false });
|
|
@@ -8368,8 +8368,8 @@ var Dialog = React.forwardRef(function (props, ref) {
|
|
|
8368
8368
|
!state.managedByContent && props.children);
|
|
8369
8369
|
});
|
|
8370
8370
|
|
|
8371
|
-
var css_248z$
|
|
8372
|
-
styleInject(css_248z$
|
|
8371
|
+
var css_248z$t = "";
|
|
8372
|
+
styleInject(css_248z$t);
|
|
8373
8373
|
|
|
8374
8374
|
var Drawer = React.forwardRef(function (props, ref) {
|
|
8375
8375
|
var _a = React.useState(props.open || false), isOpen = _a[0], setIsOpen = _a[1];
|
|
@@ -8416,16 +8416,16 @@ var Drawer = React.forwardRef(function (props, ref) {
|
|
|
8416
8416
|
return React.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);
|
|
8417
8417
|
});
|
|
8418
8418
|
|
|
8419
|
-
var css_248z$
|
|
8420
|
-
styleInject(css_248z$
|
|
8419
|
+
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}";
|
|
8420
|
+
styleInject(css_248z$s);
|
|
8421
8421
|
|
|
8422
8422
|
function ContentSectionContainer(_a) {
|
|
8423
8423
|
var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children;
|
|
8424
8424
|
return React.createElement(material.Box, { className: "contentSectionContainer ".concat(className) }, children);
|
|
8425
8425
|
}
|
|
8426
8426
|
|
|
8427
|
-
var css_248z$
|
|
8428
|
-
styleInject(css_248z$
|
|
8427
|
+
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}";
|
|
8428
|
+
styleInject(css_248z$r);
|
|
8429
8429
|
|
|
8430
8430
|
function FullBar(props) {
|
|
8431
8431
|
if (props === void 0) { props = {}; }
|
|
@@ -8439,8 +8439,8 @@ function FullBar(props) {
|
|
|
8439
8439
|
React.createElement(material.Stack, __assign({ direction: "row" }, rightProps, { sx: __assign({ alignItems: "center", justifyContent: "right", fex: 1 }, rightSX), className: "right" }), right));
|
|
8440
8440
|
}
|
|
8441
8441
|
|
|
8442
|
-
var css_248z$
|
|
8443
|
-
styleInject(css_248z$
|
|
8442
|
+
var css_248z$q = ".logo-component-v2 {\n line-height: 0;\n}";
|
|
8443
|
+
styleInject(css_248z$q);
|
|
8444
8444
|
|
|
8445
8445
|
function Logo(_a) {
|
|
8446
8446
|
var url = _a.url, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.imgProps, imgProps = _c === void 0 ? {} : _c;
|
|
@@ -8450,8 +8450,8 @@ function Logo(_a) {
|
|
|
8450
8450
|
React.createElement("img", __assign({ src: url, style: __assign({ maxHeight: "45px", maxWidth: "200px" }, styles) }, imgProps)));
|
|
8451
8451
|
}
|
|
8452
8452
|
|
|
8453
|
-
var css_248z$
|
|
8454
|
-
styleInject(css_248z$
|
|
8453
|
+
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}";
|
|
8454
|
+
styleInject(css_248z$p);
|
|
8455
8455
|
|
|
8456
8456
|
function ModalHeading(props) {
|
|
8457
8457
|
if (props === void 0) { props = {}; }
|
|
@@ -8541,8 +8541,8 @@ var Modal = React.forwardRef(function (props, ref) {
|
|
|
8541
8541
|
React.createElement(ContentSectionContainer, null, state.content))));
|
|
8542
8542
|
});
|
|
8543
8543
|
|
|
8544
|
-
var css_248z$
|
|
8545
|
-
styleInject(css_248z$
|
|
8544
|
+
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}";
|
|
8545
|
+
styleInject(css_248z$o);
|
|
8546
8546
|
|
|
8547
8547
|
function OverlayHeading(props) {
|
|
8548
8548
|
if (props === void 0) { props = {}; }
|
|
@@ -8631,8 +8631,8 @@ var Overlay = React.forwardRef(function (props, ref) {
|
|
|
8631
8631
|
React.createElement(ContentSectionContainer, null, state.content)))));
|
|
8632
8632
|
});
|
|
8633
8633
|
|
|
8634
|
-
var css_248z$
|
|
8635
|
-
styleInject(css_248z$
|
|
8634
|
+
var css_248z$n = ".ui-kit-v2-wrapper {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: column;\n}";
|
|
8635
|
+
styleInject(css_248z$n);
|
|
8636
8636
|
|
|
8637
8637
|
function BrandWrapper(_a) {
|
|
8638
8638
|
_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;
|
|
@@ -8732,8 +8732,8 @@ function MenuOption(_a) {
|
|
|
8732
8732
|
React.createElement(Icon, { name: "Checkmark10" }))));
|
|
8733
8733
|
}
|
|
8734
8734
|
|
|
8735
|
-
var css_248z$
|
|
8736
|
-
styleInject(css_248z$
|
|
8735
|
+
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}";
|
|
8736
|
+
styleInject(css_248z$m);
|
|
8737
8737
|
|
|
8738
8738
|
function DropMenu(_a) {
|
|
8739
8739
|
var _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.popoverProps, popoverProps = _c === void 0 ? {
|
|
@@ -8758,8 +8758,8 @@ function DropMenu(_a) {
|
|
|
8758
8758
|
}
|
|
8759
8759
|
}
|
|
8760
8760
|
|
|
8761
|
-
var css_248z$
|
|
8762
|
-
styleInject(css_248z$
|
|
8761
|
+
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}";
|
|
8762
|
+
styleInject(css_248z$l);
|
|
8763
8763
|
|
|
8764
8764
|
function ButtonMenu(_a) {
|
|
8765
8765
|
var children = _a.children, _b = _a.buttonProps, buttonProps = _b === void 0 ? {
|
|
@@ -8802,8 +8802,8 @@ function Chip(_a) {
|
|
|
8802
8802
|
return React.createElement(material.Chip, __assign({}, props, { className: classes, color: color }));
|
|
8803
8803
|
}
|
|
8804
8804
|
|
|
8805
|
-
var css_248z$
|
|
8806
|
-
styleInject(css_248z$
|
|
8805
|
+
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}";
|
|
8806
|
+
styleInject(css_248z$k);
|
|
8807
8807
|
|
|
8808
8808
|
function CodeInput(_a) {
|
|
8809
8809
|
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;
|
|
@@ -8856,8 +8856,8 @@ function CustomPaginationActions(_a) {
|
|
|
8856
8856
|
React.createElement(Button, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page", variant: "outlined", color: "body1" }, "Last")));
|
|
8857
8857
|
}
|
|
8858
8858
|
|
|
8859
|
-
var css_248z$
|
|
8860
|
-
styleInject(css_248z$
|
|
8859
|
+
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}";
|
|
8860
|
+
styleInject(css_248z$j);
|
|
8861
8861
|
|
|
8862
8862
|
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";
|
|
8863
8863
|
|
|
@@ -9018,8 +9018,8 @@ function DataTableRow(_a) {
|
|
|
9018
9018
|
React.createElement(TableCell, { className: "rightStickyEffect stickyEffect" })));
|
|
9019
9019
|
}
|
|
9020
9020
|
|
|
9021
|
-
var css_248z$
|
|
9022
|
-
styleInject(css_248z$
|
|
9021
|
+
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}";
|
|
9022
|
+
styleInject(css_248z$i);
|
|
9023
9023
|
|
|
9024
9024
|
function Search(_a) {
|
|
9025
9025
|
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;
|
|
@@ -9092,8 +9092,8 @@ function Search(_a) {
|
|
|
9092
9092
|
React.createElement(Icon, { actionIcon: true, className: "close", name: "X18", onClick: onClose }))));
|
|
9093
9093
|
}
|
|
9094
9094
|
|
|
9095
|
-
var css_248z$
|
|
9096
|
-
styleInject(css_248z$
|
|
9095
|
+
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}";
|
|
9096
|
+
styleInject(css_248z$h);
|
|
9097
9097
|
|
|
9098
9098
|
function Dropdown(_a) {
|
|
9099
9099
|
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;
|
|
@@ -9318,8 +9318,8 @@ function DataTable(_a) {
|
|
|
9318
9318
|
ActionsComponent: CustomPaginationActions }))));
|
|
9319
9319
|
}
|
|
9320
9320
|
|
|
9321
|
-
var css_248z$
|
|
9322
|
-
styleInject(css_248z$
|
|
9321
|
+
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}";
|
|
9322
|
+
styleInject(css_248z$g);
|
|
9323
9323
|
|
|
9324
9324
|
function DatePicker(_a) {
|
|
9325
9325
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
@@ -9379,8 +9379,8 @@ function DateTimeCalendar(_a) {
|
|
|
9379
9379
|
} })));
|
|
9380
9380
|
}
|
|
9381
9381
|
|
|
9382
|
-
var css_248z$
|
|
9383
|
-
styleInject(css_248z$
|
|
9382
|
+
var css_248z$f = ".divider-component-v2 {\n width: 100%;\n}";
|
|
9383
|
+
styleInject(css_248z$f);
|
|
9384
9384
|
|
|
9385
9385
|
function Divider(_a) {
|
|
9386
9386
|
var _b = _a.height, height = _b === void 0 ? 1 : _b, _c = _a.color, color = _c === void 0 ? "wildSand" : _c;
|
|
@@ -9407,8 +9407,8 @@ function CountryDropdown(_a) {
|
|
|
9407
9407
|
return React.createElement(Dropdown, __assign({}, args, { value: value, defaultValue: defaultValue, options: options, onChange: onChange }));
|
|
9408
9408
|
}
|
|
9409
9409
|
|
|
9410
|
-
var css_248z$
|
|
9411
|
-
styleInject(css_248z$
|
|
9410
|
+
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}";
|
|
9411
|
+
styleInject(css_248z$e);
|
|
9412
9412
|
|
|
9413
9413
|
function EmptyContent(_a) {
|
|
9414
9414
|
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;
|
|
@@ -9422,8 +9422,8 @@ function EmptyContent(_a) {
|
|
|
9422
9422
|
button && button));
|
|
9423
9423
|
}
|
|
9424
9424
|
|
|
9425
|
-
var css_248z$
|
|
9426
|
-
styleInject(css_248z$
|
|
9425
|
+
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}";
|
|
9426
|
+
styleInject(css_248z$d);
|
|
9427
9427
|
|
|
9428
9428
|
function FileUpload(_a) {
|
|
9429
9429
|
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;
|
|
@@ -9526,8 +9526,8 @@ function Link(_a) {
|
|
|
9526
9526
|
return React.createElement(material.Link, __assign({}, props, { variant: variant, color: color, className: classes }), children);
|
|
9527
9527
|
}
|
|
9528
9528
|
|
|
9529
|
-
var css_248z$
|
|
9530
|
-
styleInject(css_248z$
|
|
9529
|
+
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}";
|
|
9530
|
+
styleInject(css_248z$c);
|
|
9531
9531
|
|
|
9532
9532
|
function SubNav(_a) {
|
|
9533
9533
|
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;
|
|
@@ -9559,8 +9559,8 @@ function SubNav(_a) {
|
|
|
9559
9559
|
}));
|
|
9560
9560
|
}
|
|
9561
9561
|
|
|
9562
|
-
var css_248z$
|
|
9563
|
-
styleInject(css_248z$
|
|
9562
|
+
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}";
|
|
9563
|
+
styleInject(css_248z$b);
|
|
9564
9564
|
|
|
9565
9565
|
function FilterBar(_a) {
|
|
9566
9566
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
@@ -9794,6 +9794,33 @@ function searchCustomerProfiles(_a) {
|
|
|
9794
9794
|
}
|
|
9795
9795
|
});
|
|
9796
9796
|
}
|
|
9797
|
+
function getPlans(_a) {
|
|
9798
|
+
var partnerId = _a.partnerId;
|
|
9799
|
+
return callApi({
|
|
9800
|
+
url: uiKitConfig.GATEWAY_PROXY + "/billing/plans/plans",
|
|
9801
|
+
query: { partner_id: partnerId },
|
|
9802
|
+
fetchOptions: { method: exports.EMethods.get }
|
|
9803
|
+
});
|
|
9804
|
+
}
|
|
9805
|
+
function getPlanAssignments(_a) {
|
|
9806
|
+
var partnerId = _a.partnerId, accountIds = _a.accountIds;
|
|
9807
|
+
return callApi({
|
|
9808
|
+
url: uiKitConfig.GATEWAY_PROXY + "/billing/plans/accounts/assignments",
|
|
9809
|
+
query: __assign({ partner_id: partnerId }, ((accountIds === null || accountIds === void 0 ? void 0 : accountIds.length) ? { account_ids: accountIds.join(',') } : {})),
|
|
9810
|
+
fetchOptions: { method: exports.EMethods.get }
|
|
9811
|
+
});
|
|
9812
|
+
}
|
|
9813
|
+
function assignPlan(_a) {
|
|
9814
|
+
var accountId = _a.accountId, partnerId = _a.partnerId, planId = _a.planId, contacts = _a.contacts;
|
|
9815
|
+
var body = { plan_id: planId };
|
|
9816
|
+
if (contacts)
|
|
9817
|
+
body.contacts = contacts;
|
|
9818
|
+
return callApi({
|
|
9819
|
+
url: uiKitConfig.GATEWAY_PROXY + "/billing/plans/accounts/".concat(accountId, "/assignment"),
|
|
9820
|
+
query: { partner_id: partnerId },
|
|
9821
|
+
fetchOptions: { method: exports.EMethods.post, body: body }
|
|
9822
|
+
});
|
|
9823
|
+
}
|
|
9797
9824
|
|
|
9798
9825
|
var BillingFactory = /** @class */ (function () {
|
|
9799
9826
|
function BillingFactory() {
|
|
@@ -9819,6 +9846,29 @@ var BillingFactory = /** @class */ (function () {
|
|
|
9819
9846
|
});
|
|
9820
9847
|
});
|
|
9821
9848
|
};
|
|
9849
|
+
BillingFactory.getPlans = function (_a) {
|
|
9850
|
+
return __awaiter(this, arguments, void 0, function (_b) {
|
|
9851
|
+
var partnerId = _b.partnerId;
|
|
9852
|
+
return __generator(this, function (_c) {
|
|
9853
|
+
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 : []; })];
|
|
9854
|
+
});
|
|
9855
|
+
});
|
|
9856
|
+
};
|
|
9857
|
+
BillingFactory.getPlanAssignments = function (_a) {
|
|
9858
|
+
return __awaiter(this, arguments, void 0, function (_b) {
|
|
9859
|
+
var partnerId = _b.partnerId, accountIds = _b.accountIds;
|
|
9860
|
+
return __generator(this, function (_c) {
|
|
9861
|
+
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 : []; })];
|
|
9862
|
+
});
|
|
9863
|
+
});
|
|
9864
|
+
};
|
|
9865
|
+
BillingFactory.assignPlan = function (params) {
|
|
9866
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
9867
|
+
return __generator(this, function (_a) {
|
|
9868
|
+
return [2 /*return*/, assignPlan(params)];
|
|
9869
|
+
});
|
|
9870
|
+
});
|
|
9871
|
+
};
|
|
9822
9872
|
return BillingFactory;
|
|
9823
9873
|
}());
|
|
9824
9874
|
|
|
@@ -11166,99 +11216,6 @@ function untagContact(_a) {
|
|
|
11166
11216
|
});
|
|
11167
11217
|
}
|
|
11168
11218
|
|
|
11169
|
-
function listCatalogTemplates(params) {
|
|
11170
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
11171
|
-
return __generator(this, function (_a) {
|
|
11172
|
-
return [2 /*return*/, callApi({
|
|
11173
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/templates",
|
|
11174
|
-
query: params,
|
|
11175
|
-
fetchOptions: {
|
|
11176
|
-
method: exports.EMethods.get
|
|
11177
|
-
}
|
|
11178
|
-
})];
|
|
11179
|
-
});
|
|
11180
|
-
});
|
|
11181
|
-
}
|
|
11182
|
-
function getCatalogTemplate(_a) {
|
|
11183
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
11184
|
-
var slug = _b.slug;
|
|
11185
|
-
return __generator(this, function (_c) {
|
|
11186
|
-
return [2 /*return*/, callApi({
|
|
11187
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/templates/".concat(slug),
|
|
11188
|
-
fetchOptions: {
|
|
11189
|
-
method: exports.EMethods.get
|
|
11190
|
-
}
|
|
11191
|
-
})];
|
|
11192
|
-
});
|
|
11193
|
-
});
|
|
11194
|
-
}
|
|
11195
|
-
function listCatalogCategories(params) {
|
|
11196
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
11197
|
-
return __generator(this, function (_a) {
|
|
11198
|
-
return [2 /*return*/, callApi({
|
|
11199
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/categories",
|
|
11200
|
-
query: params,
|
|
11201
|
-
fetchOptions: {
|
|
11202
|
-
method: exports.EMethods.get
|
|
11203
|
-
}
|
|
11204
|
-
})];
|
|
11205
|
-
});
|
|
11206
|
-
});
|
|
11207
|
-
}
|
|
11208
|
-
function getCatalogCategory(_a) {
|
|
11209
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
11210
|
-
var slug = _b.slug;
|
|
11211
|
-
return __generator(this, function (_c) {
|
|
11212
|
-
return [2 /*return*/, callApi({
|
|
11213
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/categories/".concat(slug),
|
|
11214
|
-
fetchOptions: {
|
|
11215
|
-
method: exports.EMethods.get
|
|
11216
|
-
}
|
|
11217
|
-
})];
|
|
11218
|
-
});
|
|
11219
|
-
});
|
|
11220
|
-
}
|
|
11221
|
-
function listCatalogCollections(params) {
|
|
11222
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
11223
|
-
return __generator(this, function (_a) {
|
|
11224
|
-
return [2 /*return*/, callApi({
|
|
11225
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/collections",
|
|
11226
|
-
query: params,
|
|
11227
|
-
fetchOptions: {
|
|
11228
|
-
method: exports.EMethods.get
|
|
11229
|
-
}
|
|
11230
|
-
})];
|
|
11231
|
-
});
|
|
11232
|
-
});
|
|
11233
|
-
}
|
|
11234
|
-
function getCatalogCollection(_a) {
|
|
11235
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
11236
|
-
var slug = _b.slug;
|
|
11237
|
-
return __generator(this, function (_c) {
|
|
11238
|
-
return [2 /*return*/, callApi({
|
|
11239
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/collections/".concat(slug),
|
|
11240
|
-
fetchOptions: {
|
|
11241
|
-
method: exports.EMethods.get
|
|
11242
|
-
}
|
|
11243
|
-
})];
|
|
11244
|
-
});
|
|
11245
|
-
});
|
|
11246
|
-
}
|
|
11247
|
-
function listCatalogTags(params) {
|
|
11248
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
11249
|
-
return __generator(this, function (_a) {
|
|
11250
|
-
// BeeFree returns a flat array for tags, not a paginated wrapper.
|
|
11251
|
-
return [2 /*return*/, callApi({
|
|
11252
|
-
url: uiKitConfig.GATEWAY_PROXY + "/contentCatalog/tags",
|
|
11253
|
-
query: params,
|
|
11254
|
-
fetchOptions: {
|
|
11255
|
-
method: exports.EMethods.get
|
|
11256
|
-
}
|
|
11257
|
-
})];
|
|
11258
|
-
});
|
|
11259
|
-
});
|
|
11260
|
-
}
|
|
11261
|
-
|
|
11262
11219
|
var baseUrl$1 = function () { return uiKitConfig.GATEWAY_PROXY + "/customDomains"; };
|
|
11263
11220
|
function listCustomDomains(_a) {
|
|
11264
11221
|
return __awaiter(this, void 0, void 0, function () {
|
|
@@ -12604,89 +12561,6 @@ var ContactModel = /** @class */ (function () {
|
|
|
12604
12561
|
return ContactModel;
|
|
12605
12562
|
}());
|
|
12606
12563
|
|
|
12607
|
-
var BeeTemplateModel = /** @class */ (function () {
|
|
12608
|
-
function BeeTemplateModel(params) {
|
|
12609
|
-
this.id = params.id;
|
|
12610
|
-
this.title = params.title;
|
|
12611
|
-
this.description = params.description;
|
|
12612
|
-
this.short_description = params.short_description;
|
|
12613
|
-
this.template_type = params.template_type;
|
|
12614
|
-
this.categories = params.categories;
|
|
12615
|
-
this.collections = params.collections;
|
|
12616
|
-
this.designer = params.designer;
|
|
12617
|
-
this.tags = params.tags;
|
|
12618
|
-
this.thumbnail = params.thumbnail;
|
|
12619
|
-
this.thumbnail_large = params.thumbnail_large;
|
|
12620
|
-
this.published_at = params.published_at;
|
|
12621
|
-
this.order = params.order;
|
|
12622
|
-
this.context = params.context;
|
|
12623
|
-
this.is_blank = params.is_blank;
|
|
12624
|
-
}
|
|
12625
|
-
BeeTemplateModel.prototype.toJson = function () {
|
|
12626
|
-
return modelToJson(this);
|
|
12627
|
-
};
|
|
12628
|
-
BeeTemplateModel.prototype.set = function (property, value) {
|
|
12629
|
-
modelSet(this, property, value);
|
|
12630
|
-
};
|
|
12631
|
-
return BeeTemplateModel;
|
|
12632
|
-
}());
|
|
12633
|
-
var BeeTemplateDetailModel = /** @class */ (function () {
|
|
12634
|
-
function BeeTemplateDetailModel(params) {
|
|
12635
|
-
this.id = params.id;
|
|
12636
|
-
this.title = params.title;
|
|
12637
|
-
this.description = params.description;
|
|
12638
|
-
this.short_description = params.short_description;
|
|
12639
|
-
this.template_type = params.template_type;
|
|
12640
|
-
this.categories = params.categories;
|
|
12641
|
-
this.collections = params.collections;
|
|
12642
|
-
this.designer = params.designer;
|
|
12643
|
-
this.tags = params.tags;
|
|
12644
|
-
this.thumbnail = params.thumbnail;
|
|
12645
|
-
this.thumbnail_large = params.thumbnail_large;
|
|
12646
|
-
this.published_at = params.published_at;
|
|
12647
|
-
this.order = params.order;
|
|
12648
|
-
this.is_blank = params.is_blank;
|
|
12649
|
-
this.html_url = params.html_url;
|
|
12650
|
-
this.html_data = params.html_data;
|
|
12651
|
-
this.json_data = params.json_data;
|
|
12652
|
-
}
|
|
12653
|
-
BeeTemplateDetailModel.prototype.toJson = function () {
|
|
12654
|
-
return modelToJson(this);
|
|
12655
|
-
};
|
|
12656
|
-
BeeTemplateDetailModel.prototype.set = function (property, value) {
|
|
12657
|
-
modelSet(this, property, value);
|
|
12658
|
-
};
|
|
12659
|
-
return BeeTemplateDetailModel;
|
|
12660
|
-
}());
|
|
12661
|
-
var BeeCategoryModel = /** @class */ (function () {
|
|
12662
|
-
function BeeCategoryModel(params) {
|
|
12663
|
-
this.id = params.id;
|
|
12664
|
-
this.name = params.name;
|
|
12665
|
-
this.parent = params.parent;
|
|
12666
|
-
}
|
|
12667
|
-
BeeCategoryModel.prototype.toJson = function () { return modelToJson(this); };
|
|
12668
|
-
BeeCategoryModel.prototype.set = function (property, value) { modelSet(this, property, value); };
|
|
12669
|
-
return BeeCategoryModel;
|
|
12670
|
-
}());
|
|
12671
|
-
var BeeCollectionModel = /** @class */ (function () {
|
|
12672
|
-
function BeeCollectionModel(params) {
|
|
12673
|
-
this.id = params.id;
|
|
12674
|
-
this.name = params.name;
|
|
12675
|
-
}
|
|
12676
|
-
BeeCollectionModel.prototype.toJson = function () { return modelToJson(this); };
|
|
12677
|
-
BeeCollectionModel.prototype.set = function (property, value) { modelSet(this, property, value); };
|
|
12678
|
-
return BeeCollectionModel;
|
|
12679
|
-
}());
|
|
12680
|
-
var BeeTagModel = /** @class */ (function () {
|
|
12681
|
-
function BeeTagModel(params) {
|
|
12682
|
-
this.id = params.id;
|
|
12683
|
-
this.name = params.name;
|
|
12684
|
-
}
|
|
12685
|
-
BeeTagModel.prototype.toJson = function () { return modelToJson(this); };
|
|
12686
|
-
BeeTagModel.prototype.set = function (property, value) { modelSet(this, property, value); };
|
|
12687
|
-
return BeeTagModel;
|
|
12688
|
-
}());
|
|
12689
|
-
|
|
12690
12564
|
exports.ECertificateStatus = void 0;
|
|
12691
12565
|
(function (ECertificateStatus) {
|
|
12692
12566
|
ECertificateStatus["unknown"] = "unknown";
|
|
@@ -14017,8 +13891,8 @@ function GenericWrapper(_a) {
|
|
|
14017
13891
|
content);
|
|
14018
13892
|
}
|
|
14019
13893
|
|
|
14020
|
-
var css_248z$
|
|
14021
|
-
styleInject(css_248z$
|
|
13894
|
+
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}";
|
|
13895
|
+
styleInject(css_248z$a);
|
|
14022
13896
|
|
|
14023
13897
|
function GroupedActions(_a) {
|
|
14024
13898
|
var _b = _a.components, components = _b === void 0 ? [] : _b, classNames$1 = _a.classNames, _c = _a.variant, variant = _c === void 0 ? "contained" : _c;
|
|
@@ -14032,8 +13906,8 @@ function GroupedActions(_a) {
|
|
|
14032
13906
|
return React.createElement(Box, { className: classes }, components);
|
|
14033
13907
|
}
|
|
14034
13908
|
|
|
14035
|
-
var css_248z$
|
|
14036
|
-
styleInject(css_248z$
|
|
13909
|
+
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}";
|
|
13910
|
+
styleInject(css_248z$9);
|
|
14037
13911
|
|
|
14038
13912
|
//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
|
|
14039
13913
|
//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
|
|
@@ -14057,8 +13931,8 @@ function Header(_a) {
|
|
|
14057
13931
|
React.createElement(Typography$1, { variant: "body1L", className: "desc ".concat(descTooltip ? "showTooltip" : "") }, desc)));
|
|
14058
13932
|
}
|
|
14059
13933
|
|
|
14060
|
-
var css_248z$
|
|
14061
|
-
styleInject(css_248z$
|
|
13934
|
+
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}";
|
|
13935
|
+
styleInject(css_248z$8);
|
|
14062
13936
|
|
|
14063
13937
|
var IconPill = React.forwardRef(function (_a, ref) {
|
|
14064
13938
|
var _b = _a.count, count = _b === void 0 ? 0 : _b, _c = _a.iconName, iconName = _c === void 0 ? "Domainauthenticated24" : _c, color = _a.color;
|
|
@@ -14079,8 +13953,8 @@ var IconPill = React.forwardRef(function (_a, ref) {
|
|
|
14079
13953
|
React.createElement(Icon, { name: iconName, color: defaultColor }));
|
|
14080
13954
|
});
|
|
14081
13955
|
|
|
14082
|
-
var css_248z$
|
|
14083
|
-
styleInject(css_248z$
|
|
13956
|
+
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}";
|
|
13957
|
+
styleInject(css_248z$7);
|
|
14084
13958
|
|
|
14085
13959
|
function InformationGroup(_a) {
|
|
14086
13960
|
var title = _a.title, desc = _a.desc, rightContent = _a.rightContent, children = _a.children;
|
|
@@ -14093,8 +13967,8 @@ function InformationGroup(_a) {
|
|
|
14093
13967
|
children));
|
|
14094
13968
|
}
|
|
14095
13969
|
|
|
14096
|
-
var css_248z$
|
|
14097
|
-
styleInject(css_248z$
|
|
13970
|
+
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}";
|
|
13971
|
+
styleInject(css_248z$6);
|
|
14098
13972
|
|
|
14099
13973
|
function InlineTextEdit(_a) {
|
|
14100
13974
|
var _b, _c;
|
|
@@ -19506,8 +19380,8 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
|
|
|
19506
19380
|
useFlexGap: PropTypes.bool
|
|
19507
19381
|
} : void 0;
|
|
19508
19382
|
|
|
19509
|
-
var css_248z$
|
|
19510
|
-
styleInject(css_248z$
|
|
19383
|
+
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}";
|
|
19384
|
+
styleInject(css_248z$5);
|
|
19511
19385
|
|
|
19512
19386
|
function MetricCard(_a) {
|
|
19513
19387
|
var _b, _c, _d, _e;
|
|
@@ -19559,141 +19433,6 @@ function MetricCard(_a) {
|
|
|
19559
19433
|
rightContent && React.createElement(Stack, { className: "rightContent" }, rightContent));
|
|
19560
19434
|
}
|
|
19561
19435
|
|
|
19562
|
-
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}";
|
|
19563
|
-
styleInject(css_248z$6);
|
|
19564
|
-
|
|
19565
|
-
function ResourceCard(_a) {
|
|
19566
|
-
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;
|
|
19567
|
-
var _e = React.useState(undefined), menuAnchor = _e[0], setMenuAnchor = _e[1];
|
|
19568
|
-
var hasAdditionalActions = additionalActions.length > 0;
|
|
19569
|
-
var hasSecondaryOrAdditional = !!secondaryAction || hasAdditionalActions;
|
|
19570
|
-
var isSinglePrimaryAction = !!primaryAction && !hasSecondaryOrAdditional;
|
|
19571
|
-
var showHoverOverlay = !isSinglePrimaryAction && (!!primaryAction || hasSecondaryOrAdditional);
|
|
19572
|
-
function handleCardClick() {
|
|
19573
|
-
if (isSinglePrimaryAction && primaryAction) {
|
|
19574
|
-
primaryAction();
|
|
19575
|
-
}
|
|
19576
|
-
}
|
|
19577
|
-
function handleCardKeyDown(event) {
|
|
19578
|
-
if (!isSinglePrimaryAction || !primaryAction) {
|
|
19579
|
-
return;
|
|
19580
|
-
}
|
|
19581
|
-
if (event.key === "Enter" || event.key === " ") {
|
|
19582
|
-
event.preventDefault();
|
|
19583
|
-
primaryAction();
|
|
19584
|
-
}
|
|
19585
|
-
}
|
|
19586
|
-
function handlePrimaryActionClick(event) {
|
|
19587
|
-
event.stopPropagation();
|
|
19588
|
-
primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction();
|
|
19589
|
-
}
|
|
19590
|
-
function handleSecondaryActionClick(event) {
|
|
19591
|
-
event.stopPropagation();
|
|
19592
|
-
secondaryAction === null || secondaryAction === void 0 ? void 0 : secondaryAction();
|
|
19593
|
-
}
|
|
19594
|
-
function handleMenuOpen(event) {
|
|
19595
|
-
event.stopPropagation();
|
|
19596
|
-
setMenuAnchor(event.currentTarget);
|
|
19597
|
-
}
|
|
19598
|
-
function handleMenuClose() {
|
|
19599
|
-
setMenuAnchor(undefined);
|
|
19600
|
-
}
|
|
19601
|
-
var classes = classNames("resourceCard-component-v2", className, {
|
|
19602
|
-
clickable: isSinglePrimaryAction,
|
|
19603
|
-
menuOpen: !!menuAnchor,
|
|
19604
|
-
});
|
|
19605
|
-
return (React.createElement(Card, { className: classes, onClick: isSinglePrimaryAction ? handleCardClick : undefined, onKeyDown: isSinglePrimaryAction ? handleCardKeyDown : undefined, role: isSinglePrimaryAction ? "button" : undefined, tabIndex: isSinglePrimaryAction ? 0 : undefined },
|
|
19606
|
-
React.createElement(Stack$1, { className: "content", spacing: 0 },
|
|
19607
|
-
React.createElement(Stack$1, { className: "header", direction: "row", justifyContent: "space-between", alignItems: "flex-start" },
|
|
19608
|
-
React.createElement(Stack$1, { className: "titleSection", spacing: 0.5 },
|
|
19609
|
-
React.createElement(Typography, { variant: "body1L", semiBold: true, noWrap: true }, title),
|
|
19610
|
-
description &&
|
|
19611
|
-
React.createElement(Typography, { variant: "body2L", color: "silver.main", noWrap: true }, description),
|
|
19612
|
-
support &&
|
|
19613
|
-
React.createElement("div", { className: "support" }, support)),
|
|
19614
|
-
chip &&
|
|
19615
|
-
React.createElement(Stack$1, { className: "chip", alignItems: "flex-end" }, chip)),
|
|
19616
|
-
React.createElement("div", { className: classNames("imageContainer", { hasOverlay: showHoverOverlay }) },
|
|
19617
|
-
imageUrl
|
|
19618
|
-
? React.createElement("img", { src: imageUrl, alt: title })
|
|
19619
|
-
: React.createElement("div", { className: "imagePlaceholder", "aria-hidden": "true" }),
|
|
19620
|
-
showHoverOverlay &&
|
|
19621
|
-
React.createElement("div", { className: "overlay" },
|
|
19622
|
-
React.createElement(Stack$1, { className: "actions", spacing: 1 },
|
|
19623
|
-
primaryAction &&
|
|
19624
|
-
React.createElement(Button, { variant: "contained", color: "secondary", onClick: handlePrimaryActionClick }, primaryActionLabel),
|
|
19625
|
-
secondaryAction &&
|
|
19626
|
-
React.createElement(Button, { variant: "contained", color: "white", onClick: handleSecondaryActionClick }, secondaryActionLabel),
|
|
19627
|
-
hasAdditionalActions &&
|
|
19628
|
-
React.createElement(React.Fragment, null,
|
|
19629
|
-
React.createElement(Button$1, { className: "moreButton", variant: "contained", onClick: handleMenuOpen }, "..."),
|
|
19630
|
-
React.createElement(DropMenu, { options: additionalActions, popoverProps: {
|
|
19631
|
-
anchorEl: menuAnchor,
|
|
19632
|
-
open: !!menuAnchor,
|
|
19633
|
-
onClose: handleMenuClose,
|
|
19634
|
-
} }))))))));
|
|
19635
|
-
}
|
|
19636
|
-
|
|
19637
|
-
function computeResourceCardGridColumns(_a) {
|
|
19638
|
-
var containerWidth = _a.containerWidth, maxCardWidth = _a.maxCardWidth, minCardWidth = _a.minCardWidth, gap = _a.gap;
|
|
19639
|
-
if (containerWidth <= 0) {
|
|
19640
|
-
return 1;
|
|
19641
|
-
}
|
|
19642
|
-
var maxColumns = Math.max(1, Math.floor((containerWidth + gap) / (minCardWidth + gap)));
|
|
19643
|
-
for (var columnCount = 1; columnCount <= maxColumns; columnCount++) {
|
|
19644
|
-
var cardWidth = (containerWidth - (columnCount - 1) * gap) / columnCount;
|
|
19645
|
-
if (cardWidth <= maxCardWidth) {
|
|
19646
|
-
return columnCount;
|
|
19647
|
-
}
|
|
19648
|
-
}
|
|
19649
|
-
return maxColumns;
|
|
19650
|
-
}
|
|
19651
|
-
|
|
19652
|
-
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}";
|
|
19653
|
-
styleInject(css_248z$5);
|
|
19654
|
-
|
|
19655
|
-
var DEFAULT_MAX_CARD_WIDTH = 455;
|
|
19656
|
-
var DEFAULT_MIN_CARD_WIDTH = 240;
|
|
19657
|
-
var DEFAULT_GAP = 24;
|
|
19658
|
-
function ResourceCardGrid(_a) {
|
|
19659
|
-
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;
|
|
19660
|
-
var containerRef = React.useRef(null);
|
|
19661
|
-
var _e = React.useState(1), columnCount = _e[0], setColumnCount = _e[1];
|
|
19662
|
-
React.useLayoutEffect(function () {
|
|
19663
|
-
var container = containerRef.current;
|
|
19664
|
-
if (!container) {
|
|
19665
|
-
return;
|
|
19666
|
-
}
|
|
19667
|
-
function updateLayout() {
|
|
19668
|
-
var element = containerRef.current;
|
|
19669
|
-
if (!element) {
|
|
19670
|
-
return;
|
|
19671
|
-
}
|
|
19672
|
-
var width = element.getBoundingClientRect().width;
|
|
19673
|
-
setColumnCount(computeResourceCardGridColumns({
|
|
19674
|
-
containerWidth: width,
|
|
19675
|
-
maxCardWidth: maxCardWidth,
|
|
19676
|
-
minCardWidth: minCardWidth,
|
|
19677
|
-
gap: gap,
|
|
19678
|
-
}));
|
|
19679
|
-
}
|
|
19680
|
-
updateLayout();
|
|
19681
|
-
var resizeObserver = new ResizeObserver(updateLayout);
|
|
19682
|
-
resizeObserver.observe(container);
|
|
19683
|
-
window.addEventListener("resize", updateLayout);
|
|
19684
|
-
return function () {
|
|
19685
|
-
resizeObserver.disconnect();
|
|
19686
|
-
window.removeEventListener("resize", updateLayout);
|
|
19687
|
-
};
|
|
19688
|
-
}, [gap, maxCardWidth, minCardWidth]);
|
|
19689
|
-
var classes = classNames("resourceCardGrid-component-v2", className);
|
|
19690
|
-
var gridStyle = {
|
|
19691
|
-
"--resource-card-grid-columns": columnCount,
|
|
19692
|
-
"--resource-card-grid-gap": "".concat(gap, "px"),
|
|
19693
|
-
};
|
|
19694
|
-
return (React.createElement(Box, { ref: containerRef, className: classes, style: gridStyle }, children));
|
|
19695
|
-
}
|
|
19696
|
-
|
|
19697
19436
|
function Radio(_a) {
|
|
19698
19437
|
var props = __rest(_a, []);
|
|
19699
19438
|
return React.createElement(material.Radio, __assign({}, props));
|
|
@@ -20093,7 +19832,7 @@ function ScopePicker(_a) {
|
|
|
20093
19832
|
}))))));
|
|
20094
19833
|
}
|
|
20095
19834
|
|
|
20096
|
-
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 .
|
|
19835
|
+
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}";
|
|
20097
19836
|
styleInject(css_248z$2);
|
|
20098
19837
|
|
|
20099
19838
|
//{ subNav, menuItems, bottomContent, className, forcedLocationPath, menuItemClick, children }: TSideMenu
|
|
@@ -20146,54 +19885,14 @@ function SideMenuItem(_a) {
|
|
|
20146
19885
|
variant === "subSection" && React.createElement(Typography, { variant: "body2S", className: "uppercase" }, item.text)));
|
|
20147
19886
|
}
|
|
20148
19887
|
|
|
20149
|
-
function normalizePath(path) {
|
|
20150
|
-
var normalized = path.replace(/^#/, "").replace(/\/$/, "");
|
|
20151
|
-
return normalized || "/";
|
|
20152
|
-
}
|
|
20153
|
-
function pathMatches(currentPath, targetPath) {
|
|
20154
|
-
return currentPath === targetPath || currentPath.startsWith("".concat(targetPath, "/"));
|
|
20155
|
-
}
|
|
20156
|
-
function collectMenuPaths(menuItems) {
|
|
20157
|
-
var paths = [];
|
|
20158
|
-
menuItems.forEach(function (item) {
|
|
20159
|
-
var _a;
|
|
20160
|
-
if ("divider" in item) {
|
|
20161
|
-
return;
|
|
20162
|
-
}
|
|
20163
|
-
if (item.path) {
|
|
20164
|
-
paths.push(normalizePath(item.path));
|
|
20165
|
-
}
|
|
20166
|
-
(_a = item.subItems) === null || _a === void 0 ? void 0 : _a.forEach(function (subItem) {
|
|
20167
|
-
if (subItem.path) {
|
|
20168
|
-
paths.push(normalizePath(subItem.path));
|
|
20169
|
-
}
|
|
20170
|
-
});
|
|
20171
|
-
});
|
|
20172
|
-
return paths;
|
|
20173
|
-
}
|
|
20174
|
-
function getLongestMatchingPath(currentPath, menuPaths) {
|
|
20175
|
-
var longestMatch = null;
|
|
20176
|
-
menuPaths.forEach(function (targetPath) {
|
|
20177
|
-
if (!pathMatches(currentPath, targetPath)) {
|
|
20178
|
-
return;
|
|
20179
|
-
}
|
|
20180
|
-
if (!longestMatch || targetPath.length > longestMatch.length) {
|
|
20181
|
-
longestMatch = targetPath;
|
|
20182
|
-
}
|
|
20183
|
-
});
|
|
20184
|
-
return longestMatch;
|
|
20185
|
-
}
|
|
20186
19888
|
function SideMenuContainer(_a) {
|
|
20187
19889
|
var menuItems = _a.menuItems, menuItemClick = _a.menuItemClick, forcedLocationPath = _a.forcedLocationPath, className = _a.className;
|
|
20188
19890
|
var location = reactRouterDom.useLocation();
|
|
20189
19891
|
var _b = React.useState([]), openedItems = _b[0], setOpenedItems = _b[1];
|
|
20190
|
-
var currentPath = normalizePath(forcedLocationPath !== null && forcedLocationPath !== void 0 ? forcedLocationPath : (location.hash || location.pathname));
|
|
20191
|
-
var longestMatchingPath = React.useMemo(function () { return getLongestMatchingPath(currentPath, collectMenuPaths(menuItems)); }, [currentPath, menuItems]);
|
|
20192
19892
|
function isSelected(value) {
|
|
20193
|
-
if (!value
|
|
19893
|
+
if (!value)
|
|
20194
19894
|
return false;
|
|
20195
|
-
|
|
20196
|
-
return normalizePath(value) === longestMatchingPath;
|
|
19895
|
+
return (forcedLocationPath === null || forcedLocationPath === void 0 ? void 0 : forcedLocationPath.endsWith(value)) || location.hash.endsWith(value.replace("#", "")) || location.pathname.endsWith(value.replace("#", ""));
|
|
20197
19896
|
}
|
|
20198
19897
|
function handleMenuItemClick(event) {
|
|
20199
19898
|
menuItemClick && menuItemClick(event);
|
|
@@ -20683,64 +20382,6 @@ var ContactsFactory = /** @class */ (function () {
|
|
|
20683
20382
|
return ContactsFactory;
|
|
20684
20383
|
}());
|
|
20685
20384
|
|
|
20686
|
-
var ContentCatalogFactory = /** @class */ (function () {
|
|
20687
|
-
function ContentCatalogFactory() {
|
|
20688
|
-
}
|
|
20689
|
-
ContentCatalogFactory.listTemplates = function (params) {
|
|
20690
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
20691
|
-
return __generator(this, function (_a) {
|
|
20692
|
-
return [2 /*return*/, listCatalogTemplates(params).then(function (data) { return (__assign(__assign({}, data), { results: data.results.map(function (t) { return new BeeTemplateModel(t); }) })); })];
|
|
20693
|
-
});
|
|
20694
|
-
});
|
|
20695
|
-
};
|
|
20696
|
-
ContentCatalogFactory.getTemplate = function (_a) {
|
|
20697
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
20698
|
-
var slug = _b.slug;
|
|
20699
|
-
return __generator(this, function (_c) {
|
|
20700
|
-
return [2 /*return*/, getCatalogTemplate({ slug: slug }).then(function (data) { return new BeeTemplateDetailModel(data); })];
|
|
20701
|
-
});
|
|
20702
|
-
});
|
|
20703
|
-
};
|
|
20704
|
-
ContentCatalogFactory.listCategories = function (params) {
|
|
20705
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
20706
|
-
return __generator(this, function (_a) {
|
|
20707
|
-
return [2 /*return*/, listCatalogCategories(params).then(function (data) { return (__assign(__assign({}, data), { results: data.results.map(function (c) { return new BeeCategoryModel(c); }) })); })];
|
|
20708
|
-
});
|
|
20709
|
-
});
|
|
20710
|
-
};
|
|
20711
|
-
ContentCatalogFactory.getCategory = function (_a) {
|
|
20712
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
20713
|
-
var slug = _b.slug;
|
|
20714
|
-
return __generator(this, function (_c) {
|
|
20715
|
-
return [2 /*return*/, getCatalogCategory({ slug: slug }).then(function (data) { return new BeeCategoryModel(data); })];
|
|
20716
|
-
});
|
|
20717
|
-
});
|
|
20718
|
-
};
|
|
20719
|
-
ContentCatalogFactory.listCollections = function (params) {
|
|
20720
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
20721
|
-
return __generator(this, function (_a) {
|
|
20722
|
-
return [2 /*return*/, listCatalogCollections(params).then(function (data) { return (__assign(__assign({}, data), { results: data.results.map(function (c) { return new BeeCollectionModel(c); }) })); })];
|
|
20723
|
-
});
|
|
20724
|
-
});
|
|
20725
|
-
};
|
|
20726
|
-
ContentCatalogFactory.getCollection = function (_a) {
|
|
20727
|
-
return __awaiter(this, arguments, void 0, function (_b) {
|
|
20728
|
-
var slug = _b.slug;
|
|
20729
|
-
return __generator(this, function (_c) {
|
|
20730
|
-
return [2 /*return*/, getCatalogCollection({ slug: slug }).then(function (data) { return new BeeCollectionModel(data); })];
|
|
20731
|
-
});
|
|
20732
|
-
});
|
|
20733
|
-
};
|
|
20734
|
-
ContentCatalogFactory.listTags = function (params) {
|
|
20735
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
20736
|
-
return __generator(this, function (_a) {
|
|
20737
|
-
return [2 /*return*/, listCatalogTags(params).then(function (tags) { return tags.map(function (t) { return new BeeTagModel(t); }); })];
|
|
20738
|
-
});
|
|
20739
|
-
});
|
|
20740
|
-
};
|
|
20741
|
-
return ContentCatalogFactory;
|
|
20742
|
-
}());
|
|
20743
|
-
|
|
20744
20385
|
var CustomDomainsFactory = /** @class */ (function () {
|
|
20745
20386
|
function CustomDomainsFactory() {
|
|
20746
20387
|
}
|
|
@@ -21610,11 +21251,6 @@ exports.AssetManager = AssetManager;
|
|
|
21610
21251
|
exports.AutomationModel = AutomationModel;
|
|
21611
21252
|
exports.AutomationsFactory = AutomationsFactory;
|
|
21612
21253
|
exports.Avatar = Avatar;
|
|
21613
|
-
exports.BeeCategoryModel = BeeCategoryModel;
|
|
21614
|
-
exports.BeeCollectionModel = BeeCollectionModel;
|
|
21615
|
-
exports.BeeTagModel = BeeTagModel;
|
|
21616
|
-
exports.BeeTemplateDetailModel = BeeTemplateDetailModel;
|
|
21617
|
-
exports.BeeTemplateModel = BeeTemplateModel;
|
|
21618
21254
|
exports.BillingFactory = BillingFactory;
|
|
21619
21255
|
exports.BrandWrapper = BrandWrapper;
|
|
21620
21256
|
exports.BrandsFactory = BrandsFactory;
|
|
@@ -21631,7 +21267,6 @@ exports.ColorTextField = ColorTextField;
|
|
|
21631
21267
|
exports.CommonFormModel = CommonFormModel;
|
|
21632
21268
|
exports.ContactModel = ContactModel;
|
|
21633
21269
|
exports.ContactsFactory = ContactsFactory;
|
|
21634
|
-
exports.ContentCatalogFactory = ContentCatalogFactory;
|
|
21635
21270
|
exports.ContentSectionContainer = ContentSectionContainer;
|
|
21636
21271
|
exports.CountryDropdown = CountryDropdown;
|
|
21637
21272
|
exports.CustomDomainModel = CustomDomainModel;
|
|
@@ -21700,8 +21335,6 @@ exports.PhoneTextField = PhoneTextField;
|
|
|
21700
21335
|
exports.PopupModel = PopupModel;
|
|
21701
21336
|
exports.PopupsFactory = PopupsFactory;
|
|
21702
21337
|
exports.Radio = Radio;
|
|
21703
|
-
exports.ResourceCard = ResourceCard;
|
|
21704
|
-
exports.ResourceCardGrid = ResourceCardGrid;
|
|
21705
21338
|
exports.ResourceEdit = ResourceEdit;
|
|
21706
21339
|
exports.ScopePicker = ScopePicker;
|
|
21707
21340
|
exports.Search = Search;
|
|
@@ -21738,6 +21371,7 @@ exports.amIImpersonating = amIImpersonating;
|
|
|
21738
21371
|
exports.amILoggedInService = amILoggedInService;
|
|
21739
21372
|
exports.archiveCampaign = archiveCampaign;
|
|
21740
21373
|
exports.areAllPropertiesEmpty = areAllPropertiesEmpty;
|
|
21374
|
+
exports.assignPlan = assignPlan;
|
|
21741
21375
|
exports.buildMUITheme = buildMUITheme;
|
|
21742
21376
|
exports.callApi = callApi;
|
|
21743
21377
|
exports.camelCase = camelCase;
|
|
@@ -21747,7 +21381,6 @@ exports.capitalizeFirstLetter = capitalizeFirstLetter;
|
|
|
21747
21381
|
exports.cleanPostHogId = cleanPostHogId;
|
|
21748
21382
|
exports.clearImpersonificationTree = clearImpersonificationTree;
|
|
21749
21383
|
exports.clearStorage = clearStorage;
|
|
21750
|
-
exports.computeResourceCardGridColumns = computeResourceCardGridColumns;
|
|
21751
21384
|
exports.copyToClipboard = copyToClipboard;
|
|
21752
21385
|
exports.createAccount = createAccount;
|
|
21753
21386
|
exports.createBrand = createBrand;
|
|
@@ -21833,9 +21466,6 @@ exports.getCampaignLogsExports = getCampaignLogsExports;
|
|
|
21833
21466
|
exports.getCampaignReport = getCampaignReport;
|
|
21834
21467
|
exports.getCampaignRevisions = getCampaignRevisions;
|
|
21835
21468
|
exports.getCampaignsReportsExport = getCampaignsReportsExport;
|
|
21836
|
-
exports.getCatalogCategory = getCatalogCategory;
|
|
21837
|
-
exports.getCatalogCollection = getCatalogCollection;
|
|
21838
|
-
exports.getCatalogTemplate = getCatalogTemplate;
|
|
21839
21469
|
exports.getComparator = getComparator;
|
|
21840
21470
|
exports.getContactsExport = getContactsExport;
|
|
21841
21471
|
exports.getCustomDomain = getCustomDomain;
|
|
@@ -21862,6 +21492,8 @@ exports.getListReport = getListReport;
|
|
|
21862
21492
|
exports.getNestedProperty = getNestedProperty;
|
|
21863
21493
|
exports.getPage = getPage;
|
|
21864
21494
|
exports.getPat = getPat;
|
|
21495
|
+
exports.getPlanAssignments = getPlanAssignments;
|
|
21496
|
+
exports.getPlans = getPlans;
|
|
21865
21497
|
exports.getPopup = getPopup;
|
|
21866
21498
|
exports.getPropertyValue = getPropertyValue;
|
|
21867
21499
|
exports.getSender = getSender;
|
|
@@ -21894,10 +21526,6 @@ exports.listAccounts = listAccounts;
|
|
|
21894
21526
|
exports.listAutomations = listAutomations;
|
|
21895
21527
|
exports.listCampaigns = listCampaigns;
|
|
21896
21528
|
exports.listCampaignsReportsExports = listCampaignsReportsExports;
|
|
21897
|
-
exports.listCatalogCategories = listCatalogCategories;
|
|
21898
|
-
exports.listCatalogCollections = listCatalogCollections;
|
|
21899
|
-
exports.listCatalogTags = listCatalogTags;
|
|
21900
|
-
exports.listCatalogTemplates = listCatalogTemplates;
|
|
21901
21529
|
exports.listContacts = listContacts;
|
|
21902
21530
|
exports.listCustomDomains = listCustomDomains;
|
|
21903
21531
|
exports.listDkimService = listDkimService;
|