···

       
1
       
-
       
import { useEffect, useState } from "preact/hooks";

     

       
2
       
 
       
import { Link } from "../components/Link.tsx";

     

       
3
       
 
       


     

       
4
       
 
       
interface PlcUpdateStep {

     
···

       
162
       
 
       
  const [emailToken, setEmailToken] = useState<string>("");

     

       
163
       
 
       
  const [updateResult, setUpdateResult] = useState<string>("");

     

       
164
       
 
       
  const [showDownload, setShowDownload] = useState(false);

     

       
165
       
-
       
  const [showKeyInfo, setShowKeyInfo] = useState(false);

     

       
166
       
 
       
  const [hasDownloadedKey, setHasDownloadedKey] = useState(false);

     

       
167
       
 
       
  const [downloadedKeyId, setDownloadedKeyId] = useState<string | null>(null);

     

       
168
       
 
       


     
···

       
296
       
 
       
        if (!data.success) {

     

       
297
       
 
       
          throw new Error(data.message || "Failed to request token");

     

       
298
       
 
       
        }

     

       
299
       
-
       
      } catch (error) {

     

       
300
       
 
       
        throw new Error("Invalid response from server");

     

       
301
       
 
       
      }

     

       
302
       
 
       


     
···

       
435
       
 
       
    }

     

       
436
       
 
       
  };

     

       
437
       
 
       


     

       
438
       
-
       
  const handleCompletePlcUpdate = async () => {

     

       
439
       
-
       
    // This function is no longer needed as we handle everything in handleTokenSubmit

     

       
440
       
-
       
    return;

     

       
441
       
-
       
  };

     

       
442
       
