@licklist/design 0.66.13 → 0.67.1

package/dist/auth/ChangePassword/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./ChangePasswordComponent";
-export * from "./ChangePasswordFormComponent";
+export * from "./ChangePasswordComponent";
+export * from "./ChangePasswordFormComponent";
 //# sourceMappingURL=index.d.ts.map

package/dist/auth/Layout/AuthNavComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-declare function AuthNavComponent(): JSX.Element;
-export { AuthNavComponent };
+declare function AuthNavComponent(): import("react/jsx-runtime").JSX.Element;
+export { AuthNavComponent };
 //# sourceMappingURL=AuthNavComponent.d.ts.map

package/dist/auth/Layout/AuthNavComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthNavComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Layout/AuthNavComponent.tsx"],"names":[],"mappings":";AAMA,iBAAS,gBAAgB,gBAqBxB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"AuthNavComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Layout/AuthNavComponent.tsx"],"names":[],"mappings":"AAKA,iBAAS,gBAAgB,4CAqBxB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/auth/Layout/AuthNavComponent.js

@@ -1 +1,32 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-router-dom"),n=require("react-i18next"),i=require("../../static/StyledButton.js"),l=require("../Router.js");exports.AuthNavComponent=function(){var e=n.useTranslation("User").t;return r.createElement(l.Router,null,r.createElement(a.Link,{to:"/login"},r.createElement(i.default,{size:"sm",className:"rounded-pill mr-2"},e("login"))),r.createElement(a.Link,{to:"/register"},r.createElement(i.default,{size:"sm",className:"rounded-pill",variant:"outline-secondary"},e("register"))))};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import StyledButton from '../../static/StyledButton.js';
+import { Router } from '../Router.js';
+
+function AuthNavComponent() {
+    var t = useTranslation("User").t;
+    return /*#__PURE__*/ jsxs(Router, {
+        children: [
+            /*#__PURE__*/ jsx(Link, {
+                to: "/login",
+                children: /*#__PURE__*/ jsx(StyledButton, {
+                    size: "sm",
+                    className: "rounded-pill mr-2",
+                    children: t("login")
+                })
+            }),
+            /*#__PURE__*/ jsx(Link, {
+                to: "/register",
+                children: /*#__PURE__*/ jsx(StyledButton, {
+                    size: "sm",
+                    className: "rounded-pill",
+                    variant: "outline-secondary",
+                    children: t("register")
+                })
+            })
+        ]
+    });
+}
+
+export { AuthNavComponent };

package/dist/auth/Layout/UserNavComponent.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { IUser } from "@licklist/plugins/dist/types/context/user/IUser";
-export interface UserNavComponentProps {
-    user: IUser;
-}
-declare function UserNavComponent(props: UserNavComponentProps): JSX.Element;
-export { UserNavComponent };
+import { IUser } from "@licklist/plugins/dist/types/context/user/IUser";
+export interface UserNavComponentProps {
+    user: IUser;
+}
+declare function UserNavComponent(props: UserNavComponentProps): import("react/jsx-runtime").JSX.Element;
+export { UserNavComponent };
 //# sourceMappingURL=UserNavComponent.d.ts.map

package/dist/auth/Layout/UserNavComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserNavComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Layout/UserNavComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AAMxE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC;CACb;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAgBrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"UserNavComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Layout/UserNavComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AAMxE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC;CACb;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAgBrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/auth/Layout/UserNavComponent.js

@@ -1 +1,30 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("react")),t=e(require("react-bootstrap/Dropdown")),o=require("./UserNavDropDown.js"),n=require("./UserNavDropDownToggle.js"),a=require("../../layout/DropDown.js"),u=require("../../layout/DropDownToggle.js");exports.UserNavComponent=function(e){var s=e.user;return r.createElement(r.Fragment,null,r.createElement(t,{className:"user-nav-container"},r.createElement(t.Toggle,{as:u.default,id:"dropdown-user-components"},r.createElement(n.UserNavDropDownToggle,{user:s})),r.createElement(t.Menu,{as:a.default},r.createElement(o.UserNavDropDown,null))))};
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import Dropdown from 'react-bootstrap/Dropdown';
+import { UserNavDropDown } from './UserNavDropDown.js';
+import { UserNavDropDownToggle } from './UserNavDropDownToggle.js';
+import DropDown from '../../layout/DropDown.js';
+import DropDownToggle from '../../layout/DropDownToggle.js';
+
+function UserNavComponent(props) {
+    var user = props.user;
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsxs(Dropdown, {
+            className: "user-nav-container",
+            children: [
+                /*#__PURE__*/ jsx(Dropdown.Toggle, {
+                    as: DropDownToggle,
+                    id: "dropdown-user-components",
+                    children: /*#__PURE__*/ jsx(UserNavDropDownToggle, {
+                        user: user
+                    })
+                }),
+                /*#__PURE__*/ jsx(Dropdown.Menu, {
+                    as: DropDown,
+                    children: /*#__PURE__*/ jsx(UserNavDropDown, {})
+                })
+            ]
+        })
+    });
+}
+
+export { UserNavComponent };

