npm - @learnpack/learnpack - Versions diffs - 5.0.261 → 5.0.262 - Mend

@learnpack/learnpack 5.0.261 → 5.0.262

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 (17) hide show

package/lib/creatorDist/assets/{index-BvHkfJm4.js → index-6e9E-1qG.js} +1996 -1947
package/lib/creatorDist/index.html +1 -1
package/lib/models/creator.d.ts +2 -0
package/package.json +1 -1
package/src/creator/src/App.tsx +29 -6
package/src/creator/src/components/PurposeSelector.tsx +6 -6
package/src/creator/src/components/TurnstileModal.tsx +34 -19
package/src/creator/src/locales/en.json +4 -0
package/src/creator/src/locales/es.json +4 -0
package/src/creator/src/utils/store.ts +5 -0
package/src/creatorDist/assets/{index-BvHkfJm4.js → index-6e9E-1qG.js} +1996 -1947
package/src/creatorDist/index.html +1 -1
package/src/models/creator.ts +4 -0
package/src/ui/_app/app.css +1 -1
package/src/ui/_app/app.js +356 -348
package/src/ui/_app/index.html +19 -2
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-BvHkfJm4.js"></script>
+    <script type="module" crossorigin src="/creator/assets/index-6e9E-1qG.js"></script>
     <link rel="stylesheet" crossorigin href="/creator/assets/index-DmpsXknz.css">
   </head>
   <body>

package/lib/models/creator.d.ts CHANGED Viewed

@@ -11,10 +11,12 @@ export interface ParsedLink {
     name: string;
     text: string;
 }
+export type TDifficulty = "easy" | "beginner" | "intermediate" | "hard";
 export type FormState = {
     description: string;
     duration: number;
     hasContentIndex: boolean;
+    difficulty: TDifficulty;
     contentIndex: string;
     language?: string;
     technologies?: string[];

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

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

@@ -4,7 +4,7 @@ import SelectableCard from "./components/SelectableCard"
 import Loader from "./components/Loader"
 import { useNavigate } from "react-router"
 import { useShallow } from "zustand/react/shallow"
-import useStore from "./utils/store"
+import useStore, { TDifficulty } from "./utils/store"
 import { publicInteractiveCreation, isHuman } from "./utils/rigo"
 import {
@@ -106,6 +106,7 @@ function App() {
       purpose,
       language,
       new: newParam,
+      difficulty,
     } = checkParams([
       "description",
       "duration",
@@ -113,6 +114,7 @@ function App() {
       "purpose",
       "language",
       "new",
+      "difficulty",
     ])
     if (newParam && newParam.toLowerCase().trim() === "true") {
@@ -155,6 +157,15 @@ function App() {
       })
     }
+    if (
+      difficulty &&
+      ["easy", "beginner", "intermediate", "hard"].includes(difficulty)
+    ) {
+      setFormState({
+        difficulty: difficulty as TDifficulty,
+      })
+    }
     if (description && duration && purpose) {
       setFormState({
         currentStep: "hasContentIndex",
@@ -363,11 +374,14 @@ function App() {
                 })
               }
             }}
-            // onError={() => {
-            //   setFormState({
-            //     currentStep: "purpose",
-            //   })
-            // }}
+            onError={() => {
+              toast.error(t("turnstileModal.error"), {
+                duration: 10000,
+              })
+              setFormState({
+                currentStep: "purpose",
+              })
+            }}
           />
         ),
       },
@@ -444,6 +458,15 @@ function App() {
             setShowTurnstileModal(false)
             handleCreateTutorial()
           }}