-
       


     

       
443
       
 
       
  const handleDownload = () => {

     

       
444
       
 
       
    console.log("=== Download Debug ===");

     

       
445
       
 
       
    console.log("Download started with:", {

     
···

       
668
       
 
       
          <div class="mt-8 border-t border-dashed border-slate-200 dark:border-slate-700 pt-4">

     

       
669
       
 
       
            <div class="flex justify-between items-center">

     

       
670
       
 
       
              <button

     

       
0
       
 
       

     

       
671
       
 
       
                onClick={() =>

     

       
672
       
 
       
                  setCurrentChunkIndex((prev) => Math.max(0, prev - 1))}

     

       
673
       
 
       
                class={`px-4 py-2 font-mono text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors duration-200 flex items-center space-x-2 ${

     
···

       
693
       
 
       
              {currentChunkIndex === contentChunks.length - 1

     

       
694
       
 
       
                ? (

     

       
695
       
 
       
                  <button

     

       
0
       
 
       

     

       
696
       
 
       
                    onClick={handleStart}

     

       
697
       
 
       
                    class="px-6 py-2 bg-amber-500 hover:bg-amber-600 text-white font-mono rounded-md transition-colors duration-200 flex items-center space-x-2"

     

       
698
       
 
       
                  >

     
···

       
714
       
 
       
                )

     

       
715
       
 
       
                : (

     

       
716
       
 
       
                  <button

     

       
0
       
 
       

     

       
717
       
 
       
                    onClick={() =>

     

       
718
       
 
       
                      setCurrentChunkIndex((prev) =>

     

       
719
       
 
       
                        Math.min(contentChunks.length - 1, prev + 1)

     
···

       
767
       
 
       
          </h3>

     

       
768
       
 
       
          {/* Add a help tooltip */}

     

       
769
       
 
       
          <div class="relative group">

     

       
770
       
-
       
            <button class="text-gray-400 hover:text-gray-500">

     

       
771
       
 
       
              <svg

     

       
772
       
 
       
                class="w-5 h-5"

     

       
773
       
 
       
                fill="none"

     
···

       
903
       
 
       


     

       
904
       
 
       
                  <div class="flex items-center justify-between">

     

       
905
       
 
       
                    <button

     

       
0
       
 
       

     

       
906
       
 
       
                      onClick={handleDownload}

     

       
907
       
 
       
                      class="px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md transition-colors duration-200 flex items-center space-x-2"

     

       
908
       
 
       
                    >

     
···

       
1019
       
 
       
                                a new code to try again.

     

       
1020
       
 
       
                              </p>

     

       
1021
       
 
       
                              <button

     

       
0
       
 
       

     

       
1022
       
 
       
                                onClick={requestNewToken}

     

       
1023
       
 
       
                                class="text-sm px-3 py-1 bg-red-100 hover:bg-red-200 dark:bg-red-800 dark:hover:bg-red-700 text-red-700 dark:text-red-200 rounded-md transition-colors duration-200 flex items-center space-x-1"

     

       
1024
       
 
       
                              >

     

···

       
1
       
+
       
import { useState } from "preact/hooks";

     

       
2
       
 
       
import { Link } from "../components/Link.tsx";

     

       
3
       
 
       


     

       
4
       
 
       
interface PlcUpdateStep {

     
···

       
162
       
 
       
  const [emailToken, setEmailToken] = useState<string>("");

     

       
163
       
 
       
  const [updateResult, setUpdateResult] = useState<string>("");

     

       
164
       
 
       
  const [showDownload, setShowDownload] = useState(false);

     

       
0
       
 
       

     

       
165
       
 
       
  const [hasDownloadedKey, setHasDownloadedKey] = useState(false);

     

       
166
       
 
       
  const [downloadedKeyId, setDownloadedKeyId] = useState<string | null>(null);

     

       
167
       
 
       


     
···

       
295
       
 
       
        if (!data.success) {

     

       
296
       
 
       
          throw new Error(data.message || "Failed to request token");

     

       
297
       
 
       
        }

     

       
298
       
+
       
      } catch {

     

       
299
       
 
       
        throw new Error("Invalid response from server");

     

       
300
       
 
       
      }

     

       
301
       
 
       


     
···

       
434
       
 
       
    }

     

       
435
       
 
       
  };

     

       
436
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
437
       
 
       
  const handleDownload = () => {

     

       
438
       
 
       
    console.log("=== Download Debug ===");

     

       
439
       
 
       
    console.log("Download started with:", {

     
···

       
662
       
 
       
          <div class="mt-8 border-t border-dashed border-slate-200 dark:border-slate-700 pt-4">

     

       
663
       
 
       
            <div class="flex justify-between items-center">

     

       
664
       
 
       
              <button

     

       
665
       
+
       
                type="button"

     

       
666
       
 
       
                onClick={() =>

     

       
667
       
 
       
                  setCurrentChunkIndex((prev) => Math.max(0, prev - 1))}

     

       
668
       
 
       
                class={`px-4 py-2 font-mono text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors duration-200 flex items-center space-x-2 ${

     
···

       
688
       
 
       
              {currentChunkIndex === contentChunks.length - 1

     

       
689
       
 
       
                ? (

     

       
690
       
 
       
                  <button

     

       
691
       
+
       
                    type="button"

     

       
692
       
 
       
                    onClick={handleStart}

     

       
693
       
 
       
                    class="px-6 py-2 bg-amber-500 hover:bg-amber-600 text-white font-mono rounded-md transition-colors duration-200 flex items-center space-x-2"

     

       
694
       
 
       
                  >

     
···

       
710
       
 
       
                )

     

       
711
       
 
       
                : (

     

       
712
       
 
       
                  <button

     

       
713
       
+
       
                    type="button"

     

       
714
       
 
       
                    onClick={() =>

     

       
715
       
 
       
                      setCurrentChunkIndex((prev) =>

     

       
716
       
 
       
                        Math.min(contentChunks.length - 1, prev + 1)

     
···

       
764
       
 
       
          </h3>

     

       
765
       
 
       
          {/* Add a help tooltip */}

     

       
766
       
 
       
          <div class="relative group">

     

       
767
       
+
       
            <button class="text-gray-400 hover:text-gray-500" type="button">

     

       
768
       
 
       
              <svg

     

       
769
       
 
       
                class="w-5 h-5"

     

       
770
       
 
       
                fill="none"

     
···

       
900
       
 
       


     

       
901
       
 
       
                  <div class="flex items-center justify-between">

     

       
902
       
 
       
                    <button

     

       
903
       
+
       
                      type="button"

     

       
904
       
 
       
                      onClick={handleDownload}

     

       
905
       
 
       
                      class="px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md transition-colors duration-200 flex items-center space-x-2"

     

       
906
       
 
       
                    >

     
···

       
1017
       
 
       
                                a new code to try again.

     

       
1018
       
 
       
                              </p>

     

       
1019
       
 
       
                              <button

     

       
1020
       
+
       
                                type="button"

     

       
1021
       
 
       
                                onClick={requestNewToken}

     

       
1022
       
 
       
                                class="text-sm px-3 py-1 bg-red-100 hover:bg-red-200 dark:bg-red-800 dark:hover:bg-red-700 text-red-700 dark:text-red-200 rounded-md transition-colors duration-200 flex items-center space-x-1"

     

       
1023
       
 
       
                              >