@learnpack/learnpack 5.0.178 → 5.0.180

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

@@ -37,8 +37,6 @@ export function parseLesson(input: string, previous: Lesson[]): Lesson | null {
   }
 }
 
-export const CREATOR_API_URL = "http://localhost:3000"
-
 export const uploadFileToBucket = async (content: string, path: string) => {
   const response = await axios.post(`/upload`, {
     content,

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

@@ -1,5 +1,5 @@
 import toast from "react-hot-toast"
-import { RIGOBOT_HOST } from "./constants"
+import { RIGOBOT_HOST, DEV_MODE } from "./constants"
 import axios, { AxiosError } from "axios"
 
 type TInteractiveCreationInputs = {
@@ -9,20 +9,24 @@ type TInteractiveCreationInputs = {
 
 export const publicInteractiveCreation = async (
   inputs: TInteractiveCreationInputs,
-  publicToken: string
+  publicToken: string,
+  purposeSlug: string
 ): Promise<any | null> => {
   try {
     const response = await axios.post(
-      `${RIGOBOT_HOST}/v1/prompting/public/completion/390/`,
+      `${RIGOBOT_HOST}/v1/prompting/public/completion/${
+        DEV_MODE ? "39" : "390"
+      }/`,
       {
         inputs: inputs,
-        include_purpose_objective: false,
+        include_purpose_objective: true,
         execute_async: false,
+        purpose_slug: purposeSlug,
       },
       {
         headers: {
           "Content-Type": "application/json",
-          Authorization: `Bearer ${publicToken}`,
+          Authorization: `Token ${publicToken}`,
         },
       }
     )

package/src/creator/src/utils/socket.ts

@@ -0,0 +1,61 @@
+import { io, Socket } from "socket.io-client"
+
+type EventCallback = (...args: any[]) => void
+
+class CreatorSocket {
+  private socket: Socket | null = null
+  private readonly url: string
+
+  constructor(url: string) {
+    this.url = url
+  }
+
+  /**
+   * Conecta manualmente al servidor de websockets
+   */
+  connect() {
+    if (this.socket) return
+    this.socket = io(this.url, { autoConnect: false, path: "/sockete" })
+    this.socket.connect()
+  }
+
+  /**
+   * Desconecta del servidor
+   */
+  disconnect() {
+    if (this.socket) {
+      this.socket.disconnect()
+      this.socket = null
+    }
+  }
+
+  /**
+   * Verifica si está conectado
+   */
+  isConnected(): boolean {
+    return !!this.socket?.connected
+  }
+
+  /**
+   * Registra un evento personalizado
+   */
+  on(event: string, callback: EventCallback) {
+    this.socket?.on(event, callback)
+  }
+
+  /**
+   * Emite un evento al servidor
+   */
+  emit(event: string, ...args: any[]) {
+    this.socket?.emit(event, ...args)
+  }
+
+  /**
+   * Elimina un evento registrado
+   */
+  off(event: string, callback?: EventCallback) {
+    this.socket?.off(event, callback)
+  }
+}
+
+export default CreatorSocket

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

@@ -2,6 +2,7 @@ import { create } from "zustand"
 import { persist } from "zustand/middleware"
 import { Lesson } from "../components/LessonItem"
 import { ParsedFile } from "../components/FileUploader"
+import { TMessage } from "../components/Message"
 // import { ParsedLink } from "../components/LinkUploader"
 
 export type FormState = {
@@ -10,6 +11,7 @@ export type FormState = {
   targetAudience: string
   hasContentIndex: boolean
   contentIndex: string
+  purpose: string
   // sources: ParsedLink[]
   isCompleted: boolean
   variables: string[]
@@ -28,7 +30,7 @@ type Auth = {
 export type Syllabus = {
   lessons: Lesson[]
   courseInfo: FormState
-  sources: ParsedFile[]
+  messages: TMessage[]
 }
 
 type Consumables = {
@@ -80,12 +82,14 @@ const useStore = create<Store>()(
         targetAudience: "",
         hasContentIndex: false,
         contentIndex: "",
+        purpose: "",
         // sources: [],
         isCompleted: false,
         currentStep: "description",
         variables: [
           "description",
           "duration",
+          "purpose",
           "hasContentIndex",
           "verifyHuman",
         ],
@@ -101,10 +105,12 @@ const useStore = create<Store>()(
             targetAudience: "",
             hasContentIndex: false,
             contentIndex: "",
+            purpose: "",
             isCompleted: false,
             variables: [
               "description",
               "duration",
+              "purpose",
               "hasContentIndex",
               "verifyHuman",
             ],

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

@@ -55,6 +55,7 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
       "Liberation Mono", "Courier New", monospace;
     --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-100: oklch(93.6% 0.032 17.717);
     --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);
@@ -435,9 +436,6 @@
   .z-1000 {
     z-index: 1000;
   }
-  .float-right {
-    float: right;
-  }
   .container {
     width: 100%;
   }
@@ -868,6 +866,9 @@
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
+  .bg-gray-100 {
+    background-color: var(--color-gray-100);
+  }
   .bg-gray-200 {
     background-color: var(--color-gray-200);
   }
@@ -880,6 +881,9 @@
   .bg-red-50 {
     background-color: var(--color-red-50);
   }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -1172,6 +1176,9 @@
     .hover\:text-gray-900:hover {
       color: var(--color-gray-900);
     }
+    .hover\:text-red-500:hover {
+      color: var(--color-red-500);
+    }
     .hover\:text-red-700:hover {
       color: var(--color-red-700);
     }
@@ -1200,6 +1207,9 @@
   .disabled\:opacity-40:disabled {
     opacity: 0.4;
   }
+  .disabled\:opacity-50:disabled {
+    opacity: 0.5;
+  }
   @media (min-width: 40rem) {
     .sm\:w-auto {
       width: auto;