@learnpack/learnpack 5.0.68 → 5.0.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -13
- package/lib/creatorDist/assets/{index-B01XTAAq.js → index-Chx6V3zd.js} +15989 -15785
- package/{src/creatorDist/assets/index-t6ma_gVm.css → lib/creatorDist/assets/index-Dqo9u2iR.css} +233 -35
- package/lib/creatorDist/index.html +2 -2
- package/lib/creatorDist/rigo-float.gif +0 -0
- package/lib/utils/api.js +2 -2
- package/oclif.manifest.json +1 -1
- package/package.json +1 -1
- package/src/creator/public/rigo-float.gif +0 -0
- package/src/creator/src/App.tsx +202 -163
- package/src/creator/src/assets/svgs.tsx +41 -1
- package/src/creator/src/components/LessonItem.tsx +10 -3
- package/src/creator/src/components/Message.tsx +1 -1
- package/src/creator/src/components/StepWizard.tsx +32 -18
- package/src/creator/src/components/syllabus/ContentIndex.tsx +202 -0
- package/src/creator/src/components/syllabus/Sidebar.tsx +123 -0
- package/src/creator/src/components/syllabus/SyllabusEditor.tsx +134 -0
- package/src/creator/src/index.css +2 -6
- package/src/creator/src/main.tsx +1 -1
- package/src/creator/src/utils/store.ts +13 -4
- package/src/creatorDist/assets/{index-B01XTAAq.js → index-Chx6V3zd.js} +15989 -15785
- package/{lib/creatorDist/assets/index-t6ma_gVm.css → src/creatorDist/assets/index-Dqo9u2iR.css} +233 -35
- package/src/creatorDist/index.html +2 -2
- package/src/creatorDist/rigo-float.gif +0 -0
- package/src/utils/api.ts +2 -2
- package/src/creator/src/components/SyllabusEditor.tsx +0 -300
package/{lib/creatorDist/assets/index-t6ma_gVm.css → src/creatorDist/assets/index-Dqo9u2iR.css}
RENAMED
@@ -17,6 +17,15 @@
|
|
17
17
|
--tw-space-y-reverse: 0;
|
18
18
|
--tw-space-x-reverse: 0;
|
19
19
|
--tw-border-style: solid;
|
20
|
+
--tw-gradient-position: initial;
|
21
|
+
--tw-gradient-from: #0000;
|
22
|
+
--tw-gradient-via: #0000;
|
23
|
+
--tw-gradient-to: #0000;
|
24
|
+
--tw-gradient-stops: initial;
|
25
|
+
--tw-gradient-via-stops: initial;
|
26
|
+
--tw-gradient-from-position: 0%;
|
27
|
+
--tw-gradient-via-position: 50%;
|
28
|
+
--tw-gradient-to-position: 100%;
|
20
29
|
--tw-leading: initial;
|
21
30
|
--tw-font-weight: initial;
|
22
31
|
--tw-shadow: 0 0 #0000;
|
@@ -33,6 +42,8 @@
|
|
33
42
|
--tw-ring-offset-width: 0px;
|
34
43
|
--tw-ring-offset-color: #fff;
|
35
44
|
--tw-ring-offset-shadow: 0 0 #0000;
|
45
|
+
--tw-duration: initial;
|
46
|
+
--tw-ease: initial;
|
36
47
|
}
|
37
48
|
}
|
38
49
|
}
|
@@ -86,6 +97,7 @@
|
|
86
97
|
--radius-md: 0.375rem;
|
87
98
|
--radius-lg: 0.5rem;
|
88
99
|
--radius-xl: 0.75rem;
|
100
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
89
101
|
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
90
102
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
91
103
|
--default-transition-duration: 0.15s;
|
@@ -346,9 +358,18 @@
|
|
346
358
|
}
|
347
359
|
@layer components;
|
348
360
|
@layer utilities {
|
361
|
+
.pointer-events-auto {
|
362
|
+
pointer-events: auto;
|
363
|
+
}
|
364
|
+
.pointer-events-none {
|
365
|
+
pointer-events: none;
|
366
|
+
}
|
349
367
|
.absolute {
|
350
368
|
position: absolute;
|
351
369
|
}
|
370
|
+
.fixed {
|
371
|
+
position: fixed;
|
372
|
+
}
|
352
373
|
.relative {
|
353
374
|
position: relative;
|
354
375
|
}
|
@@ -358,21 +379,76 @@
|
|
358
379
|
.-top-3 {
|
359
380
|
top: calc(var(--spacing) * -3);
|
360
381
|
}
|
382
|
+
.top-0 {
|
383
|
+
top: calc(var(--spacing) * 0);
|
384
|
+
}
|
385
|
+
.top-2 {
|
386
|
+
top: calc(var(--spacing) * 2);
|
387
|
+
}
|
361
388
|
.right-0 {
|
362
389
|
right: calc(var(--spacing) * 0);
|
363
390
|
}
|
364
391
|
.right-2 {
|
365
392
|
right: calc(var(--spacing) * 2);
|
366
393
|
}
|
394
|
+
.bottom-0 {
|
395
|
+
bottom: calc(var(--spacing) * 0);
|
396
|
+
}
|
367
397
|
.bottom-2 {
|
368
398
|
bottom: calc(var(--spacing) * 2);
|
369
399
|
}
|
370
|
-
.bottom-
|
371
|
-
bottom: calc(var(--spacing) *
|
400
|
+
.bottom-3 {
|
401
|
+
bottom: calc(var(--spacing) * 3);
|
402
|
+
}
|
403
|
+
.left-0 {
|
404
|
+
left: calc(var(--spacing) * 0);
|
372
405
|
}
|
373
406
|
.left-1\/2 {
|
374
407
|
left: 50%;
|
375
408
|
}
|
409
|
+
.left-2 {
|
410
|
+
left: calc(var(--spacing) * 2);
|
411
|
+
}
|
412
|
+
.z-10 {
|
413
|
+
z-index: 10;
|
414
|
+
}
|
415
|
+
.z-20 {
|
416
|
+
z-index: 20;
|
417
|
+
}
|
418
|
+
.z-40 {
|
419
|
+
z-index: 40;
|
420
|
+
}
|
421
|
+
.z-50 {
|
422
|
+
z-index: 50;
|
423
|
+
}
|
424
|
+
.container {
|
425
|
+
width: 100%;
|
426
|
+
}
|
427
|
+
@media (min-width: 40rem) {
|
428
|
+
.container {
|
429
|
+
max-width: 40rem;
|
430
|
+
}
|
431
|
+
}
|
432
|
+
@media (min-width: 48rem) {
|
433
|
+
.container {
|
434
|
+
max-width: 48rem;
|
435
|
+
}
|
436
|
+
}
|
437
|
+
@media (min-width: 64rem) {
|
438
|
+
.container {
|
439
|
+
max-width: 64rem;
|
440
|
+
}
|
441
|
+
}
|
442
|
+
@media (min-width: 80rem) {
|
443
|
+
.container {
|
444
|
+
max-width: 80rem;
|
445
|
+
}
|
446
|
+
}
|
447
|
+
@media (min-width: 96rem) {
|
448
|
+
.container {
|
449
|
+
max-width: 96rem;
|
450
|
+
}
|
451
|
+
}
|
376
452
|
.m-0 {
|
377
453
|
margin: calc(var(--spacing) * 0);
|
378
454
|
}
|
@@ -436,17 +512,26 @@
|
|
436
512
|
.h-6 {
|
437
513
|
height: calc(var(--spacing) * 6);
|
438
514
|
}
|
515
|
+
.h-20 {
|
516
|
+
height: calc(var(--spacing) * 20);
|
517
|
+
}
|
439
518
|
.h-24 {
|
440
519
|
height: calc(var(--spacing) * 24);
|
441
520
|
}
|
521
|
+
.h-40 {
|
522
|
+
height: calc(var(--spacing) * 40);
|
523
|
+
}
|
524
|
+
.h-\[70\%\] {
|
525
|
+
height: 70%;
|
526
|
+
}
|
442
527
|
.h-full {
|
443
528
|
height: 100%;
|
444
529
|
}
|
445
530
|
.h-screen {
|
446
531
|
height: 100vh;
|
447
532
|
}
|
448
|
-
.max-h-\[
|
449
|
-
max-height:
|
533
|
+
.max-h-\[70vh\] {
|
534
|
+
max-height: 70vh;
|
450
535
|
}
|
451
536
|
.max-h-\[300px\] {
|
452
537
|
max-height: 300px;
|
@@ -454,23 +539,20 @@
|
|
454
539
|
.min-h-screen {
|
455
540
|
min-height: 100vh;
|
456
541
|
}
|
457
|
-
.w-1\/3 {
|
458
|
-
width: 33.3333%;
|
459
|
-
}
|
460
542
|
.w-2 {
|
461
543
|
width: calc(var(--spacing) * 2);
|
462
544
|
}
|
463
|
-
.w-2\/3 {
|
464
|
-
width: 66.6667%;
|
465
|
-
}
|
466
545
|
.w-3 {
|
467
546
|
width: calc(var(--spacing) * 3);
|
468
547
|
}
|
548
|
+
.w-4\/5 {
|
549
|
+
width: 80%;
|
550
|
+
}
|
469
551
|
.w-6 {
|
470
552
|
width: calc(var(--spacing) * 6);
|
471
553
|
}
|
472
|
-
.w
|
473
|
-
width:
|
554
|
+
.w-20 {
|
555
|
+
width: calc(var(--spacing) * 20);
|
474
556
|
}
|
475
557
|
.w-full {
|
476
558
|
width: 100%;
|
@@ -494,6 +576,14 @@
|
|
494
576
|
--tw-translate-x: -50%;
|
495
577
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
496
578
|
}
|
579
|
+
.-translate-x-full {
|
580
|
+
--tw-translate-x: -100%;
|
581
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
582
|
+
}
|
583
|
+
.translate-x-0 {
|
584
|
+
--tw-translate-x: calc(var(--spacing) * 0);
|
585
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
586
|
+
}
|
497
587
|
.transform {
|
498
588
|
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
|
499
589
|
var(--tw-skew-x) var(--tw-skew-y);
|
@@ -510,9 +600,6 @@
|
|
510
600
|
.resize {
|
511
601
|
resize: both;
|
512
602
|
}
|
513
|
-
.resize-none {
|
514
|
-
resize: none;
|
515
|
-
}
|
516
603
|
.flex-col {
|
517
604
|
flex-direction: column;
|
518
605
|
}
|
@@ -660,15 +747,37 @@
|
|
660
747
|
.bg-yellow-50 {
|
661
748
|
background-color: var(--color-yellow-50);
|
662
749
|
}
|
750
|
+
.bg-gradient-to-t {
|
751
|
+
--tw-gradient-position: to top in oklab;
|
752
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
753
|
+
}
|
754
|
+
.from-white {
|
755
|
+
--tw-gradient-from: var(--color-white);
|
756
|
+
--tw-gradient-stops: var(
|
757
|
+
--tw-gradient-via-stops,
|
758
|
+
var(--tw-gradient-position),
|
759
|
+
var(--tw-gradient-from) var(--tw-gradient-from-position),
|
760
|
+
var(--tw-gradient-to) var(--tw-gradient-to-position)
|
761
|
+
);
|
762
|
+
}
|
763
|
+
.to-transparent {
|
764
|
+
--tw-gradient-to: transparent;
|
765
|
+
--tw-gradient-stops: var(
|
766
|
+
--tw-gradient-via-stops,
|
767
|
+
var(--tw-gradient-position),
|
768
|
+
var(--tw-gradient-from) var(--tw-gradient-from-position),
|
769
|
+
var(--tw-gradient-to) var(--tw-gradient-to-position)
|
770
|
+
);
|
771
|
+
}
|
772
|
+
.p-1 {
|
773
|
+
padding: calc(var(--spacing) * 1);
|
774
|
+
}
|
663
775
|
.p-2 {
|
664
776
|
padding: calc(var(--spacing) * 2);
|
665
777
|
}
|
666
778
|
.p-3 {
|
667
779
|
padding: calc(var(--spacing) * 3);
|
668
780
|
}
|
669
|
-
.p-4 {
|
670
|
-
padding: calc(var(--spacing) * 4);
|
671
|
-
}
|
672
781
|
.p-6 {
|
673
782
|
padding: calc(var(--spacing) * 6);
|
674
783
|
}
|
@@ -693,8 +802,11 @@
|
|
693
802
|
.pr-2 {
|
694
803
|
padding-right: calc(var(--spacing) * 2);
|
695
804
|
}
|
696
|
-
.pb-
|
697
|
-
padding-bottom: calc(var(--spacing) *
|
805
|
+
.pb-5 {
|
806
|
+
padding-bottom: calc(var(--spacing) * 5);
|
807
|
+
}
|
808
|
+
.pb-32 {
|
809
|
+
padding-bottom: calc(var(--spacing) * 32);
|
698
810
|
}
|
699
811
|
.text-center {
|
700
812
|
text-align: center;
|
@@ -785,6 +897,12 @@
|
|
785
897
|
.opacity-30 {
|
786
898
|
opacity: 0.3;
|
787
899
|
}
|
900
|
+
.shadow {
|
901
|
+
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
|
902
|
+
0 1px 2px -1px var(--tw-shadow-color, #0000001a);
|
903
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
904
|
+
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
905
|
+
}
|
788
906
|
.shadow-md {
|
789
907
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
|
790
908
|
0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
@@ -805,7 +923,26 @@
|
|
805
923
|
);
|
806
924
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
807
925
|
}
|
926
|
+
.transition-transform {
|
927
|
+
transition-property: transform, translate, scale, rotate;
|
928
|
+
transition-timing-function: var(
|
929
|
+
--tw-ease,
|
930
|
+
var(--default-transition-timing-function)
|
931
|
+
);
|
932
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
933
|
+
}
|
934
|
+
.duration-300 {
|
935
|
+
--tw-duration: 0.3s;
|
936
|
+
transition-duration: 0.3s;
|
937
|
+
}
|
938
|
+
.ease-in-out {
|
939
|
+
--tw-ease: var(--ease-in-out);
|
940
|
+
transition-timing-function: var(--ease-in-out);
|
941
|
+
}
|
808
942
|
@media (hover: hover) {
|
943
|
+
.hover\:bg-blue-50:hover {
|
944
|
+
background-color: var(--color-blue-50);
|
945
|
+
}
|
809
946
|
.hover\:bg-blue-200:hover {
|
810
947
|
background-color: var(--color-blue-200);
|
811
948
|
}
|
@@ -837,6 +974,29 @@
|
|
837
974
|
.disabled\:opacity-40:disabled {
|
838
975
|
opacity: 0.4;
|
839
976
|
}
|
977
|
+
@media (min-width: 48rem) {
|
978
|
+
.md\:flex-row {
|
979
|
+
flex-direction: row;
|
980
|
+
}
|
981
|
+
}
|
982
|
+
@media (min-width: 64rem) {
|
983
|
+
.lg\:relative {
|
984
|
+
position: relative;
|
985
|
+
}
|
986
|
+
.lg\:hidden {
|
987
|
+
display: none;
|
988
|
+
}
|
989
|
+
.lg\:w-1\/3 {
|
990
|
+
width: 33.3333%;
|
991
|
+
}
|
992
|
+
.lg\:translate-x-0 {
|
993
|
+
--tw-translate-x: calc(var(--spacing) * 0);
|
994
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
995
|
+
}
|
996
|
+
.lg\:transform-none {
|
997
|
+
transform: none;
|
998
|
+
}
|
999
|
+
}
|
840
1000
|
}
|
841
1001
|
:root {
|
842
1002
|
color-scheme: light dark;
|
@@ -904,13 +1064,14 @@ h1 {
|
|
904
1064
|
display: flex;
|
905
1065
|
}
|
906
1066
|
@keyframes spin {
|
1067
|
+
0% {
|
1068
|
+
transform: rotate(0);
|
1069
|
+
}
|
907
1070
|
to {
|
908
1071
|
transform: rotate(360deg);
|
909
1072
|
}
|
910
1073
|
}
|
911
1074
|
.loader-icon {
|
912
|
-
border: 2px solid var(--loader-color);
|
913
|
-
border-top-color: #0000;
|
914
1075
|
justify-content: center;
|
915
1076
|
align-items: center;
|
916
1077
|
width: 40px;
|
@@ -918,19 +1079,6 @@ h1 {
|
|
918
1079
|
display: flex;
|
919
1080
|
position: relative;
|
920
1081
|
}
|
921
|
-
.loader-icon:after {
|
922
|
-
content: "";
|
923
|
-
border: 2px solid var(--gray-text);
|
924
|
-
border-top: 2px solid var(--learnpack-blue);
|
925
|
-
border-radius: 50%;
|
926
|
-
width: 100%;
|
927
|
-
height: 100%;
|
928
|
-
animation: 2s linear infinite spin;
|
929
|
-
display: block;
|
930
|
-
position: absolute;
|
931
|
-
top: 0;
|
932
|
-
left: 0;
|
933
|
-
}
|
934
1082
|
@keyframes glowing {
|
935
1083
|
0% {
|
936
1084
|
opacity: 0.6;
|
@@ -998,6 +1146,48 @@ h1 {
|
|
998
1146
|
inherits: false;
|
999
1147
|
initial-value: solid;
|
1000
1148
|
}
|
1149
|
+
@property --tw-gradient-position {
|
1150
|
+
syntax: "*";
|
1151
|
+
inherits: false;
|
1152
|
+
}
|
1153
|
+
@property --tw-gradient-from {
|
1154
|
+
syntax: "<color>";
|
1155
|
+
inherits: false;
|
1156
|
+
initial-value: #0000;
|
1157
|
+
}
|
1158
|
+
@property --tw-gradient-via {
|
1159
|
+
syntax: "<color>";
|
1160
|
+
inherits: false;
|
1161
|
+
initial-value: #0000;
|
1162
|
+
}
|
1163
|
+
@property --tw-gradient-to {
|
1164
|
+
syntax: "<color>";
|
1165
|
+
inherits: false;
|
1166
|
+
initial-value: #0000;
|
1167
|
+
}
|
1168
|
+
@property --tw-gradient-stops {
|
1169
|
+
syntax: "*";
|
1170
|
+
inherits: false;
|
1171
|
+
}
|
1172
|
+
@property --tw-gradient-via-stops {
|
1173
|
+
syntax: "*";
|
1174
|
+
inherits: false;
|
1175
|
+
}
|
1176
|
+
@property --tw-gradient-from-position {
|
1177
|
+
syntax: "<length-percentage>";
|
1178
|
+
inherits: false;
|
1179
|
+
initial-value: 0%;
|
1180
|
+
}
|
1181
|
+
@property --tw-gradient-via-position {
|
1182
|
+
syntax: "<length-percentage>";
|
1183
|
+
inherits: false;
|
1184
|
+
initial-value: 50%;
|
1185
|
+
}
|
1186
|
+
@property --tw-gradient-to-position {
|
1187
|
+
syntax: "<length-percentage>";
|
1188
|
+
inherits: false;
|
1189
|
+
initial-value: 100%;
|
1190
|
+
}
|
1001
1191
|
@property --tw-leading {
|
1002
1192
|
syntax: "*";
|
1003
1193
|
inherits: false;
|
@@ -1071,6 +1261,14 @@ h1 {
|
|
1071
1261
|
inherits: false;
|
1072
1262
|
initial-value: 0 0 #0000;
|
1073
1263
|
}
|
1264
|
+
@property --tw-duration {
|
1265
|
+
syntax: "*";
|
1266
|
+
inherits: false;
|
1267
|
+
}
|
1268
|
+
@property --tw-ease {
|
1269
|
+
syntax: "*";
|
1270
|
+
inherits: false;
|
1271
|
+
}
|
1074
1272
|
@keyframes ping {
|
1075
1273
|
75%,
|
1076
1274
|
to {
|
@@ -10,8 +10,8 @@
|
|
10
10
|
/>
|
11
11
|
|
12
12
|
<title>Learnpack Creator: Craft tutorials in seconds!</title>
|
13
|
-
<script type="module" crossorigin src="/creator/assets/index-
|
14
|
-
<link rel="stylesheet" crossorigin href="/creator/assets/index-
|
13
|
+
<script type="module" crossorigin src="/creator/assets/index-Chx6V3zd.js"></script>
|
14
|
+
<link rel="stylesheet" crossorigin href="/creator/assets/index-Dqo9u2iR.css">
|
15
15
|
</head>
|
16
16
|
<body>
|
17
17
|
<div id="root"></div>
|
Binary file
|
package/src/utils/api.ts
CHANGED
@@ -351,11 +351,11 @@ export interface TAcademy {
|
|
351
351
|
|
352
352
|
const with_crud_asset_roles = new Set([
|
353
353
|
"content_writer",
|
354
|
-
"growth_manager",
|
355
354
|
"syllabus_coordinator",
|
356
355
|
"country_manager",
|
357
|
-
"community_manager",
|
358
356
|
"carrer_support_head",
|
357
|
+
"admin",
|
358
|
+
"student",
|
359
359
|
])
|
360
360
|
|
361
361
|
export const listUserAcademies = async (
|