@learnpack/learnpack 5.0.168 → 5.0.176

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

@@ -7,12 +7,13 @@ 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(
-      `${RIGOBOT_HOST}/v1/prompting/public/completion/390/`,
+      `${RIGOBOT_HOST}/v1/prompting/public/completion/39/`,
       {
         inputs: inputs,
         include_purpose_objective: false,
@@ -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(() => ({

package/{lib/creatorDist/assets/index-C_YTggyk.css → src/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,