package/dist/auth/Layout/UserNavDropDown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-declare function UserNavDropDown(): JSX.Element;
-export { UserNavDropDown };
+declare function UserNavDropDown(): import("react/jsx-runtime").JSX.Element;
+export { UserNavDropDown };
 //# sourceMappingURL=UserNavDropDown.d.ts.map

package/dist/auth/Layout/UserNavDropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserNavDropDown.d.ts","sourceRoot":"","sources":["../../../src/auth/Layout/UserNavDropDown.tsx"],"names":[],"mappings":";AAMA,iBAAS,eAAe,gBAiBvB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"UserNavDropDown.d.ts","sourceRoot":"","sources":["../../../src/auth/Layout/UserNavDropDown.tsx"],"names":[],"mappings":"AAKA,iBAAS,eAAe,4CAiBvB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/auth/Layout/UserNavDropDown.js

@@ -1 +1,23 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),r=e(require("@licklist/plugins/dist/context/user/hooks/useUser")),o=e(require("@licklist/plugins/dist/services/Route/RouteService")),i=require("react-i18next"),u=e(require("react-bootstrap/Dropdown"));exports.UserNavDropDown=function(){var e=i.useTranslation("App").t,n=r();return t.createElement(t.Fragment,null,t.createElement(u.Item,{eventKey:"1",onClick:function(){n.logout(),o.redirectTo("/")}},e("logout")))};
+import { jsx, Fragment } from 'react/jsx-runtime';
+import Dropdown from 'react-bootstrap/Dropdown';
+import { useTranslation } from 'react-i18next';
+import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
+import useUser from '@licklist/plugins/dist/context/user/hooks/useUser';
+
+function UserNavDropDown() {
+    var t = useTranslation("App").t;
+    var user = useUser();
+    var onLogoutHandler = function() {
+        user.logout();
+        RouteService.redirectTo("/");
+    };
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx(Dropdown.Item, {
+            eventKey: "1",
+            onClick: onLogoutHandler,
+            children: t("logout")
+        })
+    });
+}
+
+export { UserNavDropDown };

package/dist/auth/Layout/UserNavDropDownToggle.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { IUser } from "@licklist/plugins/dist/types/context/user/IUser";
-export interface UserNavDropDownToggleProps {
-    user: IUser;
-}
-declare function UserNavDropDownToggle(props: UserNavDropDownToggleProps): JSX.Element;
-export { UserNavDropDownToggle };
+import { IUser } from "@licklist/plugins/dist/types/context/user/IUser";
+export interface UserNavDropDownToggleProps {
+    user: IUser;
+}
+declare function UserNavDropDownToggle(props: UserNavDropDownToggleProps): import("react/jsx-runtime").JSX.Element;
+export { UserNavDropDownToggle };
 //# sourceMappingURL=UserNavDropDownToggle.d.ts.map

package/dist/auth/Layout/UserNavDropDownToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserNavDropDownToggle.d.ts","sourceRoot":"","sources":["../../../src/auth/Layout/UserNavDropDownToggle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AAGxE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,KAAK,CAAC;CACb;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAmB/D;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"UserNavDropDownToggle.d.ts","sourceRoot":"","sources":["../../../src/auth/Layout/UserNavDropDownToggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AAGxE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,KAAK,CAAC;CACb;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAmB/D;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/auth/Layout/UserNavDropDownToggle.js

@@ -1 +1,32 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,t=require("react-i18next"),n=require("../../static/images/DefaultUserImage.js");exports.UserNavDropDownToggle=function(e){var r=t.useTranslation("App").t,l=e.user;return a.createElement(a.Fragment,null,a.createElement("span",{className:"header-user-name mr-2 d-none d-lg-inline text-gray-600 small"},a.createElement(t.Trans,{t:r,i18nKey:"userPromo"},"Hi, ",{name:null==l?void 0:l.first_name})),a.createElement(n.default,{className:"header-user-image img-profile rounded-circle",alt:null==l?void 0:l.last_name,roundedCircle:!0}))};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslation, Trans } from 'react-i18next';
+import Icon from '../../static/images/DefaultUserImage.js';
+
+function UserNavDropDownToggle(props) {
+    var t = useTranslation("App").t;
+    var user = props.user;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "header-user-name mr-2 d-none d-lg-inline text-gray-600 small",
+                children: /*#__PURE__*/ jsxs(Trans, {
+                    t: t,
+                    i18nKey: "userPromo",
+                    children: [
+                        "Hi, ",
+                        {
+                            name: user === null || user === void 0 ? void 0 : user.first_name
+                        }
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(Icon, {
+                className: "header-user-image img-profile rounded-circle",
+                alt: user === null || user === void 0 ? void 0 : user.last_name,
+                roundedCircle: true
+            })
+        ]
+    });
+}
+
+export { UserNavDropDownToggle };

