@learnpack/learnpack 5.0.172 → 5.0.178

package/{src/creatorDist/assets/index-C_YTggyk.css → lib/creatorDist/assets/index-CrWESWmj.css}

@@ -58,8 +58,6 @@
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
-    --color-sky-500: oklch(68.5% 0.169 237.323);
-    --color-sky-600: oklch(58.8% 0.158 241.966);
     --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -510,6 +508,9 @@
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
@@ -537,6 +538,9 @@
   .h-2 {
     height: calc(var(--spacing) * 2);
   }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -588,6 +592,9 @@
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
   .w-4\/5 {
     width: 80%;
   }
@@ -715,6 +722,9 @@
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
   :where(.space-y-2 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(
@@ -810,12 +820,12 @@
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
-  .border-sky-500 {
-    border-color: var(--color-sky-500);
-  }
   .border-transparent {
     border-color: #0000;
   }
+  .border-t-transparent {
+    border-top-color: #0000;
+  }
   .bg-black\/50 {
     background-color: #00000080;
   }
@@ -828,6 +838,18 @@
       );
     }
   }
+  .bg-black\/60 {
+    background-color: #0009;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-black\/60 {
+      background-color: color-mix(
+        in oklab,
+        var(--color-black) 60%,
+        transparent
+      );
+    }
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -837,6 +859,9 @@
   .bg-blue-400 {
     background-color: var(--color-blue-400);
   }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
   .bg-blue-600 {
     background-color: var(--color-blue-600);
   }