+          onError={() => {
+            toast.error(t("turnstileModal.error"), {
+              duration: 10000,
+            })
+            setShowTurnstileModal(false)
+            setFormState({
+              currentStep: "purpose",
+            })
+          }}
         />
       )}
       {formState.isCompleted && history.length === 0 ? (

package/src/creator/src/components/PurposeSelector.tsx CHANGED Viewed

@@ -36,17 +36,17 @@ export const PurposeSelector: React.FC<PurposeSelectorProps> = ({
       //   description: t("purposeSelector.learnpack-lesson-writer.description"),
       // },
       {
-        slug: "homework-and-exam-preparation-aid",
-        label: t("purposeSelector.homework-and-exam-preparation-aid.label"),
+        slug: "skill-building-facilitator",
+        label: t("purposeSelector.skill-building-facilitator.label"),
         description: t(
-          "purposeSelector.homework-and-exam-preparation-aid.description"
+          "purposeSelector.skill-building-facilitator.description"
         ),
       },
       {
-        slug: "skill-building-facilitator",
-        label: t("purposeSelector.skill-building-facilitator.label"),
+        slug: "homework-and-exam-preparation-aid",
+        label: t("purposeSelector.homework-and-exam-preparation-aid.label"),
         description: t(
-          "purposeSelector.skill-building-facilitator.description"
+          "purposeSelector.homework-and-exam-preparation-aid.description"
         ),
       },
       {

package/src/creator/src/components/TurnstileModal.tsx CHANGED Viewed

@@ -5,32 +5,47 @@ import { toast } from "react-hot-toast"
 import useStore from "../utils/store"
 import { useTranslation } from "react-i18next"
-export default function TurnstileModal({ onClose }: { onClose: () => void }) {
+export default function TurnstileModal({
+  onClose,
+  onError,
+}: {
+  onClose: () => void
+  onError: () => void
+}) {
   const auth = useStore((state) => state.auth)
   const setAuth = useStore((state) => state.setAuth)
   const { t } = useTranslation()
   return (
     <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-1000">
-      <TurnstileChallenge
-        siteKey={
-          DEV_MODE ? "0x4AAAAAABeKMBYYinMU4Ib0" : "0x4AAAAAABeZ9tjEevGBsJFU"
-        }
-        onSuccess={async (token) => {
-          const { human, message, token: jwtToken } = await isHuman(token)
-          if (human) {
-            toast.success(t("stepWizard.humanSuccess"))
-            setAuth({
-              ...auth,
-              publicToken: jwtToken,
-            })
-            onClose()
-          } else {
-            toast.error(message)
-            onClose()
+      <div className="bg-white p-4 rounded-lg max-w-md w-full flex flex-col items-center justify-center gap-4">
+        <h2 className="text-xl font-semibold text-center">
+          {t("turnstileModal.title")}
+        </h2>
+        <TurnstileChallenge
+          siteKey={
+            DEV_MODE ? "0x4AAAAAABeKMBYYinMU4Ib0" : "0x4AAAAAABeZ9tjEevGBsJFU"
           }
-        }}
-      />
+          onSuccess={async (token) => {
+            const { human, message, token: jwtToken } = await isHuman(token)
+            if (human) {
+              toast.success(t("stepWizard.humanSuccess"))
+              setAuth({
+                ...auth,
+                publicToken: jwtToken,
+              })
+              onClose()
+            } else {
+              console.error(message, "turnstileModal error")
+              onError()
+            }
+          }}
+          onError={() => {
+            console.error("turnstileModal error")
+            onError()
+          }}
+        />
+      </div>
     </div>
   )
 }

package/src/creator/src/locales/en.json CHANGED Viewed

@@ -115,5 +115,9 @@
         "loginWithEmail": "Login with Email",
         "youDontHaveAnAccount": "You don't have an account?",
         "registerHere": "Register here."
+    },
+    "turnstileModal": {
+        "title": "We need to verify you are a human, wait a moment...",
+        "error": "Error verifying you are a human, please try again, if the problem persists, use a different browser."
     }
 }

package/src/creator/src/locales/es.json CHANGED Viewed

@@ -115,5 +115,9 @@
         "loginWithEmail": "Iniciar sesión con Email",
         "youDontHaveAnAccount": "¿No tienes una cuenta?",
         "registerHere": "Regístrate aquí."
+    },
+    "turnstileModal": {
+        "title": "Necesitamos verificar que eres un humano, espera un momento...",
+        "error": "Error al verificar que eres un humano, por favor intenta de nuevo, si el problema persiste, usa un navegador diferente."
     }
 }

package/src/creator/src/utils/store.ts CHANGED Viewed

@@ -4,6 +4,7 @@ import { Lesson } from "../components/LessonItem"
 import { ParsedFile } from "../components/FileUploader"
 import { TMessage } from "../components/Message"
 // import { ParsedLink } from "../components/LinkUploader"
+export type TDifficulty = "easy" | "beginner" | "intermediate" | "hard"
 export type FormState = {
   description: string
@@ -11,6 +12,7 @@ export type FormState = {
   hasContentIndex: boolean
   contentIndex: string
   purpose: string
+  difficulty: TDifficulty
   slug: string
   language?: string
   isCompleted: boolean
@@ -92,6 +94,7 @@ const useStore = create<Store>()(
         purpose: "",
         language: "en",
         technologies: [],
+        difficulty: "beginner",
         // sources: [],
         isCompleted: false,
         currentStep: "description",
@@ -126,6 +129,7 @@ const useStore = create<Store>()(
             description: "",
             duration: 0,
             language: "en",
+            difficulty: "beginner",
             technologies: [],
             hasContentIndex: false,
             contentIndex: "",
@@ -173,6 +177,7 @@ const useStore = create<Store>()(
             description: "",
             duration: 0,
             slug: "",
+            difficulty: "beginner",
             language: "en",
             technologies: [],
             hasContentIndex: false,