npm - @learnpack/learnpack - Versions diffs - 5.0.285 → 5.0.286 - Mend

@learnpack/learnpack 5.0.285 → 5.0.286

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/lib/creatorDist/assets/{index-7zTdUX04.js → index-CQMtxRqZ.js} +4828 -4797
package/lib/creatorDist/index.html +1 -1
package/package.json +1 -1
package/src/creator/src/App.tsx +64 -58
package/src/creator/src/components/PassphraseValidator.tsx +47 -0
package/src/creator/src/components/syllabus/SyllabusEditor.tsx +21 -1
package/src/creator/src/utils/lib.ts +477 -468
package/src/creator/src/utils/rigo.ts +85 -85
package/src/creator/src/utils/store.ts +223 -222
package/src/creatorDist/assets/{index-7zTdUX04.js → index-CQMtxRqZ.js} +4828 -4797
package/src/creatorDist/index.html +1 -1
package/src/ui/_app/app.js +429 -421
package/src/ui/app.tar.gz +0 -0

package/lib/creatorDist/index.html CHANGED Viewed

@@ -10,7 +10,7 @@
     />
     <title>Learnpack Creator: Craft tutorials in seconds!</title>
-    <script type="module" crossorigin src="/creator/assets/index-7zTdUX04.js"></script>
+    <script type="module" crossorigin src="/creator/assets/index-CQMtxRqZ.js"></script>
     <link rel="stylesheet" crossorigin href="/creator/assets/index-C39zeF3W.css">
   </head>
   <body>

package/package.json CHANGED Viewed

