@replicated/portal-components 0.0.17 → 0.0.19

package/dist/esm/linux-install-wizard.js

@@ -183,7 +183,6 @@ var LinuxInstallWizard = ({
   getInstallOptionsAction,
   updateInstallOptionsAction,
   onStepChange,
-  onNetworkChange,
   onInstallOptionsIdChange,
   initialStep,
   initialNetwork,
@@ -233,20 +232,39 @@ var LinuxInstallWizard = ({
     }
     prevInitialStepRef.current = initialStep;
   }, [initialStep]);
+  const hasHydratedNetworkRef = useRef(false);
   useEffect(() => {
-    if (initialNetwork !== void 0 && initialNetwork !== networkAvailability) {
+    if (!hasHydratedNetworkRef.current && initialNetwork !== void 0) {
       setNetworkAvailability(initialNetwork);
+      hasHydratedNetworkRef.current = true;
     }
-  }, [initialNetwork, networkAvailability]);
+  }, [initialNetwork]);
+  const hasMountedRef = useRef(false);
+  const prevStepRef = useRef(step);
+  const prevInstallOptionsIdRef = useRef(installOptionsId);
   useEffect(() => {
-    onStepChange?.(step);
-  }, [step, onStepChange]);
+    hasMountedRef.current = true;
+  }, []);
   useEffect(() => {
-    onNetworkChange?.(networkAvailability);
-  }, [networkAvailability, onNetworkChange]);
+    if (!hasMountedRef.current) {
+      prevStepRef.current = step;
+      return;
+    }
+    if (step !== prevStepRef.current) {
+      onStepChange?.(step);
+      prevStepRef.current = step;
+    }
+  }, [step, onStepChange]);
   useEffect(() => {
-    onInstallOptionsIdChange?.(installOptionsId, networkAvailability, "linux");
-  }, [installOptionsId, networkAvailability, onInstallOptionsIdChange]);
+    if (!hasMountedRef.current) {
+      prevInstallOptionsIdRef.current = installOptionsId;
+      return;
+    }
+    if (installOptionsId !== prevInstallOptionsIdRef.current) {
+      onInstallOptionsIdChange?.(installOptionsId, "linux");
+      prevInstallOptionsIdRef.current = installOptionsId;
+    }
+  }, [installOptionsId, onInstallOptionsIdChange]);
   useEffect(() => {
     selectedReleaseRef.current = selectedRelease;
   }, [selectedRelease]);