package/dist/auth/Layout/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./AuthNavComponent";
-export * from "./UserNavComponent";
-export * from "./UserNavDropDown";
-export * from "./UserNavDropDownToggle";
+export * from "./AuthNavComponent";
+export * from "./UserNavComponent";
+export * from "./UserNavDropDown";
+export * from "./UserNavDropDownToggle";
 //# sourceMappingURL=index.d.ts.map

package/dist/auth/Login/LoginComponent.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-type LoginComponentProps = {
-    hideSignUpLink?: boolean;
-    showSocialLinks?: boolean;
-};
-declare const LoginComponent: ({ hideSignUpLink, showSocialLinks, }: LoginComponentProps) => JSX.Element;
-export { LoginComponent };
+type LoginComponentProps = {
+    hideSignUpLink?: boolean;
+    showSocialLinks?: boolean;
+};
+declare const LoginComponent: ({ hideSignUpLink, showSocialLinks, }: LoginComponentProps) => import("react/jsx-runtime").JSX.Element;
+export { LoginComponent };
 //# sourceMappingURL=LoginComponent.d.ts.map

package/dist/auth/Login/LoginComponent.d.ts.map

@@ -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,gBAkHrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"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,4CAkHrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/auth/Login/LoginComponent.js

@@ -1 +1,367 @@
-"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}))))))};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useContext, useState, useEffect } from 'react';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import { useTranslation, Trans } from 'react-i18next';
+import { Link } from 'react-router-dom';
+import RequestContext from '@licklist/plugins/dist/context/app/RequestContext';
+import useUserApi from '@licklist/plugins/dist/hooks/Api/useUserApi';
+import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification';
+import useAuth from '@licklist/plugins/dist/context/user/hooks/useAuth';
+import useUser from '@licklist/plugins/dist/context/user/hooks/useUser';
+import useInvite from '@licklist/plugins/dist/context/user/hooks/useInvite';
+import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
+import { SocialFormComponent } from '../Social/SocialFormComponent.js';
+import { LoginFormComponent } from './LoginFormComponent.js';
+import { Router } from '../Router.js';
+import FormCard from '../../static/FormCard.js';
+import { LoaderIndicator } from '../../static/loader/LoaderIndicator.js';
+import Logo from '../../logo/Logo.js';
+import { ReactComponent as SvgBookedit } from '../../assets/logo/bookedit.svg.js';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var LoginComponent = function(param) {
+    var _param_hideSignUpLink = param.hideSignUpLink, hideSignUpLink = _param_hideSignUpLink === void 0 ? false : _param_hideSignUpLink, _param_showSocialLinks = param.showSocialLinks, showSocialLinks = _param_showSocialLinks === void 0 ? false : _param_showSocialLinks;
+    var t = useTranslation([
+        "Notification",
+        "User"
+    ]).t;
+    var request = useContext(RequestContext);
+    var notification = useNotification();
+    var auth = useAuth();
+    var user = useUser();
+    var invite = useInvite();
+    var _useState = _sliced_to_array(useState(false), 2), isLoading = _useState[0], setIsLoading = _useState[1];
+    var userApiService = useUserApi(request);
+    var handleError = function(error) {
+        notification.danger({
+            title: "Error",
+            message: error.message
+        });
+    };
+    var storeSecrets = function(secrets) {
+        auth.setSecrets(secrets);
+    };
+    var getSecrets = function() {
+        var _ref = _async_to_generator(function(loginRequest) {
+            return _ts_generator(this, function(_state) {
+                return [
+                    2,
+                    userApiService.login(loginRequest).catch(handleError)
+                ];
+            });
+        });
+        return function getSecrets(loginRequest) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var getProfile = function() {
+        var _ref = _async_to_generator(function() {
+            return _ts_generator(this, function(_state) {
+                return [
+                    2,
+                    userApiService.profile().catch(handleError)
+                ];
+            });
+        });
+        return function getProfile() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handleOnSubmit = function() {
+        var _ref = _async_to_generator(function(credentials) {
+            var secrets, profile;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            getSecrets(credentials)
+                        ];
+                    case 1:
+                        secrets = _state.sent();
+                        if (!secrets) {
+                            return [
+                                2
+                            ];
+                        }
+                        // Store secrets
+                        storeSecrets(secrets);
+                        // Update Authorization header value
+                        userApiService.setAuthorizationToken(secrets.access_token);
+                        return [
+                            4,
+                            getProfile()
+                        ];
+                    case 2:
+                        profile = _state.sent();
+                        if (!profile) {
+                            return [
+                                2
+                            ];
+                        }
+                        // Store user profile
+                        user.login(profile.data);
+                        invite.clearInvitation();
+                        notification.success({
+                            title: "Success",
+                            message: t("Notification:loggedSuccessfully")
+                        });
+                        RouteService.redirectTo("/");
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function handleOnSubmit(credentials) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    useEffect(function() {
+        if (!user.profile || !auth.secrets) {
+            return;
+        }
+        RouteService.redirectTo("/");
+    }, [
+        user.profile,
+        auth.secrets
+    ]);
+    return /*#__PURE__*/ jsx(Router, {
+        children: /*#__PURE__*/ jsx(Row, {
+            className: "justify-content-center",
+            children: /*#__PURE__*/ jsx(Col, {
+                xs: true,
+                sm: 12,
+                md: 7,
+                lg: 6,
+                xl: 5,
+                className: "align-self-center",
+                children: /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx("h1", {
+                            className: "text-center",
+                            children: t("User:loginTitle")
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "login d-flex pb-4 justify-content-center",
+                            children: /*#__PURE__*/ jsx(Logo, {
+                                logo: /*#__PURE__*/ jsx(SvgBookedit, {})
+                            })
+                        }),
+                        !hideSignUpLink && /*#__PURE__*/ jsx("h6", {
+                            className: "text-center",
+                            children: /*#__PURE__*/ jsxs(Trans, {
+                                t: t,
+                                i18nKey: "loginPromo",
+                                children: [
+                                    "Don't have account? ",
+                                    /*#__PURE__*/ jsx(Link, {
+                                        to: "/register",
+                                        children: "Sign up"
+                                    }),
+                                    "."
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs(FormCard, {
+                            children: [
+                                showSocialLinks && /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(SocialFormComponent, {
+                                            isLoading: isLoading,
+                                            setIsLoading: setIsLoading
+                                        }),
+                                        /*#__PURE__*/ jsx("hr", {
+                                            className: "mb-2"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(LoginFormComponent, {
+                                    isLoading: isLoading,
+                                    setIsLoading: setIsLoading,
+                                    onSubmit: handleOnSubmit,
+                                    invitation: invite.invitation
+                                }),
+                                /*#__PURE__*/ jsx(LoaderIndicator, {
+                                    isLoaded: !isLoading
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+
+export { LoginComponent };

package/dist/auth/Login/LoginFormComponent.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-import { UserLoginRequest } from "@licklist/plugins/dist/types/Request/UserLoginRequest";
-import { Invitation } from "@licklist/plugins/dist/types/context/user/Invitation";
-export type LoginFormComponentValues = {
-    email: string;
-    password: string;
-    invitation_hash: string;
-};
-export interface LoginFormComponentProps {
-    isLoading: boolean;
-    setIsLoading: Function;
-    onSubmit?: (credentials: UserLoginRequest) => Promise<void>;
-    invitation: Invitation | null;
-}
-declare function LoginFormComponent(props: LoginFormComponentProps): JSX.Element;
-export { LoginFormComponent };
+import { UserLoginRequest } from "@licklist/plugins/dist/types/Request/UserLoginRequest";
+import { Invitation } from "@licklist/plugins/dist/types/context/user/Invitation";
+export type LoginFormComponentValues = {
+    email: string;
+    password: string;
+    invitation_hash: string;
+};
+export interface LoginFormComponentProps {
+    isLoading: boolean;
+    setIsLoading: Function;
+    onSubmit?: (credentials: UserLoginRequest) => Promise<void>;
+    invitation: Invitation | null;
+}
+declare function LoginFormComponent(props: LoginFormComponentProps): import("react/jsx-runtime").JSX.Element;
+export { LoginFormComponent };
 //# sourceMappingURL=LoginFormComponent.d.ts.map

package/dist/auth/Login/LoginFormComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginFormComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Login/LoginFormComponent.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AAGzF,OAAO,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAElF,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;CAC/B;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAyIzD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"LoginFormComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Login/LoginFormComponent.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AAGzF,OAAO,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAElF,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;CAC/B;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAyIzD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}