richie-education 3.4.0 → 3.4.1-dev14

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.
Files changed (44) hide show
  1. package/.storybook/main.js +11 -12
  2. package/js/api/joanie.ts +20 -0
  3. package/js/api/lms/index.spec.ts +33 -0
  4. package/js/api/lms/index.ts +1 -1
  5. package/js/api/lms/openedx-hawthorn.spec.ts +49 -0
  6. package/js/api/lms/openedx-hawthorn.ts +5 -2
  7. package/js/api/utils.ts +4 -3
  8. package/js/components/DownloadAgreementButton/index.tsx +51 -0
  9. package/js/components/DownloadBatchOrderSeatsButton/index.spec.tsx +46 -0
  10. package/js/components/DownloadBatchOrderSeatsButton/index.tsx +80 -0
  11. package/js/components/SaleTunnel/SaleTunnelInformation/SaleTunnelInformationGroup.tsx +1 -1
  12. package/js/components/SaleTunnel/SaleTunnelSuccess/index.tsx +1 -1
  13. package/js/components/SaleTunnel/SubscriptionButton/index.tsx +2 -1
  14. package/js/components/SaleTunnel/index.full-process-b2b.spec.tsx +5 -5
  15. package/js/components/SaleTunnel/index.full-process-b2c.spec.tsx +1 -1
  16. package/js/hooks/useBatchOrder/index.tsx +21 -1
  17. package/js/hooks/useDownloadAgreement/index.spec.tsx +136 -0
  18. package/js/hooks/useDownloadAgreement/index.tsx +25 -0
  19. package/js/hooks/useDownloadBatchOrderSeats/index.spec.tsx +132 -0
  20. package/js/hooks/useDownloadBatchOrderSeats/index.tsx +24 -0
  21. package/js/pages/DashboardBatchOrderLayout/index.spec.tsx +19 -2
  22. package/js/pages/TeacherDashboardOrganizationQuotes/BatchOrderSeatInfoQuote.tsx +112 -0
  23. package/js/pages/TeacherDashboardOrganizationQuotes/_styles.scss +17 -0
  24. package/js/pages/TeacherDashboardOrganizationQuotes/index.full-process.spec.tsx +5 -2
  25. package/js/pages/TeacherDashboardOrganizationQuotes/index.spec.tsx +7 -3
  26. package/js/pages/TeacherDashboardOrganizationQuotes/index.tsx +38 -26
  27. package/js/types/Joanie.ts +21 -1
  28. package/js/types/api.ts +1 -0
  29. package/js/types/commonDataProps.ts +2 -0
  30. package/js/utils/download.ts +3 -1
  31. package/js/utils/test/factories/joanie.ts +15 -1
  32. package/js/widgets/Dashboard/components/DashboardItem/BatchOrder/BatchOrderAgreementInfo.tsx +72 -0
  33. package/js/widgets/Dashboard/components/DashboardItem/BatchOrder/BatchOrderSeatInfo.spec.tsx +114 -0
  34. package/js/widgets/Dashboard/components/DashboardItem/BatchOrder/BatchOrderSeatInfo.tsx +133 -0
  35. package/js/widgets/Dashboard/components/DashboardItem/BatchOrder/DashboardBatchOrderSubItems.tsx +17 -1
  36. package/js/widgets/Dashboard/components/DashboardItem/BatchOrder/batchOrderSeatInfoMessages.ts +24 -0
  37. package/js/widgets/Dashboard/components/DashboardItem/BatchOrder/index.tsx +16 -3
  38. package/js/widgets/Dashboard/components/DashboardItem/_styles.scss +6 -2
  39. package/js/widgets/Dashboard/utils/teacherDashboardPaths.tsx +2 -2
  40. package/js/widgets/Slider/index.tsx +7 -6
  41. package/package.json +2 -7
  42. package/scss/components/templates/richie/slider/_slider.scss +1 -1
  43. package/scss/objects/_course_glimpses.scss +1 -0
  44. package/scss/objects/_dashboard.scss +77 -0
package/scss/components/templates/richie/slider/_slider.scss CHANGED
@@ -101,7 +101,7 @@ $r-slider-content-line-clamp: 4 !default;
101
101
  .slider__panel {
102
102
  @include make-container();
103
103
  @include make-container-max-widths();
104
-
104
+ cursor: default;
105
105
  display: flex;
106
106
  flex-direction: column-reverse;
107
107
  }
package/scss/objects/_course_glimpses.scss CHANGED
@@ -56,6 +56,7 @@ $course-glimpse-content-padding-sides: 0.7rem !default;
56
56
  @include sv-flex(1, 0, calc(100% - #{$r-course-glimpse-gutter * 2}));
57
57
 
58
58
  position: relative;
59
+ isolation: isolate;
59
60
  margin: $r-course-glimpse-gutter;
60
61
 
61
62
  min-width: 16rem;
package/scss/objects/_dashboard.scss CHANGED
@@ -101,3 +101,80 @@
101
101
  padding: 1rem;
102
102
  }
103
103
  }
104
+
105
+ .enrollment-progress {
106
+ display: flex;
107
+ align-items: center;
108
+ gap: rem-calc(8px);
109
+ margin-bottom: rem-calc(8px);
110
+
111
+ &__bar {
112
+ flex: 1;
113
+ height: rem-calc(8px);
114
+ background-color: var(--c--globals--colors--gray-100);
115
+ border-radius: rem-calc(4px);
116
+ overflow: hidden;
117
+
118
+ &__fill {
119
+ height: 100%;
120
+ background-color: var(--c--theme--colors--primary-500);
121
+ transition: width 0.3s ease;
122
+ animation: progress-grow 2s ease-out forwards;
123
+
124
+ @keyframes progress-grow {
125
+ from {
126
+ width: 0;
127
+ }
128
+ }
129
+ }
130
+ }
131
+ }
132
+
133
+ .enrollment-nested-section__content {
134
+ display: flex;
135
+ flex-direction: column;
136
+ gap: rem-calc(4px);
137
+ font-size: rem-calc(13px);
138
+
139
+ .enrollment-search {
140
+ width: 50%;
141
+ margin-bottom: 0.5rem;
142
+ }
143
+
144
+ .enrollment-list {
145
+ list-style: disc inside;
146
+ padding-left: 0;
147
+ margin: 0;
148
+
149
+ li {
150
+ margin-bottom: rem-calc(4px);
151
+ }
152
+ }
153
+ }
154
+
155
+ .enrollment-load-more {
156
+ width: fit-content;
157
+ margin-top: rem-calc(8px);
158
+ padding: rem-calc(4px) rem-calc(12px);
159
+ }
160
+
161
+ .enrollment-pagination-wrapper {
162
+ margin-top: rem-calc(8px);
163
+
164
+ .pagination {
165
+ margin: 0;
166
+ padding: 0;
167
+ justify-content: flex-start;
168
+
169
+ &__list {
170
+ margin: 0;
171
+ padding: 0;
172
+ gap: rem-calc(4px);
173
+ }
174
+
175
+ &__item {
176
+ transform: scale(0.9);
177
+ transform-origin: center;
178
+ }
179
+ }
180
+ }