@@ -292,6 +310,9 @@ var LinuxInstallWizard = ({
     if (!selectedRelease || !installOptionsId || !updateInstallOptionsAction) {
       return;
     }
+    if (!hasResumedInstallation.current) {
+      return;
+    }
     const channelId = selectedRelease.channelId;
     const sequence = selectedRelease.channelSequence;
     if (lastUpdateRef.current.channelId === channelId && lastUpdateRef.current.sequence === sequence) {
@@ -341,6 +362,9 @@ var LinuxInstallWizard = ({
       });
       return;
     }
+    if (!hasResumedInstallation.current) {
+      return;
+    }
     console.debug("[linux-install-wizard] Proxy URL changed, will regenerate instructions after 500ms", { proxyUrl });
     const timeoutId = setTimeout(async () => {
       const currentRelease = selectedReleaseRef.current;
@@ -393,6 +417,7 @@ var LinuxInstallWizard = ({
         });
         if (result.instance_name) {
           setInstanceName(result.instance_name);
+          setOriginalInstanceName(result.instance_name);
         }
         if (result.service_account_id) {
           setServiceAccountId(result.service_account_id);
@@ -474,6 +499,13 @@ var LinuxInstallWizard = ({
     setIsCreatingServiceAccount(true);
     try {
       const trimmedInstanceName = instanceName.trim();
+      console.debug("[linux-install-wizard] handleContinue - checking conditions", {
+        serviceAccountId: !!serviceAccountId,
+        originalInstanceName,
+        trimmedInstanceName,
+        networkAvailability,
+        installOptionsId: !!installOptionsId
+      });
       if (serviceAccountId && originalInstanceName === trimmedInstanceName && installOptionsId && updateInstallOptionsAction) {
         console.debug("[linux-install-wizard] Reusing existing service account, updating install options...");
         const firstRelease = embeddedClusterReleases[0];
@@ -482,6 +514,8 @@ var LinuxInstallWizard = ({
           installOptionsId,
           channelId: firstRelease?.channelId,
           channelReleaseSequence: firstRelease?.channelSequence,
+          networkAvailability,
+          // Pass current network availability
           includeInstructions: true
         });
         if (firstRelease) {
@@ -494,7 +528,7 @@ var LinuxInstallWizard = ({
         if (result.instructions) {
           setInstructions(result.instructions);
         }
-        console.debug("[linux-install-wizard] Transitioning to step 2 (reused service account)");
+        console.debug("[linux-install-wizard] Transitioning to step 2 (updated install options)");
         setStep(2);
         onStepChange?.(2);
         return;
@@ -541,11 +575,9 @@ var LinuxInstallWizard = ({
         if (installOptionsResult.instructions) {
           setInstructions(installOptionsResult.instructions);
         }
-        onInstallOptionsIdChange?.(optionsId, networkAvailability, "linux");
       }
       console.debug("[linux-install-wizard] Transitioning to step 2");
       setStep(2);
-      onStepChange?.(2);
     } catch (error) {
       console.error("[linux-install-wizard] Failed to continue", error);
       const errorMessage = error instanceof Error ? error.message : "Failed to continue";
@@ -813,90 +845,6 @@ async function handleServerError(statusCode) {
   return redirect(`/error?${params.toString()}`);
 }
 
-// src/actions/index.ts
-var getApiOrigin = () => {
-  return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
-};
-var defineServerAction = (definition) => definition;
-var createServiceAccount = defineServerAction({
-  id: "service-account/create",
-  description: "Creates a service account for installing applications",
-  visibility: "customer",
-  tags: ["service-account", "install"],
-  async run({ token, name }) {
-    if (!token || typeof token !== "string") {
-      throw new Error("Service account creation requires a session token");
-    }
-    if (!name || typeof name !== "string" || !name.trim()) {
-      throw new Error("Service account name is required");
-    }
-    const endpoint = `${getApiOrigin()}/enterprise-portal/team/service-accounts`;
-    if (process.env.NODE_ENV !== "production") {
-      console.debug(
-        "[portal-components] creating service account via %s (Enterprise Portal API)",
-        endpoint
-      );
-    }
-    const response = await authenticatedFetch(endpoint, {
-      method: "POST",
-      token,
-      headers: {
-        "content-type": "application/json"
-      },
-      body: JSON.stringify({ account_name: name.trim() })
-    });
-    if (!response.ok) {
-      const errorText = await response.text();
-      throw new Error(
-        `Service account creation failed (${response.status} ${response.statusText}): ${errorText}`
-      );
-    }
-    const data = await response.json();
-    return data;
-  }
-});
-var fetchCustomBrandingImpl = async () => {
-  const appSlug = process.env.PORTAL_APP_SLUG;
-  if (!appSlug) {
-    throw new Error("PORTAL_APP_SLUG is not configured");
-  }
-  const url = `${getApiOrigin()}/enterprise-portal/public/branding?app_slug=${encodeURIComponent(
-    appSlug
-  )}`;
-  if (process.env.NODE_ENV !== "production") {
-    console.debug(
-      "[portal-components] fetching custom branding via %s (Enterprise Portal API)",
-      url
-    );
-  }
-  const response = await fetch(url, {
-    headers: {
-      accept: "application/json"
-    }
-  });
-  if (!response.ok) {
-    throw new Error(
-      `Custom branding request failed (${response.status} ${response.statusText})`
-    );
-  }
-  const payload = await response.json();
-  const brandingObject = {
-    logo: payload.logoUrl,
-    title: payload.appName,
-    customColor1: payload.primaryColor,
-    customColor2: payload.secondaryColor,
-    favicon: payload.faviconUrl,
-    supportPortalLink: payload.supportPortalLink || ""
-  };
-  const brandingData = Buffer.from(JSON.stringify(brandingObject)).toString("base64");
-  return {
-    brandingData,
-    documentation: null
-    // Documentation not included in new API's public endpoint
-  };
-};
-cache(fetchCustomBrandingImpl);
-
 // src/actions/install.ts
 async function fetchChannelReleases(input, context) {
   const { token, channelId } = input;
@@ -1133,6 +1081,90 @@ function filterEmbeddedClusterReleases(releases) {
   );
 }
 
+// src/actions/index.ts
+var getApiOrigin = () => {
+  return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
+};
+var defineServerAction = (definition) => definition;
+var createServiceAccount = defineServerAction({
+  id: "service-account/create",
+  description: "Creates a service account for installing applications",
+  visibility: "customer",
+  tags: ["service-account", "install"],
+  async run({ token, name }) {
+    if (!token || typeof token !== "string") {
+      throw new Error("Service account creation requires a session token");
+    }
+    if (!name || typeof name !== "string" || !name.trim()) {
+      throw new Error("Service account name is required");
+    }
+    const endpoint = `${getApiOrigin()}/enterprise-portal/team/service-accounts`;
+    if (process.env.NODE_ENV !== "production") {
+      console.debug(
+        "[portal-components] creating service account via %s (Enterprise Portal API)",
+        endpoint
+      );
+    }
+    const response = await authenticatedFetch(endpoint, {
+      method: "POST",
+      token,
+      headers: {
+        "content-type": "application/json"
+      },
+      body: JSON.stringify({ account_name: name.trim() })
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(
+        `Service account creation failed (${response.status} ${response.statusText}): ${errorText}`
+      );
+    }
+    const data = await response.json();
+    return data;
+  }
+});
+var fetchCustomBrandingImpl = async () => {
+  const appSlug = process.env.PORTAL_APP_SLUG;
+  if (!appSlug) {
+    throw new Error("PORTAL_APP_SLUG is not configured");
+  }
+  const url = `${getApiOrigin()}/enterprise-portal/public/branding?app_slug=${encodeURIComponent(
+    appSlug
+  )}`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug(
+      "[portal-components] fetching custom branding via %s (Enterprise Portal API)",
+      url
+    );
+  }
+  const response = await fetch(url, {
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Custom branding request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const payload = await response.json();
+  const brandingObject = {
+    logo: payload.logoUrl,
+    title: payload.appName,
+    customColor1: payload.primaryColor,
+    customColor2: payload.secondaryColor,
+    favicon: payload.faviconUrl,
+    supportPortalLink: payload.supportPortalLink || ""
+  };
+  const brandingData = Buffer.from(JSON.stringify(brandingObject)).toString("base64");
+  return {
+    brandingData,
+    documentation: null
+    // Documentation not included in new API's public endpoint
+  };
+};
+cache(fetchCustomBrandingImpl);
+
 export { LINUX_INSTALL_OPTIONS_KEY, LINUX_INSTALL_SERVICE_ACCOUNT_KEY, LinuxInstallWizard, createInstallOptions, createServiceAccount, fetchChannelReleases, filterEmbeddedClusterReleases, getInstallOptions, updateInstallOptions };
 //# sourceMappingURL=linux-install-wizard.js.map
 //# sourceMappingURL=linux-install-wizard.js.map