@eclass/ui-kit 1.48.0 → 1.49.1

package/dist/eclass-ui-kit.es.js

@@ -30010,23 +30010,39 @@ function UserWayCookie() {
 }
 const STUDENT = 4;
 function Header() {
+  var _a;
   const {
     background: background2,
     labels,
     logo,
     logoAlt,
-    Profile: profile
+    Profile: profile,
+    soonCourse
   } = React.useContext(CourseBoxContext);
   return /* @__PURE__ */ jsxs(Box, {
     as: "header",
-    bgImg: background2,
     bgPos: "center",
     bgSize: "cover",
     height: "8.75rem",
     borderBottom: vars("borders-light"),
     pos: "relative",
+    _before: {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      backgroundImage: `url(${background2 != null ? background2 : ""})`,
+      backgroundSize: "cover",
+      backgroundPosition: "center",
+      opacity: ((_a = soonCourse == null ? void 0 : soonCourse.show) != null ? _a : false) ? 0.3 : 1,
+      zIndex: -1
+    },
     children: [/* @__PURE__ */ jsxs(Box, {
       p: "1rem",
+      display: "flex",
+      gap: "0.625rem",
       children: [(profile == null ? void 0 : profile.id) !== STUDENT && /* @__PURE__ */ jsx(Label, {
         bg: vars("colors-neutral-white"),
         m: "0 0 .625rem 0",
@@ -30043,6 +30059,13 @@ function Header() {
           bg: item.id === "NEW" ? vars("colors-secondary-pumpkin") : void 0,
           children: item.text
         }, index2))
+      }), (soonCourse == null ? void 0 : soonCourse.show) && (soonCourse == null ? void 0 : soonCourse.text) && /* @__PURE__ */ jsx(Stack, {
+        direction: "row",
+        spacing: ".625rem",
+        wrap: "wrap",
+        children: /* @__PURE__ */ jsx(Label, {
+          children: soonCourse.text
+        })
       })]
     }), logo !== void 0 && logo.length > 0 && /* @__PURE__ */ jsx(Center, {
       pos: "absolute",
@@ -30298,7 +30321,7 @@ const dataStates = {
   },
   inscripcionFutura: {
     ...dataBase,
-    id: 1,
+    id: 2,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30329,7 +30352,7 @@ const dataStates = {
   },
   inscripcionFinalizo: {
     ...dataBase,
-    id: 1,
+    id: 3,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30362,7 +30385,7 @@ const dataStates = {
     ...dataBase,
     logo: "https://cdn.eclass.com/img/productos/logos/logo-utec-square.jpg",
     background: "https://cdn.eclass.com/img/cursos/default1.png",
-    id: 2,
+    id: 4,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30394,7 +30417,7 @@ const dataStates = {
   },
   preInscripcion2: {
     ...dataBase,
-    id: 3,
+    id: 5,
     hasFinanzeFreezed: false,
     logo: "",
     status: {
@@ -30428,7 +30451,7 @@ const dataStates = {
   inscripcion: {
     ...dataBase,
     background: "https://cdn.eclass.com/img/cursos/default2.png",
-    id: 4,
+    id: 6,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30459,7 +30482,7 @@ const dataStates = {
   },
   inscripcion2: {
     ...dataBase,
-    id: 5,
+    id: 7,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30494,7 +30517,7 @@ const dataStates = {
   },
   noDisponible: {
     ...dataBase,
-    id: 6,
+    id: 8,
     hasFinanzeFreezed: false,
     logo: "",
     background: "https://cdn.eclass.com/img/cursos/default2.png",
@@ -30531,7 +30554,7 @@ const dataStates = {
     ...dataBase,
     background: "https://cdn.eclass.com/img/cursos/default3.png",
     logo: "https://cdn.eclass.com/img/productos/logos/logo-eclass-academy-square.jpg",
-    id: 7,
+    id: 9,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30565,7 +30588,7 @@ const dataStates = {
     ...dataBase,
     background: "https://cdn.eclass.com/img/cursos/default3.png",
     logo: "https://cdn.eclass.com/img/productos/logos/logo-eclass-academy-square.jpg",
-    id: 57,
+    id: 10,
     hasFinanzeFreezed: false,
     Profile: {
       id: 1,
@@ -30601,7 +30624,7 @@ const dataStates = {
   },
   activado: {
     ...dataBase,
-    id: 8,
+    id: 11,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30641,7 +30664,7 @@ const dataStates = {
   },
   sinEstudiar: {
     ...dataBase,
-    id: 9,
+    id: 12,
     hasFinanzeFreezed: false,
     logo: "",
     status: {
@@ -30682,7 +30705,7 @@ const dataStates = {
   },
   sinEstudiar2: {
     ...dataBase,
-    id: 10,
+    id: 13,
     hasFinanzeFreezed: false,
     background: "https://cdn.eclass.com/img/cursos/default2.png",
     status: {
@@ -30723,7 +30746,7 @@ const dataStates = {
   },
   sinEstudiar3: {
     ...dataBase,
-    id: 11,
+    id: 14,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30764,7 +30787,7 @@ const dataStates = {
   sinEstudiar4: {
     ...dataBase,
     logo: "https://cdn.eclass.com/img/productos/logos/logo-uandes-square.jpg",
-    id: 12,
+    id: 15,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30804,7 +30827,7 @@ const dataStates = {
   },
   continuar: {
     ...dataBase,
-    id: 13,
+    id: 16,
     hasFinanzeFreezed: true,
     status: {
       ...dataBase.status,
@@ -30845,7 +30868,7 @@ const dataStates = {
   },
   continuar2: {
     ...dataBase,
-    id: 14,
+    id: 17,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30885,7 +30908,7 @@ const dataStates = {
   pendiente: {
     ...dataBase,
     background: "https://cdn.eclass.com/img/cursos/default3.png",
-    id: 15,
+    id: 18,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30922,7 +30945,7 @@ const dataStates = {
   },
   terminado: {
     ...dataBase,
-    id: 16,
+    id: 19,
     hasFinanzeFreezed: false,
     status: {
       ...dataBase.status,
@@ -30962,7 +30985,7 @@ const dataStates = {
   terminado2: {
     ...dataBase,
     logo: "https://cdn.eclass.com/img/productos/logos/logo-eclass-academy-square.jpg",
-    id: 17,
+    id: 20,
     hasFinanzeFreezed: false,
     Profile: {
       id: 1,
@@ -31005,7 +31028,7 @@ const dataStates = {
   },
   terminado3: {
     ...dataBase,
-    id: 18,
+    id: 21,
     hasFinanzeFreezed: false,
     logo: "",
     status: {
@@ -31040,6 +31063,47 @@ const dataStates = {
       text: "Ir a mi curso"
     },
     labels: []
+  },
+  proximamente: {
+    ...dataBase,
+    id: 22,
+    hasFinanzeFreezed: false,
+    status: {
+      ...dataBase.status,
+      id: 3,
+      name: "inscripcion"
+    },
+    progress: {
+      ...dataBase.progress,
+      label: "Tu curso iniciara el Lunes 16 de Enero de 2023",
+      icon: "schedule"
+    },
+    dateStatus: {
+      ...dataBase.dateStatus,
+      hasDates: true
+    },
+    information: [
+      {
+        icon: "certificate",
+        text: "Certificado por ACHS",
+        href: ""
+      }
+    ],
+    action: {
+      ...dataBase.action,
+      text: "Ver informacion del curso",
+      targetBlank: true
+    },
+    soonCourse: {
+      show: true,
+      text: "Pr\xF3ximamente"
+    },
+    labels: [
+      {
+        id: "OBLIGATORY",
+        text: "Obligatorio"
+      }
+    ]
   }
 };
 const dataFake = Object.keys(dataStates).map((key) => dataStates[key]);