@databiosphere/findable-ui 6.0.0 → 7.0.0

package/lib/components/Export/components/ExportToTerra/components/ExportToTerraReady/exportToTerraReady.js

@@ -1,23 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportToTerraReady = void 0;
-const react_1 = __importDefault(require("react"));
-const buttonPrimary_1 = require("../../../../../common/Button/components/ButtonPrimary/buttonPrimary");
-const paper_styles_1 = require("../../../../../common/Paper/paper.styles");
-const entities_1 = require("../../../../../Links/common/entities");
-const export_styles_1 = require("../../../../export.styles");
-const ExportToTerraReady = ({ ExportToTerraSuccess, exportURL, }) => {
+import React from "react";
+import { ButtonPrimary } from "../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
+import { FluidPaper } from "../../../../../common/Paper/paper.styles";
+import { ANCHOR_TARGET } from "../../../../../Links/common/entities";
+import { Section, SectionActions, SectionContent, } from "../../../../export.styles";
+export const ExportToTerraReady = ({ ExportToTerraSuccess, exportURL, }) => {
     const onOpenTerra = () => {
-        window.open(exportURL, entities_1.ANCHOR_TARGET.BLANK, "noopener noreferrer");
+        window.open(exportURL, ANCHOR_TARGET.BLANK, "noopener noreferrer");
     };
-    return (react_1.default.createElement(paper_styles_1.FluidPaper, null,
-        react_1.default.createElement(export_styles_1.Section, null,
-            react_1.default.createElement(export_styles_1.SectionContent, null,
-                react_1.default.createElement(ExportToTerraSuccess, null)),
-            react_1.default.createElement(export_styles_1.SectionActions, null,
-                react_1.default.createElement(buttonPrimary_1.ButtonPrimary, { onClick: onOpenTerra }, "Open Terra")))));
+    return (React.createElement(FluidPaper, null,
+        React.createElement(Section, null,
+            React.createElement(SectionContent, null,
+                React.createElement(ExportToTerraSuccess, null)),
+            React.createElement(SectionActions, null,
+                React.createElement(ButtonPrimary, { onClick: onOpenTerra }, "Open Terra")))));
 };
-exports.ExportToTerraReady = ExportToTerraReady;

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/components/AcceptTerraTOS/acceptTerraTOS.js

@@ -1,34 +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.AcceptTerraTOS = void 0;
-const react_1 = __importDefault(require("react"));
-const useAuthentication_1 = require("../../../../../../../../../../hooks/useAuthentication/useAuthentication");
-const useConfig_1 = require("../../../../../../../../../../hooks/useConfig");
-const buttonPrimary_1 = require("../../../../../../../../../common/Button/components/ButtonPrimary/buttonPrimary");
-const entities_1 = require("../../../../../../../../../Links/common/entities");
-const formStep_1 = require("../../formStep");
-const AcceptTerraTOS = ({ active, completed, step, }) => {
-    const { config } = (0, useConfig_1.useConfig)();
+import React from "react";
+import { useAuthentication } from "../../../../../../../../../../hooks/useAuthentication/useAuthentication";
+import { useConfig } from "../../../../../../../../../../hooks/useConfig";
+import { ButtonPrimary } from "../../../../../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
+import { ANCHOR_TARGET } from "../../../../../../../../../Links/common/entities";
+import { FormStep } from "../../formStep";
+export const AcceptTerraTOS = ({ active, completed, step, }) => {
+    const { config } = useConfig();
     const { exportToTerraUrl } = config;
-    const { terraProfileLoginStatus } = (0, useAuthentication_1.useAuthentication)();
+    const { terraProfileLoginStatus } = useAuthentication();
     const isTOSAccepted = isTermsOfServiceAccepted(terraProfileLoginStatus);
     const onOpenTerra = () => {
         if (exportToTerraUrl) {
-            window.open(exportToTerraUrl, entities_1.ANCHOR_TARGET.BLANK, "noopener noreferrer");
+            window.open(exportToTerraUrl, ANCHOR_TARGET.BLANK, "noopener noreferrer");
         }
     };
-    return (react_1.default.createElement(formStep_1.FormStep, { action: react_1.default.createElement(buttonPrimary_1.ButtonPrimary, { onClick: onOpenTerra }, "Go to Terra"), active: active, completed: completed, step: step, text: isTOSAccepted ? (react_1.default.createElement("p", null, "Terra's terms of service have changed. Please login to Terra to accept the updated terms of service.")) : (react_1.default.createElement("p", null, "For full access to the Data Explorer, please sign in to Terra and review and accept the Terra terms of service when prompted.")), title: "Accept the Terra terms of service" }));
+    return (React.createElement(FormStep, { action: React.createElement(ButtonPrimary, { onClick: onOpenTerra }, "Go to Terra"), active: active, completed: completed, step: step, text: isTOSAccepted ? (React.createElement("p", null, "Terra's terms of service have changed. Please login to Terra to accept the updated terms of service.")) : (React.createElement("p", null, "For full access to the Data Explorer, please sign in to Terra and review and accept the Terra terms of service when prompted.")), title: "Accept the Terra terms of service" }));
 };
-exports.AcceptTerraTOS = AcceptTerraTOS;
 /**
  * Returns true if the terms of service have been accepted.
  * @param terraProfileLoginStatus - Terra profile login status.
  * @returns true if the terms of service have been accepted.
  */
 function isTermsOfServiceAccepted(terraProfileLoginStatus) {
-    var _a, _b;
-    return Boolean((_b = (_a = terraProfileLoginStatus.response) === null || _a === void 0 ? void 0 : _a.enabled) === null || _b === void 0 ? void 0 : _b.tosAccepted);
+    return Boolean(terraProfileLoginStatus.response?.enabled?.tosAccepted);
 }

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/components/ConnectTerraToNIHAccount/connectTerraToNIHAccount.js

@@ -1,17 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConnectTerraToNIHAccount = void 0;
-const react_1 = __importDefault(require("react"));
-const buttonPrimary_1 = require("../../../../../../../../../common/Button/components/ButtonPrimary/buttonPrimary");
-const entities_1 = require("../../../../../../../../../Links/common/entities");
-const formStep_1 = require("../../formStep");
-const ConnectTerraToNIHAccount = ({ active, completed, step, }) => {
+import React from "react";
+import { ButtonPrimary } from "../../../../../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
+import { ANCHOR_TARGET } from "../../../../../../../../../Links/common/entities";
+import { FormStep } from "../../formStep";
+export const ConnectTerraToNIHAccount = ({ active, completed, step, }) => {
     const onGotoTutorial = () => {
-        window.open("https://support.terra.bio/hc/en-us/articles/360038086332-Linking-authorization-accessing-controlled-data-on-external-servers", entities_1.ANCHOR_TARGET.BLANK, "noopener noreferrer");
+        window.open("https://support.terra.bio/hc/en-us/articles/360038086332-Linking-authorization-accessing-controlled-data-on-external-servers", ANCHOR_TARGET.BLANK, "noopener noreferrer");
     };
-    return (react_1.default.createElement(formStep_1.FormStep, { action: react_1.default.createElement(buttonPrimary_1.ButtonPrimary, { onClick: onGotoTutorial }, "Go to Tutorial"), active: active, completed: completed, step: step, text: react_1.default.createElement("p", null, "Next, connect your Terra account to your NIH account by following the tutorial below."), title: "Connect Terra to your NIH account" }));
+    return (React.createElement(FormStep, { action: React.createElement(ButtonPrimary, { onClick: onGotoTutorial }, "Go to Tutorial"), active: active, completed: completed, step: step, text: React.createElement("p", null, "Next, connect your Terra account to your NIH account by following the tutorial below."), title: "Connect Terra to your NIH account" }));
 };
-exports.ConnectTerraToNIHAccount = ConnectTerraToNIHAccount;

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/components/CreateTerraAccount/createTerraAccount.js

@@ -1,22 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreateTerraAccount = void 0;
-const react_1 = __importDefault(require("react"));
-const useConfig_1 = require("../../../../../../../../../../hooks/useConfig");
-const buttonPrimary_1 = require("../../../../../../../../../common/Button/components/ButtonPrimary/buttonPrimary");
-const entities_1 = require("../../../../../../../../../Links/common/entities");
-const formStep_1 = require("../../formStep");
-const CreateTerraAccount = ({ active, completed, step, }) => {
-    const { config } = (0, useConfig_1.useConfig)();
+import React from "react";
+import { useConfig } from "../../../../../../../../../../hooks/useConfig";
+import { ButtonPrimary } from "../../../../../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
+import { ANCHOR_TARGET } from "../../../../../../../../../Links/common/entities";
+import { FormStep } from "../../formStep";
+export const CreateTerraAccount = ({ active, completed, step, }) => {
+    const { config } = useConfig();
     const { exportToTerraUrl } = config;
     const onOpenTerra = () => {
         if (exportToTerraUrl) {
-            window.open(exportToTerraUrl, entities_1.ANCHOR_TARGET.BLANK, "noopener noreferrer");
+            window.open(exportToTerraUrl, ANCHOR_TARGET.BLANK, "noopener noreferrer");
         }
     };
-    return (react_1.default.createElement(formStep_1.FormStep, { action: react_1.default.createElement(buttonPrimary_1.ButtonPrimary, { onClick: onOpenTerra }, "Go to Terra"), active: active, completed: completed, step: step, text: react_1.default.createElement("p", null, "Create a Terra account using the same email that you used to log in to data explorer."), title: "Create a Terra account" }));
+    return (React.createElement(FormStep, { action: React.createElement(ButtonPrimary, { onClick: onOpenTerra }, "Go to Terra"), active: active, completed: completed, step: step, text: React.createElement("p", null, "Create a Terra account using the same email that you used to log in to data explorer."), title: "Create a Terra account" }));
 };
-exports.CreateTerraAccount = CreateTerraAccount;

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/formStep.js

@@ -1,22 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { StepIcon, Typography } from "@mui/material";
+import React from "react";
+import { TEXT_BODY_400_2_LINES, TEXT_BODY_500, } from "../../../../../../../../theme/common/typography";
+import { FormStatusCompletedIcon } from "../../../../../../../common/CustomIcon/components/FormStatusCompletedIcon/formStatusCompletedIcon";
+import { Section, SectionActions, SectionStatus, } from "../../terraSetUpForm.styles";
+import { SectionContent } from "./formStep.styles";
+export const FormStep = ({ action, active, completed, step, text, title, }) => {
+    return (React.createElement(Section, null,
+        React.createElement(SectionStatus, null,
+            React.createElement(StepIcon, { active: active, completed: completed, icon: completed ? React.createElement(FormStatusCompletedIcon, { fontSize: "medium" }) : step })),
+        React.createElement(SectionContent, null,
+            React.createElement(Typography, { color: active ? "ink.main" : "ink.light", component: "h4", variant: TEXT_BODY_500 }, title),
+            active && (React.createElement(Typography, { color: "ink.light", component: "div", variant: TEXT_BODY_400_2_LINES }, text))),
+        active && React.createElement(SectionActions, null, action)));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormStep = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const typography_1 = require("../../../../../../../../theme/common/typography");
-const formStatusCompletedIcon_1 = require("../../../../../../../common/CustomIcon/components/FormStatusCompletedIcon/formStatusCompletedIcon");
-const terraSetUpForm_styles_1 = require("../../terraSetUpForm.styles");
-const formStep_styles_1 = require("./formStep.styles");
-const FormStep = ({ action, active, completed, step, text, title, }) => {
-    return (react_1.default.createElement(terraSetUpForm_styles_1.Section, null,
-        react_1.default.createElement(terraSetUpForm_styles_1.SectionStatus, null,
-            react_1.default.createElement(material_1.StepIcon, { active: active, completed: completed, icon: completed ? react_1.default.createElement(formStatusCompletedIcon_1.FormStatusCompletedIcon, { fontSize: "medium" }) : step })),
-        react_1.default.createElement(formStep_styles_1.SectionContent, null,
-            react_1.default.createElement(material_1.Typography, { color: active ? "ink.main" : "ink.light", component: "h4", variant: typography_1.TEXT_BODY_500 }, title),
-            active && (react_1.default.createElement(material_1.Typography, { color: "ink.light", component: "div", variant: typography_1.TEXT_BODY_400_2_LINES }, text))),
-        active && react_1.default.createElement(terraSetUpForm_styles_1.SectionActions, null, action)));
-};
-exports.FormStep = FormStep;

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/formStep.styles.js

@@ -1,12 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionContent = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const terraSetUpForm_styles_1 = require("../../terraSetUpForm.styles");
-exports.SectionContent = (0, styled_1.default)(terraSetUpForm_styles_1.SectionContent) `
+import styled from "@emotion/styled";
+import { SectionContent as DXSectionContent } from "../../terraSetUpForm.styles";
+export const SectionContent = styled(DXSectionContent) `
   gap: 2px;
 
   .MuiTypography-text-body-500 {

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/NIHAccountExpiryWarning/nihAccountExpiryWarning.js

@@ -1,29 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NIHAccountExpiryWarning = void 0;
-const react_1 = __importDefault(require("react"));
-const useAuthenticationNIHExpiry_1 = require("../../../../../../../../hooks/useAuthentication/useAuthenticationNIHExpiry");
-const alert_styles_1 = require("../../../../../../../common/Alert/alert.styles");
-const link_1 = require("../../../../../../../Links/components/Link/link");
-const NIHAccountExpiryWarning = () => {
-    const expiryStatus = (0, useAuthenticationNIHExpiry_1.useAuthenticationNIHExpiry)();
+import React from "react";
+import { expireTimeInSeconds, useAuthenticationNIHExpiry, } from "../../../../../../../../hooks/useAuthentication/useAuthenticationNIHExpiry";
+import { FluidAlert } from "../../../../../../../common/Alert/alert.styles";
+import { Link } from "../../../../../../../Links/components/Link/link";
+export const NIHAccountExpiryWarning = () => {
+    const expiryStatus = useAuthenticationNIHExpiry();
     const { isReady, linkExpired, linkExpireTime, linkWillExpire } = expiryStatus || {};
     if (!isReady)
         return null;
-    return linkWillExpire || linkExpired ? (react_1.default.createElement(alert_styles_1.FluidAlert, { severity: "warning", title: react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("span", null, getExpiryMessage(linkExpired, linkExpireTime)),
+    return linkWillExpire || linkExpired ? (React.createElement(FluidAlert, { severity: "warning", title: React.createElement(React.Fragment, null,
+            React.createElement("span", null, getExpiryMessage(linkExpired, linkExpireTime)),
             " ",
-            react_1.default.createElement("span", null,
+            React.createElement("span", null,
                 "Please",
                 " ",
-                react_1.default.createElement(link_1.Link, { label: "renew your account", url: "https://support.terra.bio/hc/en-us/articles/360038086332-Linking-authorization-accessing-controlled-data-on-external-servers#heading-4" }),
+                React.createElement(Link, { label: "renew your account", url: "https://support.terra.bio/hc/en-us/articles/360038086332-Linking-authorization-accessing-controlled-data-on-external-servers#heading-4" }),
                 " ",
                 "link.")), variant: "banner" })) : null;
 };
-exports.NIHAccountExpiryWarning = NIHAccountExpiryWarning;
 /**
  * Calculates the remaining days until the link expires.
  * @param expireTime - Link expiration time in seconds.
@@ -33,7 +26,7 @@ function getExpireTimeInDays(expireTime) {
     if (!expireTime) {
         return 0;
     }
-    return Math.max(Math.ceil((0, useAuthenticationNIHExpiry_1.expireTimeInSeconds)(expireTime) / 60 / 60 / 24), 0);
+    return Math.max(Math.ceil(expireTimeInSeconds(expireTime) / 60 / 60 / 24), 0);
 }
 /**
  * Returns an expiration message indicating whether the provided link has already expired or is set to expire.

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/terraSetUpForm.js

@@ -1,34 +1,27 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TerraSetUpForm = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const useAuthenticationForm_1 = require("../../../../../../hooks/useAuthentication/useAuthenticationForm");
-const typography_1 = require("../../../../../../theme/common/typography");
-const paper_styles_1 = require("../../../../../common/Paper/paper.styles");
-const sectionTitle_1 = require("../../../../../common/Section/components/SectionTitle/sectionTitle");
-const acceptTerraTOS_1 = require("./components/FormStep/components/AcceptTerraTOS/acceptTerraTOS");
-const connectTerraToNIHAccount_1 = require("./components/FormStep/components/ConnectTerraToNIHAccount/connectTerraToNIHAccount");
-const createTerraAccount_1 = require("./components/FormStep/components/CreateTerraAccount/createTerraAccount");
-const terraSetUpForm_styles_1 = require("./terraSetUpForm.styles");
-const TerraSetUpForm = () => {
-    const { isComplete, isReady, onboardingStatusByStep } = (0, useAuthenticationForm_1.useAuthenticationForm)();
+import { Typography } from "@mui/material";
+import React from "react";
+import { ONBOARDING_STEP, useAuthenticationForm, } from "../../../../../../hooks/useAuthentication/useAuthenticationForm";
+import { TEXT_BODY_400_2_LINES } from "../../../../../../theme/common/typography";
+import { FluidPaper, GridPaper, } from "../../../../../common/Paper/paper.styles";
+import { SectionTitle } from "../../../../../common/Section/components/SectionTitle/sectionTitle";
+import { AcceptTerraTOS } from "./components/FormStep/components/AcceptTerraTOS/acceptTerraTOS";
+import { ConnectTerraToNIHAccount } from "./components/FormStep/components/ConnectTerraToNIHAccount/connectTerraToNIHAccount";
+import { CreateTerraAccount } from "./components/FormStep/components/CreateTerraAccount/createTerraAccount";
+import { Section, SectionContent } from "./terraSetUpForm.styles";
+export const TerraSetUpForm = () => {
+    const { isComplete, isReady, onboardingStatusByStep } = useAuthenticationForm();
     if (!isReady)
         return null;
-    return isComplete ? null : (react_1.default.createElement(paper_styles_1.FluidPaper, null,
-        react_1.default.createElement(paper_styles_1.GridPaper, null,
-            react_1.default.createElement(terraSetUpForm_styles_1.Section, null,
-                react_1.default.createElement(terraSetUpForm_styles_1.SectionContent, null,
-                    react_1.default.createElement(sectionTitle_1.SectionTitle, { title: "Complete your setup" }),
-                    react_1.default.createElement(material_1.Typography, { color: "ink.light", variant: typography_1.TEXT_BODY_400_2_LINES }, "Follow these steps to unlock the full potential of the data explorer."))),
-            react_1.default.createElement(createTerraAccount_1.CreateTerraAccount, { active: isStepActive(onboardingStatusByStep, useAuthenticationForm_1.ONBOARDING_STEP.TERRA_ACCOUNT), completed: isStepCompleted(onboardingStatusByStep, useAuthenticationForm_1.ONBOARDING_STEP.TERRA_ACCOUNT), step: useAuthenticationForm_1.ONBOARDING_STEP.TERRA_ACCOUNT }),
-            react_1.default.createElement(acceptTerraTOS_1.AcceptTerraTOS, { active: isStepActive(onboardingStatusByStep, useAuthenticationForm_1.ONBOARDING_STEP.TERRA_TOS), completed: isStepCompleted(onboardingStatusByStep, useAuthenticationForm_1.ONBOARDING_STEP.TERRA_TOS), step: useAuthenticationForm_1.ONBOARDING_STEP.TERRA_TOS }),
-            onboardingStatusByStep.has(useAuthenticationForm_1.ONBOARDING_STEP.NIH_ACCOUNT) && (react_1.default.createElement(connectTerraToNIHAccount_1.ConnectTerraToNIHAccount, { active: isStepActive(onboardingStatusByStep, useAuthenticationForm_1.ONBOARDING_STEP.NIH_ACCOUNT), completed: isStepCompleted(onboardingStatusByStep, useAuthenticationForm_1.ONBOARDING_STEP.NIH_ACCOUNT), step: useAuthenticationForm_1.ONBOARDING_STEP.NIH_ACCOUNT })))));
+    return isComplete ? null : (React.createElement(FluidPaper, null,
+        React.createElement(GridPaper, null,
+            React.createElement(Section, null,
+                React.createElement(SectionContent, null,
+                    React.createElement(SectionTitle, { title: "Complete your setup" }),
+                    React.createElement(Typography, { color: "ink.light", variant: TEXT_BODY_400_2_LINES }, "Follow these steps to unlock the full potential of the data explorer."))),
+            React.createElement(CreateTerraAccount, { active: isStepActive(onboardingStatusByStep, ONBOARDING_STEP.TERRA_ACCOUNT), completed: isStepCompleted(onboardingStatusByStep, ONBOARDING_STEP.TERRA_ACCOUNT), step: ONBOARDING_STEP.TERRA_ACCOUNT }),
+            React.createElement(AcceptTerraTOS, { active: isStepActive(onboardingStatusByStep, ONBOARDING_STEP.TERRA_TOS), completed: isStepCompleted(onboardingStatusByStep, ONBOARDING_STEP.TERRA_TOS), step: ONBOARDING_STEP.TERRA_TOS }),
+            onboardingStatusByStep.has(ONBOARDING_STEP.NIH_ACCOUNT) && (React.createElement(ConnectTerraToNIHAccount, { active: isStepActive(onboardingStatusByStep, ONBOARDING_STEP.NIH_ACCOUNT), completed: isStepCompleted(onboardingStatusByStep, ONBOARDING_STEP.NIH_ACCOUNT), step: ONBOARDING_STEP.NIH_ACCOUNT })))));
 };
-exports.TerraSetUpForm = TerraSetUpForm;
 /**
  * Returns true if the step is active.
  * @param onboardingStatusByStep - Map of onboarding steps and their status.
@@ -36,8 +29,7 @@ exports.TerraSetUpForm = TerraSetUpForm;
  * @returns true if the step is active.
  */
 function isStepActive(onboardingStatusByStep, onboardingStep) {
-    var _a;
-    return ((_a = onboardingStatusByStep.get(onboardingStep)) === null || _a === void 0 ? void 0 : _a.active) || false;
+    return onboardingStatusByStep.get(onboardingStep)?.active || false;
 }
 /**
  * Returns true if the step is completed.
@@ -46,6 +38,5 @@ function isStepActive(onboardingStatusByStep, onboardingStep) {
  * @returns true if the step is completed.
  */
 function isStepCompleted(onboardingStatusByStep, onboardingStep) {
-    var _a;
-    return ((_a = onboardingStatusByStep.get(onboardingStep)) === null || _a === void 0 ? void 0 : _a.completed) || false;
+    return onboardingStatusByStep.get(onboardingStep)?.completed || false;
 }

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/terraSetUpForm.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.SectionActions = exports.SectionStatus = exports.SectionContent = exports.Section = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const colors_1 = require("../../../../../../styles/common/mixins/colors");
-const section_styles_1 = require("../../../../../common/Section/section.styles");
-exports.Section = (0, styled_1.default)("div") `
-  ${section_styles_1.sectionPadding};
-  background-color: ${colors_1.white};
+import styled from "@emotion/styled";
+import { inkLight, smokeMain, successMain, white, } from "../../../../../../styles/common/mixins/colors";
+import { sectionPadding } from "../../../../../common/Section/section.styles";
+export const Section = styled("div") `
+  ${sectionPadding};
+  background-color: ${white};
   display: grid;
   gap: 16px;
   grid-template-columns: auto 1fr;
 `;
-exports.SectionContent = (0, styled_1.default)("div") `
+export const SectionContent = styled("div") `
   display: grid;
   gap: 4px;
   grid-row: 1;
@@ -25,38 +19,38 @@ exports.SectionContent = (0, styled_1.default)("div") `
     }
   }
 `;
-exports.SectionStatus = (0, styled_1.default)("div") `
+export const SectionStatus = styled("div") `
   align-self: flex-start;
   grid-column: 1;
   grid-row: 1;
   line-height: 0;
 
   .MuiSvgIcon-fontSizeMedium {
-    color: ${colors_1.successMain};
+    color: ${successMain};
   }
 
   .MuiStepIcon-root {
-    border: 2px solid ${colors_1.smokeMain};
+    border: 2px solid ${smokeMain};
     border-radius: 50%;
-    color: ${colors_1.white};
+    color: ${white};
 
     .MuiStepIcon-text {
-      fill: ${colors_1.smokeMain};
+      fill: ${smokeMain};
       font-size: 14px;
       font-weight: 700;
       line-height: 20px;
     }
 
     &.Mui-active {
-      border: 2px solid ${colors_1.inkLight};
-      color: ${colors_1.white};
+      border: 2px solid ${inkLight};
+      color: ${white};
 
       .MuiStepIcon-text {
-        fill: ${colors_1.inkLight};
+        fill: ${inkLight};
       }
     }
   }
 `;
-exports.SectionActions = (0, styled_1.default)("div") `
+export const SectionActions = styled("div") `
   grid-column: 2;
 `;

package/lib/components/Export/components/ExportToTerra/exportToTerra.js

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExportToTerra = void 0;
-const react_1 = __importDefault(require("react"));
-const useExportToTerraResponseURL_1 = require("../../../../hooks/useExportToTerraResponseURL");
-const useFileManifest_1 = require("../../../../hooks/useFileManifest/useFileManifest");
-const useRequestFileManifest_1 = require("../../../../hooks/useFileManifest/useRequestFileManifest");
-const exportToTerraNotStarted_1 = require("./components/ExportToTerraNotStarted/exportToTerraNotStarted");
-const exportToTerraReady_1 = require("./components/ExportToTerraReady/exportToTerraReady");
-const ExportToTerra = ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat, manifestDownloadFormats, }) => {
-    (0, useRequestFileManifest_1.useRequestFileManifest)(manifestDownloadFormat, filters, fileSummaryFacetName);
+import React from "react";
+import { useExportToTerraResponseURL } from "../../../../hooks/useExportToTerraResponseURL";
+import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
+import { useRequestFileManifest } from "../../../../hooks/useFileManifest/useRequestFileManifest";
+import { ExportToTerraNotStarted } from "./components/ExportToTerraNotStarted/exportToTerraNotStarted";
+import { ExportToTerraReady } from "./components/ExportToTerraReady/exportToTerraReady";
+export const ExportToTerra = ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat, manifestDownloadFormats, }) => {
+    useRequestFileManifest(manifestDownloadFormat, filters, fileSummaryFacetName);
     const { requestParams } = fileManifestState;
-    const { data, isLoading, run } = (0, useFileManifest_1.useFileManifest)();
-    const exportURL = (0, useExportToTerraResponseURL_1.useExportToTerraResponseURL)(requestParams, data);
-    return exportURL ? (react_1.default.createElement(exportToTerraReady_1.ExportToTerraReady, { ExportToTerraSuccess: ExportToTerraSuccess, exportURL: exportURL })) : (react_1.default.createElement(exportToTerraNotStarted_1.ExportToTerraNotStarted, { ExportTerraForm: ExportForm, ExportToTerraStart: ExportToTerraStart, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: run }));
+    const { data, isLoading, run } = useFileManifest();
+    const exportURL = useExportToTerraResponseURL(requestParams, data);
+    return exportURL ? (React.createElement(ExportToTerraReady, { ExportToTerraSuccess: ExportToTerraSuccess, exportURL: exportURL })) : (React.createElement(ExportToTerraNotStarted, { ExportTerraForm: ExportForm, ExportToTerraStart: ExportToTerraStart, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: run }));
 };
-exports.ExportToTerra = ExportToTerra;

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/components/FileManifestDownload/fileManifestDownload.js

@@ -1,77 +1,46 @@
-"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.FileManifestDownload = void 0;
-const material_1 = require("@mui/material");
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const react_1 = __importStar(require("react"));
-const useDownloadStatus_1 = require("../../../../../../../../hooks/useDownloadStatus");
-const useFileManifestDownload_1 = require("../../../../../../../../hooks/useFileManifest/useFileManifestDownload");
-const buttonGroup_1 = require("../../../../../../../common/ButtonGroup/buttonGroup");
-const buttonGroupButton_1 = require("../../../../../../../common/ButtonGroup/components/ButtonGroupButton/buttonGroupButton");
-const constants_1 = require("../../../../../../../common/CustomIcon/common/constants");
-const paper_styles_1 = require("../../../../../../../common/Paper/paper.styles");
-const loading_1 = require("../../../../../../../Loading/loading");
-const gridTable_styles_1 = require("../../../../../../../Table/common/gridTable.styles");
-const manifestDownloadEntity_styles_1 = require("../../manifestDownloadEntity.styles");
-const FileManifestDownload = ({ filters, }) => {
-    const downloadRef = (0, react_1.useRef)(null);
-    const { disabled, message } = (0, useDownloadStatus_1.useDownloadStatus)();
-    const { fileName, isIdle, isLoading, manifestURL } = (0, useFileManifestDownload_1.useFileManifestDownload)(filters, disabled);
+import { ButtonBase, TableBody, TableCell, TableRow, Tooltip, } from "@mui/material";
+import copy from "copy-to-clipboard";
+import React, { useRef } from "react";
+import { useDownloadStatus } from "../../../../../../../../hooks/useDownloadStatus";
+import { useFileManifestDownload } from "../../../../../../../../hooks/useFileManifest/useFileManifestDownload";
+import { ButtonGroup } from "../../../../../../../common/ButtonGroup/buttonGroup";
+import { ButtonGroupButton } from "../../../../../../../common/ButtonGroup/components/ButtonGroupButton/buttonGroupButton";
+import { ContentCopyIconSmall, DownloadIconSmall, } from "../../../../../../../common/CustomIcon/common/constants";
+import { FluidPaper, GridPaper, } from "../../../../../../../common/Paper/paper.styles";
+import { Loading, LOADING_PANEL_STYLE, } from "../../../../../../../Loading/loading";
+import { GridTable } from "../../../../../../../Table/common/gridTable.styles";
+import { SectionTitle, TableContainer, } from "../../manifestDownloadEntity.styles";
+export const FileManifestDownload = ({ filters, }) => {
+    const downloadRef = useRef(null);
+    const { disabled, message } = useDownloadStatus();
+    const { fileName, isIdle, isLoading, manifestURL } = useFileManifestDownload(filters, disabled);
     const isInProgress = (isIdle || isLoading) && !disabled;
     const isReady = Boolean(manifestURL) || disabled;
     // Copies file manifest.
     const copyManifestURL = (url) => {
         if (!url)
             return;
-        (0, copy_to_clipboard_1.default)(url);
+        copy(url);
     };
     // Downloads file manifest.
     const downloadManifestURL = () => {
-        var _a;
-        (_a = downloadRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        downloadRef.current?.click();
     };
-    return (react_1.default.createElement(paper_styles_1.FluidPaper, null,
-        react_1.default.createElement(paper_styles_1.GridPaper, null,
-            react_1.default.createElement(manifestDownloadEntity_styles_1.SectionTitle, null, "File Manifest"),
-            react_1.default.createElement(manifestDownloadEntity_styles_1.TableContainer, null,
-                react_1.default.createElement(loading_1.Loading, { loading: isInProgress, panelStyle: loading_1.LOADING_PANEL_STYLE.INHERIT }),
-                react_1.default.createElement(gridTable_styles_1.GridTable, { gridTemplateColumns: isReady ? "auto 1fr" : "1fr" },
-                    react_1.default.createElement(material_1.TableBody, null,
-                        react_1.default.createElement(material_1.TableRow, null, isInProgress ? (react_1.default.createElement(material_1.TableCell, null)) : isReady ? (react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement(material_1.TableCell, null,
-                                react_1.default.createElement(material_1.ButtonBase, { disabled: disabled, href: manifestURL !== null && manifestURL !== void 0 ? manifestURL : "", ref: downloadRef, sx: { display: "none" } }),
-                                react_1.default.createElement(material_1.Tooltip, { arrow: true, title: message },
-                                    react_1.default.createElement("span", null,
-                                        react_1.default.createElement(buttonGroup_1.ButtonGroup, { Buttons: [
-                                                react_1.default.createElement(buttonGroupButton_1.ButtonGroupButton, { key: "download", action: "Download file manifest", disabled: disabled, label: react_1.default.createElement(constants_1.DownloadIconSmall, null), onClick: downloadManifestURL }),
-                                                react_1.default.createElement(buttonGroupButton_1.ButtonGroupButton, { key: "copy", action: "Copy file manifest", disabled: disabled, label: react_1.default.createElement(constants_1.ContentCopyIconSmall, null), onClick: () => copyManifestURL(manifestURL) }),
+    return (React.createElement(FluidPaper, null,
+        React.createElement(GridPaper, null,
+            React.createElement(SectionTitle, null, "File Manifest"),
+            React.createElement(TableContainer, null,
+                React.createElement(Loading, { loading: isInProgress, panelStyle: LOADING_PANEL_STYLE.INHERIT }),
+                React.createElement(GridTable, { gridTemplateColumns: isReady ? "auto 1fr" : "1fr" },
+                    React.createElement(TableBody, null,
+                        React.createElement(TableRow, null, isInProgress ? (React.createElement(TableCell, null)) : isReady ? (React.createElement(React.Fragment, null,
+                            React.createElement(TableCell, null,
+                                React.createElement(ButtonBase, { disabled: disabled, href: manifestURL ?? "", ref: downloadRef, sx: { display: "none" } }),
+                                React.createElement(Tooltip, { arrow: true, title: message },
+                                    React.createElement("span", null,
+                                        React.createElement(ButtonGroup, { Buttons: [
+                                                React.createElement(ButtonGroupButton, { key: "download", action: "Download file manifest", disabled: disabled, label: React.createElement(DownloadIconSmall, null), onClick: downloadManifestURL }),
+                                                React.createElement(ButtonGroupButton, { key: "copy", action: "Copy file manifest", disabled: disabled, label: React.createElement(ContentCopyIconSmall, null), onClick: () => copyManifestURL(manifestURL) }),
                                             ] })))),
-                            react_1.default.createElement(material_1.TableCell, null, fileName))) : (react_1.default.createElement(material_1.TableCell, null, "The manifest is not available for this project.")))))))));
+                            React.createElement(TableCell, null, fileName))) : (React.createElement(TableCell, null, "The manifest is not available for this project.")))))))));
 };
-exports.FileManifestDownload = FileManifestDownload;