@learnpack/learnpack 5.0.152 → 5.0.156

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

@@ -75,11 +75,15 @@ const ContentSecondaryHeader = ({
 
 export const GenerateButton = ({
   handleSubmit,
+  openLogin,
 }: {
   handleSubmit: () => void
+  openLogin: () => void
 }) => {
   const history = useStore((state) => state.history)
   const undo = useStore((state) => state.undo)
+  const auth = useStore((state) => state.auth)
+  const setAuth = useStore((state) => state.setAuth)
   const prev = history[history.length - 2]
   return (
     <div className="flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-4 justify-end mt-6">
@@ -95,6 +99,33 @@ export const GenerateButton = ({
           Revert changes
         </button>
       )}
+      {auth.user && (
+        <div
+          // onClick={handleSubmit}
+          className="text-sm text-gray-500 bg-gray-200 rounded px-4 py-2 flex items-center justify-center   flex-col"
+        >
+          <span>
+            Creating the course as <strong>{auth.user.first_name}</strong>
+          </span>
+          <span>
+            or{" "}
+            <button
+              className="text-sm text-gray-500 bg-gray-200 rounded  hover:bg-gray-300 items-center justify-center cursor-pointer "
+              onClick={() => {
+                setAuth({
+                  rigoToken: "",
+                  bcToken: "",
+                  userId: "",
+                  user: null,
+                })
+                openLogin()
+              }}
+            >
+              <strong>login as someone else</strong>
+            </button>
+          </span>
+        </div>
+      )}
       <button
         onClick={handleSubmit}
         className="w-full sm:w-auto bg-blue-600 text-white rounded px-4 py-2 hover:bg-blue-700 flex items-center justify-center gap-2 cursor-pointer"
@@ -110,10 +141,12 @@ export const ContentIndex = ({
   handleSubmit,
   messages,
   isThinking,
+  openLogin,
 }: {
   handleSubmit: () => void
   messages: TMessage[]
   isThinking: boolean
+  openLogin: () => void
 }) => {
   const history = useStore((state) => state.history)
   const push = useStore((state) => state.push)
@@ -235,7 +268,10 @@ export const ContentIndex = ({
               </div>
             ))}
             {syllabus.lessons.length > 0 && (
-              <GenerateButton handleSubmit={handleSubmit} />
+              <GenerateButton
+                handleSubmit={handleSubmit}
+                openLogin={openLogin}
+              />
             )}
           </>
         )}

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

@@ -127,14 +127,7 @@ export const Sidebar = ({
             }}
           />
           <div className="absolute bottom-2 right-2 flex gap-1 items-center">
-            <div className="relative inline-block">
-              <FileUploader
-                onResult={(res) => {
-                  setUploadedFiles([...(uploadedFiles || []), ...res])
-                }}
-              />
-            </div>
-
+            <FileUploader />
             <button
               className="cursor-pointer blue-on-hover flex items-center justify-center w-6 h-6"
               onClick={() => {

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

@@ -202,6 +202,9 @@ It may take a moment..."
         handleSubmit={handleSubmit}
         messages={messages}
         isThinking={isThinking}
+        openLogin={() => {
+          setShowLoginModal(true)
+        }}
       />
     </div>
   )

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

@@ -1,7 +1,8 @@
 import { create } from "zustand"
 import { persist } from "zustand/middleware"
 import { Lesson } from "../components/LessonItem"
-import { ParsedLink } from "../components/LinkUploader"
+import { ParsedFile } from "../components/FileUploader"
+// import { ParsedLink } from "../components/LinkUploader"
 
 export type FormState = {
   description: string
@@ -9,7 +10,7 @@ export type FormState = {
   targetAudience: string
   hasContentIndex: boolean
   contentIndex: string
-  sources: ParsedLink[]
+  // sources: ParsedLink[]
   isCompleted: boolean
   variables: string[]
   currentStep: string
@@ -43,8 +44,8 @@ type Store = {
   // syllabus: Syllabus
   planToRedirect: string
   setPlanToRedirect: (planToRedirect: string) => void
-  uploadedFiles: UploadedFile[]
-  setUploadedFiles: (uploadedFiles: UploadedFile[]) => void
+  uploadedFiles: ParsedFile[]
+  setUploadedFiles: (uploadedFiles: ParsedFile[]) => void
 
   cleanHistory: () => void
   history: Syllabus[]
@@ -75,14 +76,14 @@ const useStore = create<Store>()(
         targetAudience: "",
         hasContentIndex: false,
         contentIndex: "",
-        sources: [],
+        // sources: [],
         isCompleted: false,
         currentStep: "description",
         variables: [
           "description",
           "duration",
-          // "targetAudience",
           "hasContentIndex",
+          "verifyHuman",
         ],
       },
       setFormState: (formState: Partial<FormState>) =>

package/src/creatorDist/assets/{index-CztA582_.css → index-C_YTggyk.css}

@@ -437,6 +437,9 @@
   .z-1000 {
     z-index: 1000;
   }
+  .float-right {
+    float: right;
+  }
   .container {
     width: 100%;
   }
@@ -528,9 +531,6 @@
   .hidden {
     display: none;
   }
-  .inline-block {
-    display: inline-block;
-  }
   .table {
     display: table;
   }
@@ -609,6 +609,9 @@
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
+  .w-100 {
+    width: calc(var(--spacing) * 100);
+  }
   .w-\[100px\] {
     width: 100px;
   }
@@ -682,6 +685,9 @@
   .flex-row {
     flex-direction: row;
   }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
   .items-center {
     align-items: center;
   }
@@ -1153,6 +1159,9 @@
   .focus\:ring-blue-200:focus {
     --tw-ring-color: var(--color-blue-200);
   }
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
   .disabled\:bg-gray-100:disabled {
     background-color: var(--color-gray-100);
   }