@learnpack/learnpack 5.0.172 → 5.0.178

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

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react"
 import { useShallow } from "zustand/react/shallow"
 import useStore from "../../utils/store"
-import { interactiveCreation } from "../../utils/rigo"
+import { publicInteractiveCreation } from "../../utils/rigo"
 import {
   parseLesson,
   // useConsumableCall,
@@ -28,6 +28,27 @@ import { RIGO_FLOAT_GIT } from "../../utils/constants"
 
 const SyllabusEditor: React.FC = () => {
   const navigate = useNavigate()
+
+  const {
+    history,
+    auth,
+    setAuth,
+    push,
+    uploadedFiles,
+    cleanHistory,
+    formState,
+  } = useStore(
+    useShallow((state) => ({
+      history: state.history,
+      auth: state.auth,
+      setAuth: state.setAuth,
+      push: state.push,
+      uploadedFiles: state.uploadedFiles,
+      cleanHistory: state.cleanHistory,
+      formState: state.formState,
+    }))
+  )
+
   const [messages, setMessages] = useState<TMessage[]>([
     {
       type: "assistant",
@@ -43,26 +64,35 @@ const SyllabusEditor: React.FC = () => {
   const [showLoginModal, setShowLoginModal] = useState(false)
   const [isThinking, setIsThinking] = useState(false)
 
-  const { history, auth, setAuth, push, uploadedFiles, cleanHistory } =
-    useStore(
-      useShallow((state) => ({
-        history: state.history,
-        auth: state.auth,
-        setAuth: state.setAuth,
-        push: state.push,
-        uploadedFiles: state.uploadedFiles,
-        cleanHistory: state.cleanHistory,
-      }))
-    )
-
   const syllabus = history[history.length - 1]
 
   useEffect(() => {
     if (!syllabus) {
       navigate("/creator", { replace: true })
+    } else {
     }
   }, [syllabus, navigate])
 
+  useEffect(() => {
+    console.log(formState.description, "DESCRIPTION")
+
+    if (formState.description) {
+      setMessages((prevMessages) => {
+        if (prevMessages.length === 0 || prevMessages[0].type !== "user") {
+          // Si no hay mensajes o el primero no es de usuario, lo agrego al inicio
+          return [
+            { type: "user", content: formState.description },
+            ...prevMessages,
+          ]
+        } else {
+          // Si el primero ya es de usuario, lo reemplazo y mantengo el resto
+          const [, ...rest] = prevMessages
+          return [{ type: "user", content: formState.description }, ...rest]
+        }
+      })
+    }
+  }, [formState.description])
+
   useEffect(() => {
     ;(async () => {
       const { token } = checkParams(["token"])
@@ -74,6 +104,7 @@ const SyllabusEditor: React.FC = () => {
             userId: user.id,
             rigoToken: user.rigobot.key,
             user,
+            publicToken: "",
           })
         }
       }
@@ -108,19 +139,22 @@ const SyllabusEditor: React.FC = () => {
       { type: "assistant", content: "" },
     ])
 
-    const res = await interactiveCreation({
-      courseInfo: `${JSON.stringify(syllabus.courseInfo)}
+    const res = await publicInteractiveCreation(
+      {
+        courseInfo: `${JSON.stringify(syllabus.courseInfo)}
       ${
         uploadedFiles.length > 0 &&
         "The user has uploaded files, take them in consideration while generating the course structure." +
           JSON.stringify(uploadedFiles)
       }
       `,
-      prevInteractions:
-        messages
-          .map((message) => `${message.type}: ${message.content}`)
-          .join("\n") + `\nUSER: ${prompt}`,
-    })
+        prevInteractions:
+          messages
+            .map((message) => `${message.type}: ${message.content}`)
+            .join("\n") + `\nUSER: ${prompt}`,
+      },
+      auth.publicToken
+    )
 
     const lessons: Lesson[] = res.parsed.listOfSteps.map((step: any) =>
       parseLesson(step, syllabus.lessons)

package/src/creator/src/utils/constants.ts

@@ -1,4 +1,5 @@
 export const RIGOBOT_HOST = "https://rigobot.herokuapp.com"
+// export const RIGOBOT_HOST = "https://rigobot-test-cca7d841c9d8.herokuapp.com"
 export const BREATHECODE_HOST = "https://breathecode.herokuapp.com"
 
 export const RIGO_FLOAT_GIT =

package/src/creator/src/utils/lib.ts

@@ -364,3 +364,58 @@ export const reWriteTitle = async (title: string, token: string) => {
     return `${title} ${Math.random().toString(36).substring(2, 6)}`
   }
 }
+
+export async function registerUserWithFormData(
+  firstName: string,
+  lastName: string,
+  email: string
+): Promise<any> {
+  const formData = new FormData()
+  formData.append("1_first_name", firstName)
+  formData.append("1_last_name", lastName)
+  formData.append("1_email", email)
+
+  // Puedes modificar este objeto para agregar info real de tracking si la tienes.
+  const conversionArray = [
+    "$K1",
+    {
+      user_agent: navigator.userAgent,
+      landing_url: "www.learnpack.co/my-tutorials",
+      conversion_url: "app.learnpack.co/login",
+      translations: "$undefined",
+      utm_placement: "$undefined",
+      utm_referrer: "$undefined",
+      utm_medium: "$undefined",
+      utm_source: "$undefined",
+      utm_term: "$undefined",
+      utm_content: "$undefined",
+      utm_campaign: "$undefined",
+      internal_cta_placement: "$undefined",
+      internal_cta_content: "$undefined",
+      internal_cta_campaign: "$undefined",
+    },
+  ]
+
+  formData.append("0", JSON.stringify(conversionArray))
+
+  try {
+    const response = await axios.post(
+      "https://www.learnpack.co/register",
+      formData,
+      {
+        headers: {
+          "Content-Type": "multipart/form-data",
+        },
+      }
+    )
+    return response.data
+  } catch (error: any) {
+    // Manejo de errores básico
+    console.error(error, "ERROR REGISTERING IN LEARNPACK")
+    return {
+      success: false,
+      message: error?.response?.data?.detail || "Registration error",
+      data: error?.response?.data || null,
+    }
+  }
+}

package/src/creator/src/utils/rigo.ts

@@ -7,8 +7,9 @@ type TInteractiveCreationInputs = {
   prevInteractions: string
 }
 
-export const interactiveCreation = async (
-  inputs: TInteractiveCreationInputs
+export const publicInteractiveCreation = async (
+  inputs: TInteractiveCreationInputs,
+  publicToken: string
 ): Promise<any | null> => {
   try {
     const response = await axios.post(
@@ -21,6 +22,7 @@ export const interactiveCreation = async (
       {
         headers: {
           "Content-Type": "application/json",
+          Authorization: `Bearer ${publicToken}`,
         },
       }
     )
@@ -28,6 +30,7 @@ export const interactiveCreation = async (
     return response.data
   } catch (error: unknown) {
     const err = error as AxiosError
+    console.log("error", err)
 
     if (err.response?.status === 403) {
       toast.error("You've reached the limit. Please log in to continue.")
@@ -54,9 +57,13 @@ export const isHuman = async (token: string) => {
       }
     )
 
-    return response.status === 200
+    return {
+      human: response.status === 200,
+      message: response.data.message,
+      token: response.data.public_access_token,
+    }
   } catch (error) {
     console.error(error)
-    return false
+    return { human: false, message: error, token: null }
   }
 }

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

@@ -23,6 +23,7 @@ type Auth = {
   rigoToken: string
   userId: string
   user: any
+  publicToken: string
 }
 export type Syllabus = {
   lessons: Lesson[]
@@ -41,6 +42,8 @@ export type UploadedFile = {
 type Store = {
   auth: Auth
   formState: FormState
+  setFormState: (formState: Partial<FormState>) => void
+  resetFormState: () => void
   setAuth: (auth: Auth) => void
   // syllabus: Syllabus
   planToRedirect: string
@@ -53,7 +56,6 @@ type Store = {
   undo: () => void
   push: (syllabus: Syllabus) => void
   // setSyllabus: (syllabus: Partial<Syllabus>) => void
-  setFormState: (formState: Partial<FormState>) => void
   consumables: Consumables
   setConsumables: (consumables: Partial<Consumables>) => void
   mode: "student" | "teacher"
@@ -68,6 +70,7 @@ const useStore = create<Store>()(
         rigoToken: "",
         userId: "",
         user: null,
+        publicToken: "",
       },
       planToRedirect: "learnpack-creator",
       setPlanToRedirect: (planToRedirect: string) => set({ planToRedirect }),
@@ -89,6 +92,24 @@ const useStore = create<Store>()(
       },
       setFormState: (formState: Partial<FormState>) =>
         set((state) => ({ formState: { ...state.formState, ...formState } })),
+      resetFormState: () =>
+        set({
+          formState: {
+            currentStep: "description",
+            description: "",
+            duration: 0,
+            targetAudience: "",
+            hasContentIndex: false,
+            contentIndex: "",
+            isCompleted: false,
+            variables: [
+              "description",
+              "duration",
+              "hasContentIndex",
+              "verifyHuman",
+            ],
+          },
+        }),
 
       setUploadedFiles: (uploadedFiles) =>
         set(() => ({