2 lines
7.6 KiB
JavaScript
2 lines
7.6 KiB
JavaScript
import{a as F,c as q,d as j,e as A,g as R}from"./chunk-7YTCZJV6.js";import"./chunk-66PBOFKL.js";import"./chunk-NYYADJNO.js";import"./chunk-CTXOKINH.js";import"./chunk-M5XZ5N2D.js";import{a as W}from"./chunk-GPI43RSU.js";import{a as v,b as w,c as S,d as b,f as y,i as E}from"./chunk-6NRCTHHS.js";import"./chunk-RC3JXGN6.js";import{a as L,b as I}from"./chunk-N6VRXIQE.js";import"./chunk-GWD5A44H.js";import"./chunk-52JZ5I3Y.js";import{Aa as G,j as P,w as O,wa as k,ya as T,za as z}from"./chunk-COFYR5MX.js";import{Db as M,Eb as f,Hb as s,Ib as g,Jb as h,Kb as e,Lb as t,Mb as x,Qb as p,Rb as u,Xb as l,Za as r,da as d,lc as n,mc as m,ob as C}from"./chunk-2MUIW2M6.js";var B=(i,a)=>a.text;function N(i,a){if(i&1&&(e(0,"mat-list-item")(1,"mat-icon",14),n(2),t(),e(3,"span",15),n(4),t()()),i&2){let o=a.$implicit;r(2),m(o.icon),r(2),m(o.text)}}function $(i,a){i&1&&(p(0),x(1,"mat-spinner",16),e(2,"span"),n(3,"Starting Session..."),t(),u())}function U(i,a){i&1&&(p(0),e(1,"mat-icon"),n(2,"play_arrow"),t(),e(3,"span"),n(4,"Try as Guest"),t(),u())}function H(i,a){if(i&1&&(e(0,"mat-list-item")(1,"mat-icon",14),n(2),t(),e(3,"span",15),n(4),t()()),i&2){let o=a.$implicit;r(2),m(o.icon),r(2),m(o.text)}}var D=class i{guestService=d(W);router=d(O);isLoading=!1;guestFeatures=[{icon:"quiz",text:"Take up to 3 quizzes per day"},{icon:"category",text:"Access selected categories"},{icon:"timer",text:"24-hour session validity"},{icon:"phone_android",text:"No installation required"}];registeredFeatures=[{icon:"all_inclusive",text:"Unlimited quizzes"},{icon:"lock_open",text:"Access all categories"},{icon:"trending_up",text:"Track your progress"},{icon:"bookmark",text:"Bookmark questions"},{icon:"history",text:"View quiz history"},{icon:"emoji_events",text:"Earn achievements"}];startGuestSession(){this.isLoading=!0,this.guestService.startSession().subscribe({next:()=>{this.isLoading=!1,this.router.navigate(["/categories"])},error:()=>{this.isLoading=!1}})}navigateToRegister(){this.router.navigate(["/register"])}navigateToLogin(){this.router.navigate(["/login"])}static \u0275fac=function(o){return new(o||i)};static \u0275cmp=C({type:i,selectors:[["app-guest-welcome"]],decls:46,vars:2,consts:[[1,"guest-welcome-container"],[1,"welcome-card"],[1,"welcome-icon"],[1,"mode-section"],[1,"mode-header"],["color","accent"],[1,"mode-description"],[1,"features-list"],["mat-raised-button","","color","accent",1,"action-button",3,"click","disabled"],[1,"divider"],["color","primary"],[1,"button-group"],["mat-raised-button","","color","primary",1,"action-button",3,"click"],["mat-stroked-button","","color","primary",3,"click"],["matListItemIcon",""],["matListItemTitle",""],["diameter","20"]],template:function(o,c){o&1&&(e(0,"div",0)(1,"mat-card",1)(2,"mat-card-header")(3,"mat-icon",2),n(4,"waving_hand"),t(),e(5,"mat-card-title"),n(6,"Welcome to Interview Quiz!"),t(),e(7,"mat-card-subtitle"),n(8,"Choose how you'd like to continue"),t()(),e(9,"mat-card-content")(10,"div",3)(11,"div",4)(12,"mat-icon",5),n(13,"visibility"),t(),e(14,"h3"),n(15,"Try as Guest"),t()(),e(16,"p",6),n(17," Start exploring immediately without creating an account. "),t(),e(18,"mat-list",7),s(19,N,5,2,"mat-list-item",null,B),t(),e(21,"button",8),l("click",function(){return c.startGuestSession()}),M(22,$,4,0,"ng-container")(23,U,5,0,"ng-container"),t()(),e(24,"div",9)(25,"span"),n(26,"OR"),t()(),e(27,"div",3)(28,"div",4)(29,"mat-icon",10),n(30,"account_circle"),t(),e(31,"h3"),n(32,"Create an Account"),t()(),e(33,"p",6),n(34," Get the full experience with unlimited access. "),t(),e(35,"mat-list",7),s(36,H,5,2,"mat-list-item",null,B),t(),e(38,"div",11)(39,"button",12),l("click",function(){return c.navigateToRegister()}),e(40,"mat-icon"),n(41,"person_add"),t(),n(42," Sign Up "),t(),e(43,"button",13),l("click",function(){return c.navigateToLogin()}),e(44,"span"),n(45,"Already have an account? Login"),t()()()()()()()),o&2&&(r(19),g(c.guestFeatures),r(2),h("disabled",c.isLoading),r(),f(c.isLoading?22:23),r(14),g(c.registeredFeatures))},dependencies:[P,E,v,S,y,b,w,T,k,G,z,R,j,A,q,F,I,L],styles:['.guest-welcome-container[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--accent-color-light) 100%)}.welcome-card[_ngcontent-%COMP%]{max-width:900px;width:100%}.welcome-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem}.welcome-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .welcome-icon[_ngcontent-%COMP%]{font-size:64px;width:64px;height:64px;color:var(--primary-color);margin-bottom:1rem}.welcome-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] mat-card-title[_ngcontent-%COMP%]{font-size:2rem;font-weight:600;margin-bottom:.5rem}.welcome-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] mat-card-subtitle[_ngcontent-%COMP%]{font-size:1.1rem;opacity:.8}.welcome-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%]{padding:2rem}.mode-section[_ngcontent-%COMP%]{padding:1.5rem;border-radius:8px;background:var(--surface-color)}.mode-section[_ngcontent-%COMP%] .mode-header[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mode-section[_ngcontent-%COMP%] .mode-header[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:32px;width:32px;height:32px}.mode-section[_ngcontent-%COMP%] .mode-header[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin:0;font-size:1.5rem;font-weight:600}.mode-section[_ngcontent-%COMP%] .mode-description[_ngcontent-%COMP%]{margin:0 0 1.5rem;font-size:1rem;color:var(--text-secondary)}.mode-section[_ngcontent-%COMP%] .features-list[_ngcontent-%COMP%]{margin-bottom:1.5rem}.mode-section[_ngcontent-%COMP%] .features-list[_ngcontent-%COMP%] mat-list-item[_ngcontent-%COMP%]{height:auto;min-height:48px;padding:.5rem 0}.mode-section[_ngcontent-%COMP%] .features-list[_ngcontent-%COMP%] mat-list-item[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:var(--primary-color);margin-right:1rem}.mode-section[_ngcontent-%COMP%] .action-button[_ngcontent-%COMP%]{width:100%;height:48px;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.mode-section[_ngcontent-%COMP%] .action-button[_ngcontent-%COMP%] mat-spinner[_ngcontent-%COMP%]{margin-right:.5rem}.mode-section[_ngcontent-%COMP%] .button-group[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:1rem}.mode-section[_ngcontent-%COMP%] .button-group[_ngcontent-%COMP%] .action-button[_ngcontent-%COMP%]{margin-bottom:.5rem}.divider[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;margin:2rem 0;position:relative}.divider[_ngcontent-%COMP%]:before, .divider[_ngcontent-%COMP%]:after{content:"";flex:1;height:1px;background:var(--divider-color)}.divider[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{padding:0 1rem;font-weight:600;color:var(--text-secondary)}@media (max-width: 768px){.guest-welcome-container[_ngcontent-%COMP%]{padding:1rem}.welcome-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%]{padding:1.5rem}.welcome-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .welcome-icon[_ngcontent-%COMP%]{font-size:48px;width:48px;height:48px}.welcome-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] mat-card-title[_ngcontent-%COMP%]{font-size:1.5rem}.welcome-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%]{padding:1rem}.mode-section[_ngcontent-%COMP%]{padding:1rem}.mode-section[_ngcontent-%COMP%] .mode-header[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-size:1.25rem}}']})};export{D as GuestWelcomeComponent};
|