@@ -855,9 +880,6 @@
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
-  .bg-sky-500 {
-    background-color: var(--color-sky-500);
-  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -966,6 +988,10 @@
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
   .text-xs {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -1001,6 +1027,9 @@
   .text-blue-600 {
     color: var(--color-blue-600);
   }
+  .text-blue-700 {
+    color: var(--color-blue-700);
+  }
   .text-blue-900 {
     color: var(--color-blue-900);
   }
@@ -1025,9 +1054,6 @@
   .text-red-600 {
     color: var(--color-red-600);
   }
-  .text-sky-600 {
-    color: var(--color-sky-600);
-  }
   .text-white {
     color: var(--color-white);
   }
@@ -1061,6 +1087,12 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),
+      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .transition {
     transition-property: color, background-color, border-color, outline-color,
       text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,

package/lib/creatorDist/index.html

@@ -10,8 +10,8 @@
     />
 
     <title>Learnpack Creator: Craft tutorials in seconds!</title>
-    <script type="module" crossorigin src="/creator/assets/index-CCvMFC6N.js"></script>
-    <link rel="stylesheet" crossorigin href="/creator/assets/index-C_YTggyk.css">
+    <script type="module" crossorigin src="/creator/assets/index-BvrB0WCf.js"></script>
+    <link rel="stylesheet" crossorigin href="/creator/assets/index-CrWESWmj.css">
   </head>
   <body>
     <div id="root"></div>

package/lib/utils/api.js

@@ -7,6 +7,7 @@ const cli_ux_1 = require("cli-ux");
 const axios_1 = require("axios");
 const HOST = "https://breathecode.herokuapp.com";
 exports.RIGOBOT_HOST = "https://rigobot.herokuapp.com";
+// export const RIGOBOT_HOST = "https://rigobot-test-cca7d841c9d8.herokuapp.com"
 // export const RIGOBOT_HOST =
 // "https://8000-charlytoc-rigobot-bmwdeam7cev.ws-us118.gitpod.io"
 // eslint-disable-next-line

package/lib/utils/readDocuments.js

@@ -0,0 +1 @@
+"use strict";

package/oclif.manifest.json

@@ -1 +1 @@
-{"version":"5.0.172","commands":{"audit":{"id":"audit","description":"learnpack audit is the command in charge of creating an auditory of the repository\n...\nlearnpack audit checks for the following information in a repository:\n    1. The configuration object has slug, repository and description. (Error)\n    2. The command learnpack clean has been run. (Error)\n    3. If a markdown or test file doesn't have any content. (Error)\n    4. The links are accessing to valid servers. (Error)\n    5. The relative images are working (If they have the shortest path to the image or if the images exists in the assets). (Error)\n    6. The external images are working (If they are pointing to a valid server). (Error)\n    7. The exercises directory names are valid. (Error)\n    8. If an exercise doesn't have a README file. (Error)\n    9. The exercises array (Of the config file) has content. (Error)\n    10. The exercses have the same translations. (Warning)\n    11. The .gitignore file exists. (Warning)\n    12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false}},"args":[]},"breakToken":{"id":"breakToken","description":"Break the token","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"clean":{"id":"clean","description":"Clean the configuration object\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[]},"download":{"id":"download","description":"Describe the command here\n...\nExtra documentation goes here\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"init":{"id":"init","description":"Create a new learning package: Book, Tutorial or Exercise","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"login":{"id":"login","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"logout":{"id":"logout","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"publish":{"id":"publish","description":"Builds the project by copying necessary files and directories into a zip file","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false},"help":{"name":"help","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"serve":{"id":"serve","description":"Runs a small server to build tutorials","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"start":{"id":"start","description":"Runs a small server with all the exercise instructions","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"disableGrading":{"name":"disableGrading","type":"boolean","char":"D","description":"disble grading functionality","allowNo":false},"watch":{"name":"watch","type":"boolean","char":"w","description":"Watch for file changes","allowNo":false},"editor":{"name":"editor","type":"option","char":"e","description":"[preview, extension]","options":["extension","preview"]},"version":{"name":"version","type":"option","char":"v","description":"E.g: 1.0.1"},"grading":{"name":"grading","type":"option","char":"g","description":"[isolated, incremental]","options":["isolated","incremental"]},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"test":{"id":"test","description":"Test exercises","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[{"name":"exerciseSlug","description":"The name of the exercise to test","required":false,"hidden":false}]},"translate":{"id":"translate","description":"List all the lessons, the user is able of select many of them to translate to the given languages","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[]}}}
+{"version":"5.0.178","commands":{"audit":{"id":"audit","description":"learnpack audit is the command in charge of creating an auditory of the repository\n...\nlearnpack audit checks for the following information in a repository:\n    1. The configuration object has slug, repository and description. (Error)\n    2. The command learnpack clean has been run. (Error)\n    3. If a markdown or test file doesn't have any content. (Error)\n    4. The links are accessing to valid servers. (Error)\n    5. The relative images are working (If they have the shortest path to the image or if the images exists in the assets). (Error)\n    6. The external images are working (If they are pointing to a valid server). (Error)\n    7. The exercises directory names are valid. (Error)\n    8. If an exercise doesn't have a README file. (Error)\n    9. The exercises array (Of the config file) has content. (Error)\n    10. The exercses have the same translations. (Warning)\n    11. The .gitignore file exists. (Warning)\n    12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false}},"args":[]},"breakToken":{"id":"breakToken","description":"Break the token","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"clean":{"id":"clean","description":"Clean the configuration object\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[]},"download":{"id":"download","description":"Describe the command here\n...\nExtra documentation goes here\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"init":{"id":"init","description":"Create a new learning package: Book, Tutorial or Exercise","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"login":{"id":"login","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"logout":{"id":"logout","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"publish":{"id":"publish","description":"Builds the project by copying necessary files and directories into a zip file","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false},"help":{"name":"help","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"serve":{"id":"serve","description":"Runs a small server to build tutorials","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"start":{"id":"start","description":"Runs a small server with all the exercise instructions","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"disableGrading":{"name":"disableGrading","type":"boolean","char":"D","description":"disble grading functionality","allowNo":false},"watch":{"name":"watch","type":"boolean","char":"w","description":"Watch for file changes","allowNo":false},"editor":{"name":"editor","type":"option","char":"e","description":"[preview, extension]","options":["extension","preview"]},"version":{"name":"version","type":"option","char":"v","description":"E.g: 1.0.1"},"grading":{"name":"grading","type":"option","char":"g","description":"[isolated, incremental]","options":["isolated","incremental"]},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"test":{"id":"test","description":"Test exercises","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[{"name":"exerciseSlug","description":"The name of the exercise to test","required":false,"hidden":false}]},"translate":{"id":"translate","description":"List all the lessons, the user is able of select many of them to translate to the given languages","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[]}}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@learnpack/learnpack",
   "description": "Seamlessly build, sell and/or take interactive & auto-graded tutorials, start learning now or build a new tutorial to your audience.",
-  "version": "5.0.172",
+  "version": "5.0.178",
   "author": "Alejandro Sanchez @alesanchezr",
   "contributors": [
     {
@@ -44,10 +44,12 @@
     "espree": "^9.3.2",
     "eta": "^1.2.0",
     "express": "^4.17.1",
+    "file-type": "^21.0.0",
     "form-data": "^4.0.2",
     "front-matter": "^4.0.2",
     "html-to-text": "^9.0.5",
     "js-yaml": "^4.1.0",
+    "jszip": "^3.10.1",
     "markdown-it": "^14.1.0",
     "mkdirp": "^3.0.1",
     "moment": "^2.27.0",

package/src/commands/serve.ts

@@ -1,6 +1,6 @@
 import { flags } from "@oclif/command"
-// import multer from "multer"
-// import * as ytdl from "ytdl-core"
+
+// import { readDocument } from "../utils/readDocuments"
 import { YoutubeTranscript } from "youtube-transcript"
 import * as express from "express"
 import * as cors from "cors"
@@ -535,6 +535,60 @@ export default class ServeCommand extends SessionCommand {
       }
     )
 
+    app.post("/read-document", upload.single("file"), async (req, res) => {
+      console.log("READING A DOCUMENT")
+      // const rigoToken = req.header("x-rigo-token")
+      // if (!rigoToken) {
+      //   return res.status(400).json({ error: "Rigo token is required" })
+      // }
+
+      try {
+        // eslint-disable-next-line
+        // @ts-ignore
+        if (!req.file) {
+          return res.status(400).json({ error: "Missing file" })
+        }
+
+        const resultId = `${Date.now()}-${Math.floor(Math.random() * 1e6)}`
+
+        const webhookUrl = `https://9cw5zmww-3000.use2.devtunnels.ms/document/results/result_id/${resultId}/`
+
+        // Construir form-data para enviar al servidor proxy
+        const formData = new FormData()
+        // eslint-disable-next-line
+        // @ts-ignore
+        formData.append("file", req.file.buffer, {
+          // eslint-disable-next-line
+          // @ts-ignore
+          filename: req.file.originalname,
+          // eslint-disable-next-line
+          // @ts-ignore
+          contentType: req.file.mimetype,
+        })
+        formData.append("webhook_callback_url", webhookUrl)
+
+        // Hacer POST al servidor externo
+        const response = await axios.post(
+          `${RIGOBOT_HOST}/v1/learnpack/documents/pdf/read`,
+          formData,
+          {
+            headers: {
+              ...formData.getHeaders(),
+              Authorization: `Token `,
+            },
+            maxBodyLength: Infinity,
+          }
+        )
+        console.log("RESPONSE FROM RIGOBOT", response)
+
+        // Responder con el UUID generado
+        return res.json({ resultId })
+      } catch (error) {
+        console.error("❌ Error in /read-document:", error)
+        return res.status(500).json({ error: (error as Error).message })
+      }
+    })
+
     app.get("/check-preview-image/:slug", async (req, res) => {
       const { slug } = req.params
       const file = bucket.file(`courses/${slug}/preview.png`)

package/src/creator/src/App.tsx

@@ -6,7 +6,7 @@ import { useNavigate } from "react-router"
 import { useShallow } from "zustand/react/shallow"
 import useStore from "./utils/store"
 
-import { interactiveCreation, isHuman } from "./utils/rigo"
+import { publicInteractiveCreation, isHuman } from "./utils/rigo"
 import { checkParams, loginWithToken, parseLesson } from "./utils/lib"
 
 import { Uploader } from "./components/Uploader"
@@ -15,6 +15,7 @@ import { ParamsChecker } from "./components/ParamsChecker"
 import { RIGO_FLOAT_GIT } from "./utils/constants"
 import TurnstileChallenge from "./components/TurnstileChallenge"
 // import TurnstileChallenge from "./components/TurnstileChallenge"
+import ResumeCourseModal from "./components/ResumeCourseModal"
 
 function App() {
   const navigate = useNavigate()
@@ -26,16 +27,22 @@ function App() {
     push,
     cleanHistory,
     setPlanToRedirect,
+    history,
     uploadedFiles,
+    auth,
+    resetFormState,
   } = useStore(
     useShallow((state) => ({
       formState: state.formState,
       setFormState: state.setFormState,
       setAuth: state.setAuth,
       push: state.push,
+      history: state.history,
       cleanHistory: state.cleanHistory,
       setPlanToRedirect: state.setPlanToRedirect,
       uploadedFiles: state.uploadedFiles,
+      auth: state.auth,
+      resetFormState: state.resetFormState,
     }))
   )
 
@@ -59,6 +66,7 @@ function App() {
         userId: user.id,
         rigoToken: user.rigobot.key,
         user: user,
+        publicToken: "",
       })
     }
   }
@@ -100,8 +108,9 @@ function App() {
     try {
       cleanHistory()
 
-      const res = await interactiveCreation({
-        courseInfo: `${JSON.stringify(formState)}         
+      const res = await publicInteractiveCreation(
+        {
+          courseInfo: `${JSON.stringify(formState)}         
 ${
   uploadedFiles.length > 0
     ? `These files where uploaded by the user: \n\n${JSON.stringify(
@@ -109,8 +118,10 @@ ${
       )}`
     : ""
 }`,
-        prevInteractions: "",
-      })
+          prevInteractions: "",
+        },
+        auth.publicToken
+      )
       const lessons = res.parsed.listOfSteps.map((lesson: any) => {
         return parseLesson(lesson, [])
       })
@@ -126,22 +137,11 @@ ${
       })
       navigate("/creator/syllabus")
       setFormState({
-        description: "",
-        duration: 0,
-        targetAudience: "",
-        hasContentIndex: false,
-        contentIndex: "",
         isCompleted: false,
         currentStep: "description",
-        variables: [
-          "description",
-          "duration",
-          "hasContentIndex",
-          "verifyHuman",
-        ],
       })
     } catch (error) {
-      console.error(error)
+      console.error(error, "ERROR CREATING TUTORIAL")
       toast.error("Something went wrong. Please try again.")
       setFormState({
         isCompleted: false,
@@ -279,14 +279,20 @@ ${
         isCompleted: false,
         content: (
           <TurnstileChallenge
+            // siteKey={"0x4AAAAAABeKMBYYinMU4Ib0"}
             siteKey={"0x4AAAAAABeZ9tjEevGBsJFU"}
             onSuccess={async (token) => {
-              const _isHuman = await isHuman(token)
-              if (_isHuman) {
+              const { human, message, token: jwtToken } = await isHuman(token)
+              if (human) {
                 toast.success("You are a human! 👌🏻")
+
+                setAuth({
+                  ...auth,
+                  publicToken: jwtToken,
+                })
                 setFormState({ isCompleted: true })
               } else {
-                toast.error("You are not a human! 🤖")
+                toast.error(message)
                 setFormState({
                   currentStep: "hasContentIndex",
                 })
@@ -297,8 +303,6 @@ ${
       },
     ]
 
-    console.log(formState.variables, "FORM STATE VAIRABLEs")
-
     return steps.filter(
       (step) =>
         formState.variables.includes(step.slug) ||
@@ -309,22 +313,36 @@ ${
   return (
     <>
       <ParamsChecker />
-      {formState.isCompleted ? (
+      {formState.isCompleted && history.length === 0 ? (
         <Loader
           text="Learnpack is setting up your tutorial. It may take a moment..."
           icon={<img src={RIGO_FLOAT_GIT} alt="rigo" className="w-20 h-20" />}
         />
       ) : (
-        <StepWizard
-          formState={formState}
-          steps={buildSteps()}
-          setFormState={setFormState}
-          onFinish={() => {
-            setFormState({
-              isCompleted: true,
-            })
-          }}
-        />
+        <>
+          {history.length > 0 && (
+            <ResumeCourseModal
+              onContinue={() => {
+                navigate("/creator/syllabus")
+              }}
+              onStartOver={() => {
+                resetFormState()
+                cleanHistory()
+              }}
+            />
+          )}
+          <StepWizard
+            hideLastButton={true}
+            formState={formState}
+            steps={buildSteps()}
+            setFormState={setFormState}
+            onFinish={() => {
+              setFormState({
+                isCompleted: true,
+              })
+            }}
+          />
+        </>
       )}
     </>
   )

package/src/creator/src/components/ConsumablesManager.tsx

@@ -24,6 +24,7 @@ export const ConsumablesManager = () => {
         rigoToken: "",
         userId: "",
         user: null,
+        publicToken: "",
       })
     }
   }