@databiosphere/findable-ui 5.0.0 → 7.0.0

package/lib/components/Project/components/Publications/publications.stories.js

@@ -1,18 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PublicationsStory = void 0;
-const react_1 = __importDefault(require("react"));
-const publications_1 = require("./publications");
-exports.default = {
-    component: publications_1.Publications,
+import React from "react";
+import { Publications } from "./publications";
+export default {
+    component: Publications,
     title: "Components/SectionContent/Content/Project",
 };
-const PublicationsTemplate = (args) => (react_1.default.createElement(publications_1.Publications, Object.assign({}, args)));
-exports.PublicationsStory = PublicationsTemplate.bind({});
-exports.PublicationsStory.args = {
+const PublicationsTemplate = (args) => (React.createElement(Publications, { ...args }));
+export const PublicationsStory = PublicationsTemplate.bind({});
+PublicationsStory.args = {
     publications: [
         {
             doi: "10.1126/science.aay3224",

package/lib/components/Project/components/Sup/sup.styles.js

@@ -1,10 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sup = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.Sup = styled_1.default.sup `
+import styled from "@emotion/styled";
+export const Sup = styled.sup `
   line-height: 0;
 `;

package/lib/components/Project/components/SupplementaryLinks/supplementaryLinks.js

@@ -1,45 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SupplementaryLinks = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const collapsableSection_1 = require("../../../common/Section/components/CollapsableSection/collapsableSection");
-const sectionDetailsEmpty_1 = require("../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty");
-const stack_1 = require("../../../common/Stack/stack");
-const entities_1 = require("../../../Links/common/entities");
-const link_1 = require("../../../Links/components/Link/link");
-const supplementaryLinks_styles_1 = require("./supplementaryLinks.styles");
-const SupplementaryLinks = ({ supplementaryLinks, }) => {
-    return (react_1.default.createElement(collapsableSection_1.CollapsableSection, { collapsable: true, title: "Supplementary Links" }, supplementaryLinks ? (react_1.default.createElement(stack_1.Stack, { gap: 2 },
-        react_1.default.createElement(material_1.Typography, null, "Supplementary links are provided by contributors and represent items such as additional data which can\u2019t be hosted here; code that was used to analyze this data; or tools and visualizations associated with this specific dataset."),
-        react_1.default.createElement(supplementaryLinks_styles_1.SupplementaryList, null, supplementaryLinks.map((link, marker) => (react_1.default.createElement(react_1.Fragment, { key: link },
-            react_1.default.createElement(supplementaryLinks_styles_1.Marker, null,
+import { Typography } from "@mui/material";
+import React, { Fragment } from "react";
+import { CollapsableSection } from "../../../common/Section/components/CollapsableSection/collapsableSection";
+import { SectionDetailsEmpty } from "../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty";
+import { Stack } from "../../../common/Stack/stack";
+import { ANCHOR_TARGET } from "../../../Links/common/entities";
+import { Link } from "../../../Links/components/Link/link";
+import { Marker, SupplementaryLink as EllipsisLink, SupplementaryList, } from "./supplementaryLinks.styles";
+export const SupplementaryLinks = ({ supplementaryLinks, }) => {
+    return (React.createElement(CollapsableSection, { collapsable: true, title: "Supplementary Links" }, supplementaryLinks ? (React.createElement(Stack, { gap: 2 },
+        React.createElement(Typography, null, "Supplementary links are provided by contributors and represent items such as additional data which can\u2019t be hosted here; code that was used to analyze this data; or tools and visualizations associated with this specific dataset."),
+        React.createElement(SupplementaryList, null, supplementaryLinks.map((link, marker) => (React.createElement(Fragment, { key: link },
+            React.createElement(Marker, null,
                 marker + 1,
                 "."),
-            react_1.default.createElement(supplementaryLinks_styles_1.SupplementaryLink, null,
-                react_1.default.createElement(link_1.Link, { copyable: true, label: link, noWrap: true, target: entities_1.ANCHOR_TARGET.BLANK, url: link })))))))) : (react_1.default.createElement(sectionDetailsEmpty_1.SectionDetailsEmpty, null))));
+            React.createElement(EllipsisLink, null,
+                React.createElement(Link, { copyable: true, label: link, noWrap: true, target: ANCHOR_TARGET.BLANK, url: link })))))))) : (React.createElement(SectionDetailsEmpty, null))));
 };
-exports.SupplementaryLinks = SupplementaryLinks;

package/lib/components/Project/components/SupplementaryLinks/supplementaryLinks.stories.js

@@ -1,18 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SupplementaryLinksStory = void 0;
-const react_1 = __importDefault(require("react"));
-const supplementaryLinks_1 = require("./supplementaryLinks");
-exports.default = {
-    component: supplementaryLinks_1.SupplementaryLinks,
+import React from "react";
+import { SupplementaryLinks } from "./supplementaryLinks";
+export default {
+    component: SupplementaryLinks,
     title: "Components/SectionContent/Content/Project",
 };
-const SupplementaryLinksTemplate = (args) => react_1.default.createElement(supplementaryLinks_1.SupplementaryLinks, Object.assign({}, args));
-exports.SupplementaryLinksStory = SupplementaryLinksTemplate.bind({});
-exports.SupplementaryLinksStory.args = {
+const SupplementaryLinksTemplate = (args) => React.createElement(SupplementaryLinks, { ...args });
+export const SupplementaryLinksStory = SupplementaryLinksTemplate.bind({});
+SupplementaryLinksStory.args = {
     supplementaryLinks: [
         "https://castelobranco.shinyapps.io/MSCtrl_CCA_18/",
         "https://ki.se/en/mbb/oligointernode",

package/lib/components/Project/components/SupplementaryLinks/supplementaryLinks.styles.js

@@ -1,20 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SupplementaryLink = exports.Marker = exports.SupplementaryList = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.SupplementaryList = styled_1.default.div `
+import styled from "@emotion/styled";
+export const SupplementaryList = styled.div `
   display: grid;
   gap: 0 4px;
   grid-template-columns: auto 1fr;
 `;
-exports.Marker = styled_1.default.span `
+export const Marker = styled.span `
   color: ${({ theme }) => theme.palette.primary.main};
   text-align: right;
 `;
-exports.SupplementaryLink = styled_1.default.span `
+export const SupplementaryLink = styled.span `
   align-items: center;
   display: flex;
   gap: 8px;

package/lib/components/Redirect/redirect.js

@@ -1,36 +1,9 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Redirect = void 0;
-const router_1 = require("next/router");
-const react_1 = __importStar(require("react"));
-const Redirect = ({ destination, replace, }) => {
-    const router = (0, router_1.useRouter)();
-    (0, react_1.useEffect)(() => {
+import { useRouter } from "next/router";
+import React, { useEffect } from "react";
+export const Redirect = ({ destination, replace, }) => {
+    const router = useRouter();
+    useEffect(() => {
         replace ? router.replace(destination) : router.push(destination);
     }, [destination, replace, router]);
-    return react_1.default.createElement(react_1.default.Fragment, null);
+    return React.createElement(React.Fragment, null);
 };
-exports.Redirect = Redirect;

package/lib/components/Support/components/SupportRequest/components/Dialog/dialog.js

@@ -1,38 +1,9 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormDialog = void 0;
-const CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
-const react_1 = __importStar(require("react"));
-const feedbackIcon_1 = require("../../../../../common/CustomIcon/components/FeedbackIcon/feedbackIcon");
-const dialog_styles_1 = require("./dialog.styles");
-const FormDialog = ({ children, setFormSubmitted, }) => {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
+import React, { useState, } from "react";
+import { FeedbackIcon } from "../../../../../common/CustomIcon/components/FeedbackIcon/feedbackIcon";
+import { Fab, Popover } from "./dialog.styles";
+export const FormDialog = ({ children, setFormSubmitted, }) => {
+    const [anchorEl, setAnchorEl] = useState(null);
     const open = Boolean(anchorEl);
     const toggleOpen = (event) => {
         setAnchorEl((open) => (open ? null : event.currentTarget));
@@ -40,9 +11,9 @@ const FormDialog = ({ children, setFormSubmitted, }) => {
     const onClose = () => {
         setAnchorEl(null);
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(dialog_styles_1.Fab, { color: "primary", onClick: toggleOpen, open: open, size: "medium" }, open ? react_1.default.createElement(CloseRounded_1.default, null) : react_1.default.createElement(feedbackIcon_1.FeedbackIcon, { fontSize: "medium" })),
-        react_1.default.createElement(dialog_styles_1.Popover, { anchorEl: anchorEl, anchorOrigin: {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Fab, { color: "primary", onClick: toggleOpen, open: open, size: "medium" }, open ? React.createElement(CloseRoundedIcon, null) : React.createElement(FeedbackIcon, { fontSize: "medium" })),
+        React.createElement(Popover, { anchorEl: anchorEl, anchorOrigin: {
                 horizontal: "right",
                 vertical: -8,
             }, onClose: onClose, open: open, onTransitionExited: () => setFormSubmitted(false), slotProps: { paper: { elevation: 2 } }, transformOrigin: {
@@ -50,4 +21,3 @@ const FormDialog = ({ children, setFormSubmitted, }) => {
                 vertical: "bottom",
             } }, children)));
 };
-exports.FormDialog = FormDialog;

package/lib/components/Support/components/SupportRequest/components/Dialog/dialog.styles.js

@@ -1,32 +1,26 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = exports.Fab = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const material_1 = require("@mui/material");
-const colors_1 = require("../../../../../../styles/common/mixins/colors");
-const shadows_1 = require("../../../../../../styles/common/mixins/shadows");
-const breakpoints_1 = require("../../../../../../theme/common/breakpoints");
-const palette_1 = require("../../../../../../theme/common/palette");
-exports.Fab = (0, styled_1.default)(material_1.Fab) `
+import styled from "@emotion/styled";
+import { Fab as MFab, Popover as MPopover } from "@mui/material";
+import { smokeMain } from "../../../../../../styles/common/mixins/colors";
+import { shadows02 } from "../../../../../../styles/common/mixins/shadows";
+import { tabletUp } from "../../../../../../theme/common/breakpoints";
+import { alpha80, inkMain } from "../../../../../../theme/common/palette";
+export const Fab = styled(MFab) `
   bottom: 16px;
-  box-shadow: ${shadows_1.shadows02};
+  box-shadow: ${shadows02};
   position: fixed;
   right: 16px;
   z-index: ${({ open }) => (open ? 1350 : 1050)}; // Above backdrop component.
 `;
-exports.Popover = (0, styled_1.default)(material_1.Popover) `
+export const Popover = styled(MPopover) `
   &.MuiPopover-root {
-    background-color: ${palette_1.inkMain}${palette_1.alpha80};
+    background-color: ${inkMain}${alpha80};
 
     > .MuiPaper-root {
-      border: 1px solid ${colors_1.smokeMain};
+      border: 1px solid ${smokeMain};
       border-radius: 8px;
       width: 100%;
 
-      ${breakpoints_1.tabletUp} {
+      ${tabletUp} {
         max-width: 496px;
       }
     }

package/lib/components/Support/components/SupportRequest/components/Dropzone/dropzone.js

@@ -1,34 +1,18 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropzone = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const react_dropzone_1 = require("react-dropzone");
-const Dropzone = (_a) => {
-    var { activeStyle = {}, children, disabled = false } = _a, props = __rest(_a, ["activeStyle", "children", "disabled"]);
-    const state = (0, react_dropzone_1.useDropzone)(Object.assign({ disabled, 
+import { Box } from "@mui/material";
+import React from "react";
+import { useDropzone, } from "react-dropzone";
+export const Dropzone = ({ activeStyle = {}, children, disabled = false, ...props }) => {
+    const state = useDropzone({
+        disabled,
         // Disable native files selection dialog - we'll handle this manually
-        noClick: true, 
+        noClick: true,
         // Disable space/enter to open native files selection dialog
-        noKeyboard: true }, props));
+        noKeyboard: true,
+        ...props,
+    });
     const { getInputProps, getRootProps } = state;
-    return (react_1.default.createElement(material_1.Box, Object.assign({ component: "div" }, getRootProps(), { sx: state.isDragActive ? activeStyle : {} }),
-        react_1.default.createElement("input", Object.assign({}, getInputProps())),
+    return (React.createElement(Box, { component: "div", ...getRootProps(), sx: state.isDragActive ? activeStyle : {} },
+        React.createElement("input", { ...getInputProps() }),
         children ? children(state) : null));
 };
-exports.Dropzone = Dropzone;
-exports.default = exports.Dropzone;
+export default Dropzone;

package/lib/components/Support/components/SupportRequest/components/SupportRequestForm/common/constants.js

@@ -1,41 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OPTIONS = exports.MAX_ATTACHMENT_SIZE = exports.DRAGGING_STYLE = exports.DEFAULT_FORM_STATE = exports.CONSTRAINTS = void 0;
-const entities_1 = require("./entities");
+import { FORM_CONTROL_NAME } from "./entities";
 // Validation constraints
-exports.CONSTRAINTS = {
-    [entities_1.FORM_CONTROL_NAME.ATTACHMENT_TOKEN]: { presence: { allowEmpty: true } },
-    [entities_1.FORM_CONTROL_NAME.DESCRIPTION]: { presence: { allowEmpty: false } },
-    [entities_1.FORM_CONTROL_NAME.EMAIL]: { email: true, presence: { allowEmpty: false } },
-    [entities_1.FORM_CONTROL_NAME.NAME]: { presence: { allowEmpty: false } },
-    [entities_1.FORM_CONTROL_NAME.SUBJECT]: { presence: { allowEmpty: false } },
-    [entities_1.FORM_CONTROL_NAME.TYPE]: { presence: { allowEmpty: false } },
+export const CONSTRAINTS = {
+    [FORM_CONTROL_NAME.ATTACHMENT_TOKEN]: { presence: { allowEmpty: true } },
+    [FORM_CONTROL_NAME.DESCRIPTION]: { presence: { allowEmpty: false } },
+    [FORM_CONTROL_NAME.EMAIL]: { email: true, presence: { allowEmpty: false } },
+    [FORM_CONTROL_NAME.NAME]: { presence: { allowEmpty: false } },
+    [FORM_CONTROL_NAME.SUBJECT]: { presence: { allowEmpty: false } },
+    [FORM_CONTROL_NAME.TYPE]: { presence: { allowEmpty: false } },
 };
 // Default form state.
-exports.DEFAULT_FORM_STATE = {
+export const DEFAULT_FORM_STATE = {
     attachmentName: "",
     attachmentRejected: false,
     attachmentRejections: [],
     attachmentToken: "",
     attachmentUploading: false,
-    [entities_1.FORM_CONTROL_NAME.DESCRIPTION]: "",
-    [entities_1.FORM_CONTROL_NAME.EMAIL]: "",
-    [entities_1.FORM_CONTROL_NAME.NAME]: "",
-    [entities_1.FORM_CONTROL_NAME.SUBJECT]: "",
-    [entities_1.FORM_CONTROL_NAME.TYPE]: "",
+    [FORM_CONTROL_NAME.DESCRIPTION]: "",
+    [FORM_CONTROL_NAME.EMAIL]: "",
+    [FORM_CONTROL_NAME.NAME]: "",
+    [FORM_CONTROL_NAME.SUBJECT]: "",
+    [FORM_CONTROL_NAME.TYPE]: "",
     submitError: false,
     submitted: false,
     submitting: false,
     touched: {},
 };
 // Active drag styles.
-exports.DRAGGING_STYLE = {
+export const DRAGGING_STYLE = {
     cursor: "copy",
 };
 // Max file attachment
-exports.MAX_ATTACHMENT_SIZE = 20 * 1024 * 1024;
+export const MAX_ATTACHMENT_SIZE = 20 * 1024 * 1024;
 // Set up "Message topic" select options, selected value and styles.
-exports.OPTIONS = [
+export const OPTIONS = [
     { label: "Question", value: "question" },
     { label: "Bug", value: "bug" },
     { label: "Feature Request", value: "feature_request" },

package/lib/components/Support/components/SupportRequest/components/SupportRequestForm/common/entities.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FORM_CONTROL_NAME = exports.FORM_CONTROL_LABEL = exports.REQUEST_FIELD_ID = void 0;
-var REQUEST_FIELD_ID;
+export var REQUEST_FIELD_ID;
 (function (REQUEST_FIELD_ID) {
     REQUEST_FIELD_ID["DESCRIPTION"] = "DESCRIPTION";
     REQUEST_FIELD_ID["EMAIL"] = "EMAIL";
     REQUEST_FIELD_ID["SUBJECT"] = "SUBJECT";
     REQUEST_FIELD_ID["TICKET_FORM_ID"] = "TICKET_FORM_ID";
     REQUEST_FIELD_ID["TYPE"] = "TYPE";
-})(REQUEST_FIELD_ID = exports.REQUEST_FIELD_ID || (exports.REQUEST_FIELD_ID = {}));
-var FORM_CONTROL_LABEL;
+})(REQUEST_FIELD_ID || (REQUEST_FIELD_ID = {}));
+export var FORM_CONTROL_LABEL;
 (function (FORM_CONTROL_LABEL) {
     FORM_CONTROL_LABEL["ATTACHMENT_TOKEN"] = "Attachment (optional)";
     FORM_CONTROL_LABEL["DESCRIPTION"] = "How can we help you?";
@@ -17,8 +14,8 @@ var FORM_CONTROL_LABEL;
     FORM_CONTROL_LABEL["NAME"] = "Your Name";
     FORM_CONTROL_LABEL["SUBJECT"] = "Subject";
     FORM_CONTROL_LABEL["TYPE"] = "Message topic";
-})(FORM_CONTROL_LABEL = exports.FORM_CONTROL_LABEL || (exports.FORM_CONTROL_LABEL = {}));
-var FORM_CONTROL_NAME;
+})(FORM_CONTROL_LABEL || (FORM_CONTROL_LABEL = {}));
+export var FORM_CONTROL_NAME;
 (function (FORM_CONTROL_NAME) {
     FORM_CONTROL_NAME["ATTACHMENT_TOKEN"] = "attachmentToken";
     FORM_CONTROL_NAME["DESCRIPTION"] = "description";
@@ -26,4 +23,4 @@ var FORM_CONTROL_NAME;
     FORM_CONTROL_NAME["NAME"] = "name";
     FORM_CONTROL_NAME["SUBJECT"] = "subject";
     FORM_CONTROL_NAME["TYPE"] = "type";
-})(FORM_CONTROL_NAME = exports.FORM_CONTROL_NAME || (exports.FORM_CONTROL_NAME = {}));
+})(FORM_CONTROL_NAME || (FORM_CONTROL_NAME = {}));

package/lib/components/Support/components/SupportRequest/components/SupportRequestForm/common/utils.js

@@ -1,15 +1,3 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadAttachment = exports.getSupportRequestOptions = exports.createSupportRequest = void 0;
 /**
  * Create support request.
  * @param url - Request URL.
@@ -17,19 +5,16 @@ exports.uploadAttachment = exports.getSupportRequestOptions = exports.createSupp
  * @param FIELD_ID - Request field IDs.
  * @returns support request response.
  */
-function createSupportRequest(url, requestValue, FIELD_ID) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return yield fetchWithErrorRejection(url, getSupportRequestOptions(requestValue, FIELD_ID));
-    });
+export async function createSupportRequest(url, requestValue, FIELD_ID) {
+    return await fetchWithErrorRejection(url, getSupportRequestOptions(requestValue, FIELD_ID));
 }
-exports.createSupportRequest = createSupportRequest;
 /**
  * Returns support request options.
  * @param requestValue - Request values.
  * @param FIELD_ID - Request field IDs.
  * @returns request options.
  */
-function getSupportRequestOptions(requestValue, FIELD_ID) {
+export function getSupportRequestOptions(requestValue, FIELD_ID) {
     const { attachmentToken, description, email, name, subject, type } = requestValue;
     const requestedFromUrl = window.location.href;
     return {
@@ -57,39 +42,33 @@ function getSupportRequestOptions(requestValue, FIELD_ID) {
         method: "POST",
     };
 }
-exports.getSupportRequestOptions = getSupportRequestOptions;
 /**
  * Upload file to add as attachment to request.
  * @param url - Upload URL.
  * @param file - File.
  * @returns upload response.
  */
-function uploadAttachment(url, file) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const res = yield fetchWithErrorRejection(`${url}?filename=${file.name}`, {
-            body: file,
-            headers: {
-                "Content-Type": "application/binary",
-            },
-            method: "POST",
-        });
-        const json = yield res.json();
-        return json.upload;
+export async function uploadAttachment(url, file) {
+    const res = await fetchWithErrorRejection(`${url}?filename=${file.name}`, {
+        body: file,
+        headers: {
+            "Content-Type": "application/binary",
+        },
+        method: "POST",
     });
+    const json = await res.json();
+    return json.upload;
 }
-exports.uploadAttachment = uploadAttachment;
 /**
  * Execute fetch, throwing error on non-200 response.
  * @param input - Request URL.
  * @param options - Request options.
  * @returns response.
  */
-function fetchWithErrorRejection(input, options) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const res = yield fetch(input, options);
-        if (res.ok) {
-            return res;
-        }
-        throw res;
-    });
+async function fetchWithErrorRejection(input, options) {
+    const res = await fetch(input, options);
+    if (res.ok) {
+        return res;
+    }
+    throw res;
 }