@@ -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.285",
+  "version": "5.0.286",
   "author": "Alejandro Sanchez @alesanchezr",
   "contributors": [
     {

package/src/creator/src/App.tsx CHANGED Viewed

@@ -31,6 +31,7 @@ import NotificationListener from "./components/NotificationListener"
 import { slugify } from "./utils/creatorUtils"
 import TurnstileModal from "./components/TurnstileModal"
 import { TMessage } from "./components/Message"
+import PassphraseValidator from "./components/PassphraseValidator"
 function App() {
   const navigate = useNavigate()
@@ -85,6 +86,22 @@ function App() {
     checkTechs()
   }, [])
+  const tokenVerification = async () => {
+    const isValid = await isValidPublicToken(auth.publicToken)
+    if (!isValid) {
+      setAuth({
+        ...auth,
+        publicToken: ""
+      })
+    }
+  }
+  useEffect(() => {
+    if (auth.publicToken) {
+      tokenVerification()
+    }
+  }, [auth])
   const verifyToken = async () => {
     const { token } = checkParams(["token"])
     if (token) {
@@ -99,6 +116,29 @@ function App() {
     }
   }
+  const getGenerationMode = (): string => {
+    const urlParams = new URLSearchParams(window.location.search);
+    const configParams = urlParams.get('configParams');
+    if (!configParams) {
+      return 'next-three';
+    }
+    try {
+      const decodedConfig = decodeURIComponent(configParams);
+      const config = JSON.parse(decodedConfig);
+      if (config?.page?.generation === 'auto') {
+        return 'continue-with-all';
+      }
+      return 'next-three';
+    } catch (error) {
+      console.error('Error parsing configParams:', error);
+      return 'next-three';
+    }
+  };
   const checkQueryParams = () => {
     const {
       description,
@@ -123,7 +163,6 @@ function App() {
     }
     if (description) {
-      console.log("description", description)
       setFormState({
         description: description,
       })
@@ -131,12 +170,9 @@ function App() {
     if (duration && !isNaN(parseInt(duration))) {
       if (["30", "60", "120"].includes(duration)) {
         const durationInt = parseInt(duration)
-        console.log("duration", durationInt)
         setFormState({
           duration: durationInt,
         })
-      } else {
-        console.log("Invalid duration received in params", duration)
       }
     }
@@ -202,13 +238,13 @@ function App() {
         }
       }
-      if (auth.publicToken && !isAuthenticated) {
-        const isPublicTokenValid = await isValidPublicToken(auth.publicToken)
-        if (isPublicTokenValid) {
-          tokenToUse = auth.publicToken
-          isAuthenticated = true
-          tokenType = "public"
-        }
+      if (auth.publicToken) {
+        // const isPublicTokenValid = await isValidPublicToken(auth.publicToken)
+        // if (isPublicTokenValid) {
+        // }
+        tokenToUse = auth.publicToken
+        isAuthenticated = true
+        tokenType = "public"
       }
       if (!isAuthenticated) {
         setShowTurnstileModal(true)
@@ -295,7 +331,7 @@ function App() {
             onFinish={(purpose) => {
               setFormState({
                 purpose: purpose,
-                currentStep: "verifyHuman",
+                currentStep: "duration",
               })
             }}
           />
@@ -314,7 +350,7 @@ function App() {
               onClick={() => {
                 setFormState({
                   duration: 30,
-                  currentStep: "verifyHuman",
+                  currentStep: "hasContentIndex",
                 })
               }}
               selected={formState.duration === 30}
@@ -325,7 +361,7 @@ function App() {
               onClick={() => {
                 setFormState({
                   duration: 60,
-                  currentStep: "verifyHuman",
+                  currentStep: "hasContentIndex",
                 })
               }}
               selected={formState.duration === 60}
@@ -336,7 +372,7 @@ function App() {
               onClick={() => {
                 setFormState({
                   duration: 120,
-                  currentStep: "verifyHuman",
+                  currentStep: "hasContentIndex",
                 })
               }}
               selected={formState.duration === 120}
@@ -344,53 +380,21 @@ function App() {
           </div>
         ),
       },
-      {
-        title: t("stepWizard.verifyHuman"),
-        slug: "verifyHuman",
-        isCompleted: false,
-        required: true,
-        content: (
-          <TurnstileChallenge
-            siteKey={
-              DEV_MODE ? "0x4AAAAAABeKMBYYinMU4Ib0" : "0x4AAAAAABeZ9tjEevGBsJFU"
-            }
-            onSuccess={async (token) => {
-              const { human, message, token: jwtToken } = await isHuman(token)
-              if (human) {
-                toast.success(t("stepWizard.humanSuccess"))
-                console.log("JWT TOKEN received", jwtToken)
-                setAuth({
-                  ...auth,
-                  publicToken: jwtToken,
-                })
-                setFormState({
-                  currentStep: "hasContentIndex",
-                })
-              } else {
-                toast.error(message)
-                setFormState({
-                  currentStep: "duration",
-                })
-              }
-            }}
-            onError={() => {
-              toast.error(t("turnstileModal.error"), {
-                duration: 10000,
-              })
-              setFormState({
-                currentStep: "duration",
-              })
-            }}
-          />
-        ),
-      },
       {
         title: t("stepWizard.hasContentIndex"),
         slug: "hasContentIndex",
         isCompleted: false,
         content: (
           <>
+            {!auth.publicToken && (
+              <PassphraseValidator onSuccess={(res) => {
+                console.log("RES FROM RIGO", res.public_access_token)
+                setAuth({
+                  ...auth,
+                  publicToken: res.public_access_token,
+                })
+              }} />
+            )}
             <div className="flex flex-col md:flex-row gap-2 justify-center">
               <SelectableCard
                 title={t("stepWizard.hasContentIndexCard.no")}
@@ -405,7 +409,7 @@ function App() {
                     isCompleted: true,
                   })
                 }}
-                // selected={formState.hasContentIndex === false}
+              // selected={formState.hasContentIndex === false}
               />
               <SelectableCard
                 title={t("stepWizard.hasContentIndexCard.yes")}
@@ -416,7 +420,7 @@ function App() {
                     variables: [...formState.variables, "contentIndex"],
                   })
                 }}
-                // selected={formState.hasContentIndex === true}
+              // selected={formState.hasContentIndex === true}
               />
             </div>
           </>
@@ -485,9 +489,11 @@ function App() {
                 push({
                   lessons,
+                  generationMode: getGenerationMode() as "next-three" | "continue-with-all",
                   courseInfo: {
                     ...formState,
                     title: res.parsed.title,
                     slug: slugify(fixTitleLength(res.parsed.title)),
                     description: res.parsed.description,
                     language:

package/src/creator/src/components/PassphraseValidator.tsx ADDED Viewed

@@ -0,0 +1,47 @@
+import React, { useEffect } from 'react';
+import { RIGOBOT_HOST } from '../utils/constants';
+interface PassphraseValidatorProps {
+  onSuccess?: (response: any) => void;
+  onError?: (error: any) => void;
+}
+const PassphraseValidator: React.FC<PassphraseValidatorProps> = ({
+  onSuccess,
+  onError
+}) => {
+  useEffect(() => {
+    const validatePassphrase = async () => {
+      try {
+        const response = await fetch(`${RIGOBOT_HOST}/v1/auth/public/token`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            passphrase: 'bm29vnv4h43n'
+          })
+        });
+        const data = await response.json();
+        if (response.ok) {
+          onSuccess?.(data);
+        } else {
+          onError?.(data);
+        }
+      } catch (error) {
+        onError?.(error);
+      }
+    };
+    validatePassphrase();
+  }, [onSuccess, onError]);
+  return (
+    <div>
+    </div>
+  );
+};
+export default PassphraseValidator;

package/src/creator/src/components/syllabus/SyllabusEditor.tsx CHANGED Viewed

@@ -14,6 +14,7 @@ import {
   useConsumableCall,
   isValidRigoToken,
   isValidPublicToken,
+  getMyPackages,
 } from "../../utils/lib"
 import Loader from "../Loader"
@@ -74,7 +75,7 @@ const SyllabusEditor: React.FC = () => {
   }, [syllabus, navigate])
   useEffect(() => {
-    ;(async () => {
+    ; (async () => {
       const { token } = checkParams(["token"])
       if (token) {
         const user = await loginWithToken(token)
@@ -92,6 +93,25 @@ const SyllabusEditor: React.FC = () => {
     checkSlug()
   }, [])
+  const checkMyPackages = async () => {
+    if (auth.rigoToken) {
+      const packages = await getMyPackages(auth.rigoToken)
+      if (Array.isArray(packages) && packages.length === 0) {
+        push({
+          ...syllabus,
+          generationMode: "continue-with-all",
+        })
+      }
+    }
+  }
+  useEffect(() => {
+    if (auth.rigoToken) {
+      checkMyPackages()
+    }
+  }, [auth])
   const checkSlug = async () => {
     if (!syllabus.courseInfo.title) {
       toast.error("Please provide a title for the course")