@licklist/design 0.53.0-dev.1 → 0.53.0-dev.3

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.
@@ -1 +1 @@
1
- {"version":3,"file":"LoginComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Login/LoginComponent.tsx"],"names":[],"mappings":";AAuBA,KAAK,mBAAmB,GAAG;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,cAAc,yCAGjB,mBAAmB,gBA0GrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"LoginComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Login/LoginComponent.tsx"],"names":[],"mappings":";AAuBA,KAAK,mBAAmB,GAAG;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,cAAc,yCAGjB,mBAAmB,gBAkHrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -1 +1 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),i=e(r),n=require("react-router-dom"),o=e(require("@licklist/plugins/dist/context/user/hooks/useUser")),s=e(require("@licklist/plugins/dist/services/Route/RouteService")),a=e(require("@licklist/plugins/dist/context/user/hooks/useAuth")),c=require("../../static/loader/LoaderIndicator.js"),l=require("react-i18next"),u=require("../Router.js"),d=e(require("react-bootstrap/Row")),m=e(require("react-bootstrap/Col")),g=e(require("@licklist/plugins/dist/context/app/RequestContext")),p=e(require("@licklist/plugins/dist/hooks/Api/useUserApi")),f=e(require("@licklist/plugins/dist/context/app/hooks/useNotification")),v=e(require("@licklist/plugins/dist/context/user/hooks/useInvite")),q=require("../Social/SocialFormComponent.js"),h=require("./LoginFormComponent.js"),k=require("../../static/FormCard.js"),E=require("../../logo/Logo.js"),_=require("../../assets/logo/bookedit.svg.js");exports.LoginComponent=function(e){var x=e.hideSignUpLink,L=void 0!==x&&x,S=e.showSocialLinks,j=void 0!==S&&S,b=l.useTranslation(["Notification","User"]).t,C=r.useContext(g),N=f(),F=a(),R=o(),w=v(),y=t.__read(r.useState(!1),2),I=y[0],T=y[1],U=p(C),A=function(e){N.danger({title:"Error",message:e.message})};return i.createElement(u.Router,null,i.createElement(d,{className:"justify-content-center"},i.createElement(m,{xs:!0,sm:12,md:7,lg:6,xl:5,className:"align-self-center"},i.createElement(i.Fragment,null,i.createElement("h1",{className:"text-center"},b("User:loginTitle")),i.createElement("div",{className:"login d-flex pb-4 justify-content-center"},i.createElement(E.default,{logo:i.createElement(_.ReactComponent,null)})),!L&&i.createElement("h6",{className:"text-center"},i.createElement(l.Trans,{t:b,i18nKey:"loginPromo"},"Don't have account? ",i.createElement(n.Link,{to:"/register"},"Sign up"),".")),i.createElement(k.default,null,j&&i.createElement(i.Fragment,null,i.createElement(q.SocialFormComponent,{isLoading:I,setIsLoading:T}),i.createElement("hr",{className:"mb-2"})),i.createElement(h.LoginFormComponent,{isLoading:I,setIsLoading:T,onSubmit:function(e){return t.__awaiter(void 0,void 0,void 0,(function(){var r,i;return t.__generator(this,(function(n){switch(n.label){case 0:return[4,(o=e,t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){return[2,U.login(o).catch(A)]}))})))];case 1:return(r=n.sent())?(function(e){F.setSecrets(e)}(r),U.setAuthorizationToken(r.access_token),[4,t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){return[2,U.profile().catch(A)]}))}))]):[2];case 2:return(i=n.sent())?(R.login(i.data),w.clearInvitation(),N.success({title:"Success",message:b("Notification:loggedSuccessfully")}),s.redirectTo("/"),[2]):[2]}var o}))}))},invitation:w.invitation}),i.createElement(c.LoaderIndicator,{isLoaded:!I}))))))};
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),i=e(r),n=require("react-router-dom"),o=e(require("@licklist/plugins/dist/context/user/hooks/useUser")),s=e(require("@licklist/plugins/dist/services/Route/RouteService")),a=e(require("@licklist/plugins/dist/context/user/hooks/useAuth")),c=require("../../static/loader/LoaderIndicator.js"),l=require("react-i18next"),u=require("../Router.js"),d=e(require("react-bootstrap/Row")),m=e(require("react-bootstrap/Col")),g=e(require("@licklist/plugins/dist/context/app/RequestContext")),f=e(require("@licklist/plugins/dist/hooks/Api/useUserApi")),p=e(require("@licklist/plugins/dist/context/app/hooks/useNotification")),v=e(require("@licklist/plugins/dist/context/user/hooks/useInvite")),q=require("../Social/SocialFormComponent.js"),h=require("./LoginFormComponent.js"),E=require("../../static/FormCard.js"),k=require("../../logo/Logo.js"),_=require("../../assets/logo/bookedit.svg.js");exports.LoginComponent=function(e){var x=e.hideSignUpLink,L=void 0!==x&&x,S=e.showSocialLinks,j=void 0!==S&&S,b=l.useTranslation(["Notification","User"]).t,C=r.useContext(g),N=p(),F=a(),R=o(),w=v(),y=t.__read(r.useState(!1),2),I=y[0],T=y[1],U=f(C),A=function(e){N.danger({title:"Error",message:e.message})};return r.useEffect((function(){R.profile&&F.secrets&&s.redirectTo("/")}),[R.profile,F.secrets]),i.createElement(u.Router,null,i.createElement(d,{className:"justify-content-center"},i.createElement(m,{xs:!0,sm:12,md:7,lg:6,xl:5,className:"align-self-center"},i.createElement(i.Fragment,null,i.createElement("h1",{className:"text-center"},b("User:loginTitle")),i.createElement("div",{className:"login d-flex pb-4 justify-content-center"},i.createElement(k.default,{logo:i.createElement(_.ReactComponent,null)})),!L&&i.createElement("h6",{className:"text-center"},i.createElement(l.Trans,{t:b,i18nKey:"loginPromo"},"Don't have account? ",i.createElement(n.Link,{to:"/register"},"Sign up"),".")),i.createElement(E.default,null,j&&i.createElement(i.Fragment,null,i.createElement(q.SocialFormComponent,{isLoading:I,setIsLoading:T}),i.createElement("hr",{className:"mb-2"})),i.createElement(h.LoginFormComponent,{isLoading:I,setIsLoading:T,onSubmit:function(e){return t.__awaiter(void 0,void 0,void 0,(function(){var r,i;return t.__generator(this,(function(n){switch(n.label){case 0:return[4,(o=e,t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){return[2,U.login(o).catch(A)]}))})))];case 1:return(r=n.sent())?(function(e){F.setSecrets(e)}(r),U.setAuthorizationToken(r.access_token),[4,t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){return[2,U.profile().catch(A)]}))}))]):[2];case 2:return(i=n.sent())?(R.login(i.data),w.clearInvitation(),N.success({title:"Success",message:b("Notification:loggedSuccessfully")}),s.redirectTo("/"),[2]):[2]}var o}))}))},invitation:w.invitation}),i.createElement(c.LoaderIndicator,{isLoaded:!I}))))))};
@@ -188,8 +188,12 @@
188
188
  }
