@yoobic/yobi 8.3.1-4 → 8.3.1-7

package/dist/design-system/yoo-ion-toast-controller.entry.js

@@ -19,7 +19,7 @@ const YooIonToastControllerComponent = class {
     const index = this.devices.findIndex(device => device === ev.detail);
     this.devices.splice(index, index + 1);
   }
-  onClick(ev) {
+  onPointerDown(ev) {
     if (this.devices.length) {
       this.device = ev.composedPath().find((el) => el.nodeName === 'YOO-DEVICE');
     }

package/dist/design-system/yoo-lesson-question-result.entry.js

@@ -5,7 +5,7 @@ import { cy as isContentOnly, cz as getConfidencePoints, cA as getConfidenceDesc
 import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{width:100%;padding-bottom:var(--spacing-16, 1rem)}:host .answers .title{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}";
+const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .answers .title{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-24, 1.5rem)}";
 
 const YooLessonQuestionResultComponent = class {
   constructor(hostRef) {

package/dist/design-system/yoo-rating.entry.js

@@ -81,7 +81,7 @@ const YooRatingComponent = class {
         disabled: !this.isValidRating || !this.courseId,
         handler: () => this.onSubmitClick()
       }];
-    return (h("yoo-form-footer", { class: "rating", buttons: button }));
+    return (h("yoo-form-footer", { class: "rating relative", buttons: button }));
   }
   renderEditable() {
     return [

package/dist/design-system/yoo-reset-password.entry.js

@@ -5,7 +5,7 @@ import './index-cca9747a.js';
 import './lodash-f6e59a8e.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const resetPasswordCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host>*{width:100%}:host p{margin:0;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-button{max-width:18.75rem;margin:auto;margin-top:var(--spacing-16, 1rem)}:host yoo-form-dynamic.margin-top{margin-top:var(--spacing-48, 3rem)}:host yoo-empty-state{height:15rem;margin-top:var(--spacing-08, 0.5rem)}:host yoo-form-input{display:block;max-width:18.75rem;margin:auto}";
+const resetPasswordCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host>*{width:100%}:host p{margin:0;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-button{max-width:18.75rem;margin:auto;margin-top:var(--spacing-16, 1rem)}:host yoo-form-dynamic.margin-top{margin-top:var(--spacing-48, 3rem)}:host yoo-empty-state{height:15rem;margin-top:var(--spacing-08, 0.5rem)}:host yoo-form-input-container{display:block;max-width:18.75rem;margin:auto}:host yoo-form-input-container.web{font-size:var(--font-size-12, 0.75rem)}";
 
 const YooResetPasswordComponent = class {
   constructor(hostRef) {
@@ -60,12 +60,12 @@ const YooResetPasswordComponent = class {
   }
   renderRequest() {
     return [
-      !!this.instruction && h("p", null, this.instruction),
+      !!this.instruction && h("p", { style: { maxWidth: '350px', margin: '0 auto' } }, this.instruction),
       h("yoo-empty-state", { ref: (el) => (this.emptyState = el), type: this.isMagicLink ? 'magic-link' : 'password' }),
-      h("yoo-form-input-container", { field: { title: translate('YOOBICUSERNAME') }, hideOptional: true, hideLabel: true }, h("yoo-form-input", { ref: (el) => (this.emailInput = el), validators: [{ name: 'required' }], type: "email", uiValidation: { valid: false, invalid: false }, onInputChanged: (event) => this.onInputChanged(event), placeholder: translate('YOOBICUSERNAMEENTER'),
-        //! Do not set up onInputBlur without confirming on mobile device (We don't want to have to press submit more than once)
+      h("yoo-form-input-container", { field: { title: 'YOOBICUSERNAME' }, hideOptional: true, useUppercaseLabel: true }, h("yoo-form-input", { ref: (el) => (this.emailInput = el), iconPrefixColor: 'app-color', validators: [{ name: 'required' }], type: "email", uiValidation: { valid: false, invalid: false }, onInputChanged: (event) => this.onInputChanged(event), placeholder: translate('YOOBICUSERNAMEENTER'),
+        //! Do not set up onInputBlur without confirming on mobile device. We don't want to have to press submit more than once
         size: isWeb(this.host) ? 'medium' : 'large' })),
-      h("yoo-button", { ref: (el) => (this.submitButton = el), size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, class: "expanded", onClick: () => this.onSubmit() }, translate('SUBMIT'))
+      h("yoo-button", { ref: (el) => (this.submitButton = el), size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, class: "expanded", onClick: () => this.onSubmit() }, this.isMagicLink ? translate('YOOBICMAGICLINK') : translate('YOOBICRESETPASSWORD'))
     ];
   }
   renderResetForm() {
@@ -87,6 +87,7 @@ const YooResetPasswordComponent = class {
           },
           {
             type: FormFieldType.password,
+            iconPrefixColor: 'app-color',
             name: 'newpassword',
             placeholder: 'NEWPASSWORD',
             required: true,
@@ -95,6 +96,7 @@ const YooResetPasswordComponent = class {
           },
           {
             type: FormFieldType.password,
+            iconPrefixColor: 'app-color',
             name: 'verify',
             placeholder: 'CONFIRMPASSWORD',
             required: true,
@@ -104,7 +106,7 @@ const YooResetPasswordComponent = class {
         ]
       }
     ];
-    return h("yoo-form-dynamic", { class: "margin-top", animated: false, slides: slides, showRecap: false, showSave: true, skipValidation: true, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onSave: () => this.onSubmit() }, h("div", { slot: "footer" }, h("yoo-button", { size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, onClick: () => this.onSubmit() }, translate('SUBMIT'))));
+    return (h("yoo-form-dynamic", { class: "margin-top", animated: false, slides: slides, showRecap: false, showSave: true, skipValidation: true, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onSave: () => this.onSubmit() }, h("div", { slot: "footer" }, h("yoo-button", { size: isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, onClick: () => this.onSubmit() }, translate('SUBMIT')))));
   }
   render() {
     return h("div", null, this.token ? this.renderResetForm() : this.renderRequest());