@seliaco/giant-panda-components - npm Package Compare versions

Comparing version 1.0.20 to 1.0.21

dist/constants/translations.d.ts

@@ -16,2 +16,6 @@ export declare const translations: {
             b2bFooterDemo: string;
+            video: string;
+            videoSubtitle: string;
+            videoFooter: string;
+            videoFooterAction: string;
         };
@@ -33,2 +37,6 @@ };
             b2bFooterDemo: string;
+            video: string;
+            videoSubtitle: string;
+            videoFooter: string;
+            videoFooterAction: string;
         };
@@ -50,2 +58,6 @@ };
             b2bFooterDemo: string;
+            video: string;
+            videoSubtitle: string;
+            videoFooter: string;
+            videoFooterAction: string;
         };
@@ -52,0 +64,0 @@ };

dist/index.js

@@ -703,3 +703,7 @@ (function (global, factory) {
             b2bFooter: "¿Quieres pertenecer a Selia empresas?",
-            b2bFooterDemo: "Solicitar demo aquí"
+            b2bFooterDemo: "Solicitar demo aquí",
+            video: "Selia Video",
+            videoSubtitle: "Ingresa tus credenciales de la app de Selia.",
+            videoFooter: "¿Aún no tienes cuenta?",
+            videoFooterAction: "Ingresa como invitado"
         },
@@ -720,3 +724,7 @@ };
             b2bFooter: "Do you want to join Selia companies?",
-            b2bFooterDemo: "Request demo here"
+            b2bFooterDemo: "Request demo here",
+            video: "Selia Video",
+            videoSubtitle: "Enter your Selia app credentials",
+            videoFooter: "Don't have an account yet?",
+            videoFooterAction: "Enter as a guest"
         },
@@ -737,3 +745,7 @@ };
             b2bFooter: "Quer fazer parte da Selia empresas?",
-            b2bFooterDemo: "Solicitar demo aqui"
+            b2bFooterDemo: "Solicitar demo aqui",
+            video: "Selia Vídeo",
+            videoSubtitle: "Insira suas credenciais do app da Selia.",
+            videoFooter: "Ainda não tem uma conta?",
+            videoFooterAction: "Entrar como convidado"
         },
@@ -761,3 +773,3 @@ };
       <field-component
-        label="Password"
+        label="${this.label}"
         id="${this.id}"
@@ -836,3 +848,3 @@ error="${this.error}"
       <field-component
-        label="Email"
+        label="${this.label}"
         id="${this.id}"
@@ -882,3 +894,3 @@ error="${this.error}"
         validateOrigin() {
-            const validOrigins = ['usr', 'spe', 'b2b'];
+            const validOrigins = ['usr', 'spe', 'b2b', 'vid'];
             if (!validOrigins.includes(this.origin)) {
@@ -912,3 +924,3 @@ throw new Error(`Login Form | Invalid origin: "${this.origin}". Origin most be one of "usr", "spe" or "b2b"`);
         }
-        handleDemoRequest() {
+        handleFooterAction() {
             const options = {
@@ -918,7 +930,15 @@ bubbles: true,
             };
-            return this.dispatchEvent(new CustomEvent('request-demo', options));
+            return this.dispatchEvent(new CustomEvent('footer-action', options));
         }
         get header() {
             const logo = assets.logotipo;
-            const postLogoText = this.origin === 'b2b' ? this.translations?.login?.b2b : '';
+            let postLogoText = '';
+            switch (this.origin) {
+                case 'b2b':
+                    postLogoText = this.translations?.login?.b2b;
+                    break;
+                case 'vid':
+                    postLogoText = this.translations?.login?.video;
+                    break;
+            }
             return x `
@@ -933,25 +953,46 @@ <div class="login-form-header">
         get subtitle() {
-            if (this.origin !== 'b2b') {
-                return;
+            switch (this.origin) {
+                case 'b2b':
+                    return x `
+          <div class="body-small">
+            ${this.translations?.login?.b2bSubtitle}
+          </div>
+        `;
+                case 'vid':
+                    return x `
+          <div class="body-small">
+              ${this.translations?.login?.videoSubtitle}
+          </div>
+        `;
+                default:
+                    return '';
             }
-            return x `
-      <div class="body-small">
-        ${this.translations?.login?.b2bSubtitle}
-      </div>
-    `;
         }
         get footer() {
-            if (this.origin !== 'b2b') {
-                return;
+            switch (this.origin) {
+                case 'b2b':
+                    return x `
+          <div class="body">
+            <span>
+              ${this.translations?.login?.b2bFooter}
+            </span>
+            <span class="content-title link" @click="${this.handleFooterAction}">
+              ${this.translations?.login?.b2bFooterDemo}
+            </span>
+          </div>
+        `;
+                case 'vid':
+                    return x `
+          <div class="body">
+            <span>
+              ${this.translations?.login?.videoFooter}
+            </span>
+            <span class="content-title link" @click="${this.handleFooterAction}">
+              ${this.translations?.login?.videoFooterAction}
+            </span>
+          </div>
+        `;
+                default:
+                    return '';
             }
-            return x `
-      <div class="body">
-        <span>
-          ${this.translations?.login?.b2bFooter}
-        </span>
-        <span class="content-title link" @click="${this.handleDemoRequest}">
-          ${this.translations?.login?.b2bFooterDemo}
-        </span>
-      </div>
-    `;
         }
@@ -964,2 +1005,4 @@ ;
             const forgotText = this.translations?.login?.forgotPassword;
+            const emailLabel = this.translations?.login?.email;
+            const passwordLabel = this.translations?.login?.password;
             return x `
@@ -979,2 +1022,3 @@ ${linkImport}
           class="login-form-field"
+          label="${emailLabel}"
           value="${this.formValue.email}"
@@ -986,2 +1030,3 @@ @change="${this.handleEmailChange}">
           class="login-form-field"
+          label="${passwordLabel}"
           value="${this.formValue.password}"
@@ -1011,9 +1056,2 @@ enabledRegex
     exports.LoginForm.styles = i$2 `
-    ::slotted(button) {
-      width: 100%;
-    }
-    :root {
-      --button-width: 100%;
-    }  
-    
     .login-form {
@@ -1020,0 +1058,0 @@ display: flex;

dist/widgets/LoginForm.d.ts

 import { LitElement } from 'lit';
 export declare class LoginForm extends LitElement {
     lang: string;
-    origin: 'usr' | 'spe' | 'b2b';
+    origin: 'usr' | 'spe' | 'b2b' | 'vid';
     static styles: import("lit").CSSResult;
@@ -13,3 +13,3 @@ private formValue;
     private handleForgotPassword;
-    private handleDemoRequest;
+    private handleFooterAction;
     private get header();
@@ -16,0 +16,0 @@ private get subtitle();

package.json

 {
-  "version": "1.0.20",
+  "version": "1.0.21",
   "name": "@seliaco/giant-panda-components",
@@ -4,0 +4,0 @@ "type": "module",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

75057

increased by2.96%

Lines of code

1393

increased by3.8%

No dependency changes