189
189
  }
190
190
 
191
- @include media-breakpoint-between(md, lg) {
192
- flex-wrap: nowrap;
191
+ @include media-breakpoint-down(xl) {
192
+ flex-wrap: wrap;
193
+
194
+ .apply-container {
195
+ margin-left: 4rem;
196
+ }
193
197
 
194
198
  .date-container {
195
199
  width: auto;
@@ -197,6 +197,7 @@ $grid-breakpoints: (
197
197
  md: 768px,
198
198
  lg: 992px,
199
199
  xl: 1200px,
200
+ xxl: 1500px,
200
201
  ) !default;
201
202
 
202
203
  @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@@ -211,6 +212,7 @@ $container-max-widths: (
211
212
  md: 720px,
212
213
  lg: 960px,
213
214
  xl: 1140px,
215
+ xxl: 1500px,
214
216
  ) !default;
215
217
 
216
218
  @include _assert-ascending($container-max-widths, "$container-max-widths");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.53.0-dev.1",
3
+ "version": "0.53.0-dev.3",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -1,4 +1,4 @@
1
- import React, { useContext, useState } from "react";
1
+ import React, { useContext, useEffect, useState } from "react";
2
2
  import Row from "react-bootstrap/Row";
3
3
  import Col from "react-bootstrap/Col";
4
4
  import { Trans, useTranslation } from "react-i18next";
@@ -90,6 +90,14 @@ const LoginComponent = ({
90
90
  RouteService.redirectTo("/");
91
91
  };
92
92
 
93
+ useEffect(() => {
94
+ if (!user.profile || !auth.secrets) {
95
+ return;
96
+ }
97
+
98
+ RouteService.redirectTo("/");
99
+ }, [user.profile, auth.secrets]);
100
+
93
101
  return (
94
102
  <Router>
95
103
  <Row className="justify-content-center">
@@ -188,8 +188,12 @@
188
188
  }
189
189
  }
190
190
 
191
- @include media-breakpoint-between(md, lg) {
192
- flex-wrap: nowrap;
191
+ @include media-breakpoint-down(xl) {
192
+ flex-wrap: wrap;
193
+
194
+ .apply-container {
195
+ margin-left: 4rem;
196
+ }
193
197
 
194
198
  .date-container {
195
199
  width: auto;
@@ -197,6 +197,7 @@ $grid-breakpoints: (
197
197
  md: 768px,
198
198
  lg: 992px,
199
199
  xl: 1200px,
200
+ xxl: 1500px,
200
201
  ) !default;
201
202
 
202
203
  @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@@ -211,6 +212,7 @@ $container-max-widths: (
211
212
  md: 720px,
212
213
  lg: 960px,
213
214
  xl: 1140px,
215
+ xxl: 1500px,
214
216
  ) !default;
215
217
 
216
218
  @include _assert-ascending($container-max-widths, "$container-max-widths");