@licklist/design 0.44.551 → 0.45.0-dev.0

package/src/assets/logo/licklist.svg

@@ -1,46 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 118 28"
-        version="1.1"
-        id="svg2">
-    <title
-            id="title4">Licklist.co.uk
-    </title>
-    <desc id="desc6">Social nightlife</desc>
-    <defs
-            id="defs8"/>
-    <g
-            id="g3775"
-            transform="matrix(0.50909091,0,0,0.50909091,0,13.745455)">
-        <g
-                fill="currentColor"
-                transform="translate(-403.78661,-2935)"
-                id="Licklist-Logo">
-            <g
-                    fill="currentColor"
-                    transform="translate(398,2910)"
-                    id="Group-3">
-                <path
-                        fill="currentColor"
-                        id="Licklist"
-                        d="m 87.16,37.96 0,8.04 -27.66,0 0,-42.6 8.76,0 0,34.56 18.9,0 z m 6.52,-27.48 c -1.520008,0 -2.759995,-0.479995 -3.72,-1.44 -0.960005,-0.9600048 -1.44,-2.1799926 -1.44,-3.66 0,-1.4800074 0.479995,-2.7099951 1.44,-3.69 0.960005,-0.9800049 2.199992,-1.47 3.72,-1.47 1.520008,0 2.759995,0.4899951 3.72,1.47 0.960005,0.9800049 1.44,2.2099926 1.44,3.69 0,1.4800074 -0.479995,2.6999952 -1.44,3.66 -0.960005,0.960005 -2.199992,1.44 -3.72,1.44 z M 89.42,46 l 0,-31.44 8.52,0 0,31.44 -8.52,0 z m 27.76,-6.84 c 1.56001,0 2.91999,-0.439996 4.08,-1.32 1.16001,-0.880004 1.9,-2.019993 2.22,-3.42 l 8.52,1.44 c -0.64,2.920015 -2.21999,5.459989 -4.74,7.62 -2.52001,2.160011 -5.85998,3.24 -10.02,3.24 -4.56002,0 -8.32998,-1.569984 -11.31,-4.71 -2.98002,-3.140016 -4.47,-7.049977 -4.47,-11.73 0,-4.680023 1.48998,-8.589984 4.47,-11.73 2.98002,-3.140016 6.74998,-4.71 11.31,-4.71 4.16002,0 7.49999,1.079989 10.02,3.24 2.52001,2.160011 4.1,4.699985 4.74,7.62 l -8.52,1.44 c -0.32,-1.400007 -1.05999,-2.539996 -2.22,-3.42 -1.16001,-0.880004 -2.51999,-1.32 -4.08,-1.32 -2.24001,0 -3.99999,0.809992 -5.28,2.43 -1.28001,1.620008 -1.92,3.769987 -1.92,6.45 0,2.680013 0.63999,4.829992 1.92,6.45 1.28001,1.620008 3.03999,2.43 5.28,2.43 z m 37.84,-24.6 10.68,0 -11.76,13.38 12.6,18.06 -10.08,0 -8.16,-12.42 -4.74,5.4 0,7.02 -8.52,0 0,-45 8.52,0 0,27.84 11.46,-14.28 z m 20.44,31.44 -8.52,0 0,-45 8.52,0 0,45 z m 9.76,-35.52 c -1.52001,0 -2.76,-0.479995 -3.72,-1.44 -0.96001,-0.9600048 -1.44,-2.1799926 -1.44,-3.66 0,-1.4800074 0.47999,-2.7099951 1.44,-3.69 0.96,-0.9800049 2.19999,-1.47 3.72,-1.47 1.52001,0 2.75999,0.4899951 3.72,1.47 0.96,0.9800049 1.44,2.2099926 1.44,3.69 0,1.4800074 -0.48,2.6999952 -1.44,3.66 -0.96001,0.960005 -2.19999,1.44 -3.72,1.44 z m -4.26,35.52 0,-31.44 8.52,0 0,31.44 -8.52,0 z m 11.62,-9.18 8.46,-1.2 c 0.08,1.240006 0.56,2.259996 1.44,3.06 0.88,0.800004 2.15999,1.2 3.84,1.2 1.60001,0 2.82,-0.259997 3.66,-0.78 0.84,-0.520003 1.26,-1.219996 1.26,-2.1 0,-0.960005 -0.59999,-1.669998 -1.8,-2.13 -1.20001,-0.460002 -2.63999,-0.829999 -4.32,-1.11 -1.68001,-0.280001 -3.36999,-0.659998 -5.07,-1.14 -1.70001,-0.480002 -3.14999,-1.419993 -4.35,-2.82 -1.20001,-1.400007 -1.8,-3.259988 -1.8,-5.58 0,-2.920015 1.15999,-5.37999 3.48,-7.38 2.32001,-2.00001 5.35998,-3 9.12,-3 3.96002,0 6.96999,0.929991 9.03,2.79 2.06001,1.860009 3.31,4.069987 3.75,6.63 l -8.04,1.5 c -0.08,-1.200006 -0.53,-2.179996 -1.35,-2.94 -0.82,-0.760004 -1.96999,-1.14 -3.45,-1.14 -1.36001,0 -2.42,0.289997 -3.18,0.87 -0.76,0.580003 -1.14,1.309996 -1.14,2.19 0,0.800004 0.43,1.429998 1.29,1.89 0.86,0.460002 1.92999,0.769999 3.21,0.93 1.28001,0.160001 2.65999,0.419998 4.14,0.78 1.48001,0.360002 2.85999,0.819997 4.14,1.38 1.28001,0.560003 2.35,1.509993 3.21,2.85 0.86,1.340007 1.29,3.02999 1.29,5.07 0,2.920015 -1.18999,5.329991 -3.57,7.23 -2.38001,1.900009 -5.62998,2.85 -9.75,2.85 -8.12004,0 -12.62,-3.299967 -13.5,-9.9 z m 44.92,1.62 0,7.38 c -0.96,0.240001 -2.29999,0.36 -4.02,0.36 -6.44003,0 -9.66,-3.199968 -9.66,-9.6 l 0,-15.3 -4.26,0 0,-6.72 4.26,0 0,-7.8 8.52,0 0,7.8 5.22,0 0,6.72 -5.22,0 0,14.4 c 0,2.04001 1.05999,3.06 3.18,3.06 l 1.98,-0.3 z"/>
-            </g>
-        </g>
-        <g
-                fill="currentColor"
-                id="Group-16"
-                transform="matrix(0.72651313,0,0,0.725384,-0.25405188,-27.230485)">
-            <path
-                    fill="currentColor"
-                    id="Path-2"
-                    d="m 57.097366,21.55886 c -4.570082,0.63909 -6.855123,2.753642 -6.855123,6.343657 0,5.385022 5.459386,19.800126 3.159702,29.128781 C 51.102261,66.359954 45.024169,72.30387 33.112211,75.029852 21.200253,77.755833 7.3373275,76.48594 1.9120448,59.349378 -3.5132378,42.212816 6.4484213,29.477169 12.606133,24.704671 18.763845,19.932173 24.743806,21.55886 24.99914,21.55886 c -6.283713,0 -8.597943,7.19515 -8.597943,16.204981 0,6.488469 2.398474,11.87016 7.195421,16.145074 -1.790127,-8.025672 -1.655952,-14.899464 0.402522,-20.621376 3.087712,-8.582868 6.484567,-12.390124 12.330324,-13.728679 6.593384,-1.391264 13.516018,-0.724598 20.767902,2 z"
-            />
-            <path
-                    fill="currentColor"
-                    id="Path-3"
-                    d="M 55.980155,18.519118 C 48.121768,12.583637 41.505313,8.9690429 36.13079,7.6753358 28.069005,5.7347752 24.023951,9.1510599 20.419185,11.75187 19.36913,10.456778 17.082354,8.6753358 14.382704,8.6753358 c -2.69965,0 -6.8013356,1.7660572 -7.8494023,6.8437822 C 5.8345906,18.904268 6.178317,22.427561 7.5644809,26.088997 2.2574506,20.849473 0.16724045,16.070431 1.2938506,11.75187 2.9837658,5.2740275 10.18526,-0.1350339 21.442045,0.34775148 32.69883,0.83053686 35.62891,2.9103313 42.929637,7.6753358 47.796789,10.852006 52.146962,14.4666 55.980155,18.519118 z"
-            />
-        </g>
-    </g>
-</svg>

package/src/assets/static/default.image.svg

@@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-     width="100%" height="100%" viewBox="0 0 460.27 460.27" style="enable-background:new 0 0 460.27 460.27;"
-     xml:space="preserve">
-<g>
-	<g>
-		<path d="M198.606,103.653c5.272-0.328,9.38-4.699,9.38-9.981V55.135c0-5.523-4.477-10-10-10H10c-5.523,0-10,4.477-10,10v187.986
-			c0,5.523,4.477,10,10,10h38.538c5.282,0,9.653-4.107,9.981-9.379C63.188,168.547,123.412,108.322,198.606,103.653z"/>
-        <path d="M320.73,185.276c-11.33-17.662-27.083-32.352-45.557-42.48c-18.529-10.159-39.436-15.529-60.46-15.529
-			c-69.397,0-125.855,56.458-125.855,125.854c0,32.148,11.902,62.658,33.513,85.904c21.545,23.176,50.94,37.237,82.772,39.595
-			c0.248,0.019,0.495,0.026,0.741,0.026c3.498,0,6.766-1.834,8.58-4.868l106.432-177.972
-			C322.844,192.551,322.781,188.471,320.73,185.276z"/>
-        <path d="M458.852,400.003L353.625,224.045c-1.807-3.019-5.064-4.868-8.583-4.868s-6.777,1.848-8.583,4.868L231.232,400.003
-			c-1.848,3.089-1.892,6.934-0.116,10.064c1.776,3.133,5.098,5.067,8.699,5.067H450.27c3.601,0,6.922-1.935,8.698-5.067
-			C460.744,406.937,460.7,403.093,458.852,400.003z"/>
-	</g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-    <g>
-</g>
-</svg>

package/src/assets/widgets/copy.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28" fill="none">
-    <rect x="1" y="7" width="16" height="20" rx="4" stroke="currentColor" stroke-width="2"/>
-    <path d="M9 7.5V7.5V5C9 2.79086 10.7909 1 13 1H21C23.2091 1 25 2.79086 25 5V17C25 19.2091 23.2091 21 21 21H17V21" stroke="currentColor" stroke-width="2"/>
-    <path opacity="0.5" d="M17 21H13C10.7909 21 9 19.2091 9 17L9 7" stroke="currentColor" stroke-width="2"/>
-</svg>

package/src/assets/widgets/monthCalendar.svg

@@ -1,38 +0,0 @@
-<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
-<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
-<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
-<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
-<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
-<rect x="26.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="26.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="36.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="36.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="46.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="46.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="56.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="46.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="56.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="56.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="66.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="66.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="66.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="76.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="76.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="76.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="86.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="86.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="86.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="26.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="36.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="46.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="56.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="66.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="66.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="76.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="86.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="26.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="36.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="46.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="56.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-</svg>

package/src/assets/widgets/weekCalendar.svg

@@ -1,14 +0,0 @@
-<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
-<rect x="26.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="36.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="46.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="56.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="66.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="76.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<rect x="86.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
-<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
-<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
-<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
-<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
-</svg>

package/src/auth/AccessDenied/AccessDenied.stories.tsx

@@ -1,11 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import { AccessDenied } from "./AccessDenied";
-
-export default {
-  title: "Auth/Access Denied",
-} as Meta;
-
-export const Login: Story<{}> = (args) => {
-  return <AccessDenied {...args} />;
-};

package/src/auth/AccessDenied/AccessDenied.tsx

@@ -1,39 +0,0 @@
-import React from "react";
-import { Button } from "react-bootstrap";
-import { useTranslation } from "react-i18next";
-import RouteService from "@licklist/plugins/dist/services/Route/RouteService";
-import useUser from "@licklist/plugins/dist/context/user/hooks/useUser";
-import { Icon } from "../../static";
-
-export const AccessDenied = () => {
-  const { t } = useTranslation("App");
-  const user = useUser();
-
-  const onGoToHomepage = () => {
-    RouteService.redirectTo("/");
-  };
-
-  const logOutHandler = () => {
-    user.logout();
-    RouteService.redirectTo("/");
-  };
-
-  return (
-    <div className="d-flex align-items-center justify-content-center flex-column text-center access-denied h-100">
-      <div className="col-8">
-        <div className="icon-wrapper mb-5">
-          <Icon type="lock" width="5rem" height="5rem" />
-        </div>
-        <h3 className="mb-3">{t("accessDenied")}</h3>
-        <h6 className="mb-3">{t("youDontHavePermissions")}</h6>
-        <h6 className="mb-5">{t("contactAnAdministrator")}</h6>
-        <Button className="d-block mx-auto" onClick={onGoToHomepage}>
-          {t("goToHomepage")}
-        </Button>
-        <Button className="d-block mx-auto mt-5" onClick={logOutHandler}>
-          {t("logOut")}
-        </Button>
-      </div>
-    </div>
-  );
-};

package/src/auth/AccessDenied/index.ts

@@ -1 +0,0 @@
-export { AccessDenied } from "./AccessDenied";

package/src/auth/Auth.stories.tsx

@@ -1,56 +0,0 @@
-import React from "react";
-import { Meta, Story } from "@storybook/react";
-import UserProvider from "@licklist/plugins/dist/context/user/providers/UserProvider";
-import InviteProvider from "@licklist/plugins/dist/context/user/providers/InviteProvider";
-import useUser from "@licklist/plugins/dist/context/user/hooks/useUser";
-import { Authorizer, AuthorizerProps } from "./Authorizer";
-import { Router, RouterProps } from "./Router";
-
-export default {
-  title: "Auth",
-} as Meta;
-
-export const RouterComponent: Story<RouterProps> = (args) => (
-  <Router {...args} />
-);
-export const AuthorizerComponent: Story<AuthorizerProps> = (args) => (
-  <>
-    <UserProvider>
-      <InviteProvider>
-        <Router>
-          <AuthorizerWrapper {...args} />
-        </Router>
-      </InviteProvider>
-    </UserProvider>
-  </>
-);
-
-function AuthorizerWrapper(args) {
-  const user = useUser();
-
-  React.useEffect(() => {
-    user.login({
-      id: 1,
-      first_name: "Ben",
-      last_name: "Jonson",
-      email: "b.jonson@gmail.com",
-      user_roles: [],
-      user_detail: {
-        birthday: String(Date.now()),
-        postcode: "TEST",
-        phone: "+1234",
-      },
-    });
-  }, []);
-
-  return (
-    <>
-      {user.profile && (
-        <Authorizer {...args}>
-          Only authorized users can see this, otherwise they will get redirected
-          to `/login` page
-        </Authorizer>
-      )}
-    </>
-  );
-}

package/src/auth/Authorizer.tsx

@@ -1,88 +0,0 @@
-import React, { ReactNode, useEffect, useState, useCallback } from "react";
-import { matchPath } from "react-router-dom";
-import useUser from "@licklist/plugins/dist/context/user/hooks/useUser";
-import RouteService from "@licklist/plugins/dist/services/Route/RouteService";
-import { ROUTES, MATCH_ROUTE_PATTERNS } from "@licklist/core/dist/Config";
-import useAuthApi from "@licklist/plugins/dist/hooks/Api/useAuthApi";
-import useAuth from "@licklist/plugins/dist/context/user/hooks/useAuth";
-import { BlockLoader } from "../static/loader/BlockLoader";
-
-export interface AuthorizerProps {
-  children?: ReactNode | ReactNode[];
-}
-
-function Authorizer(props: AuthorizerProps) {
-  const { children } = props;
-  const auth = useAuth();
-  const user = useUser();
-  const { useProfile } = useAuthApi();
-
-  // This will re-fetch user's profile
-  const profile = useProfile();
-
-  const [isValidated, setIsValidated] = useState<boolean>(false);
-
-  const matchedPathPatternUrls = useCallback(() => {
-    return Object.values(MATCH_ROUTE_PATTERNS)
-      .map((pathUrlPattern) =>
-        matchPath<{ url: string }>(
-          RouteService.getCurrentPage(),
-          pathUrlPattern
-        )
-      )
-      .filter(Boolean)
-      .map((matched) => matched.url);
-  }, []);
-
-  useEffect(() => {
-    if (profile.isLoading || profile.isFetching) {
-      return;
-    }
-
-    if (
-      auth.secrets !== null &&
-      user.profile !== null &&
-      profile.data !== null
-    ) {
-      setIsValidated(() => true);
-      return;
-    }
-
-    if (
-      [
-        ROUTES.LOGIN_PAGE,
-        ROUTES.REGISTER_PAGE,
-        ROUTES.PRIVACY_PAGE,
-        ROUTES.TERMS_PAGE,
-        ROUTES.PRIVACY_FACTS_PAGE,
-        ROUTES.CHANGE_PASSWORD,
-        ROUTES.FORGOT_PASSWORD,
-        ...matchedPathPatternUrls(),
-      ].includes(RouteService.getCurrentPage())
-    ) {
-      setIsValidated(() => true);
-      return;
-    }
-
-    const route = RouteService.getCurrentRoute();
-
-    RouteService.cleanRedirect(
-      [ROUTES.LOGIN_PAGE, `returnUrl=${escape(route)}`].join("?")
-    );
-  }, [
-    auth.secrets,
-    user.profile,
-    profile.data,
-    matchedPathPatternUrls,
-    profile.isError,
-    profile.isLoading,
-    profile.isFetching,
-  ]);
-
-  if (profile.isFetching || profile.isLoading || !isValidated)
-    return <BlockLoader />;
-
-  return <>{children}</>;
-}
-
-export { Authorizer };

package/src/auth/ChangePassword/ChangePassword.stories.tsx

@@ -1,26 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-import React from "react";
-import { Router } from "../Router";
-import { ChangePasswordComponent } from "./ChangePasswordComponent";
-import {
-  ChangePasswordFormComponent,
-  ChangePasswordFormComponentProps,
-} from "./ChangePasswordFormComponent";
-
-export default {
-  title: "Auth/ChangePassword",
-} as Meta;
-
-export const ChangePassword: Story<{}> = (args) => (
-  <ChangePasswordComponent {...args} />
-);
-
-export const ChangePasswordForm: Story<ChangePasswordFormComponentProps> = (
-  args
-) => (
-  <>
-    <Router>
-      <ChangePasswordFormComponent {...args} />
-    </Router>
-  </>
-);

package/src/auth/ChangePassword/ChangePasswordComponent.tsx

@@ -1,90 +0,0 @@
-import React, { useContext, useEffect, useState } from "react";
-import Row from "react-bootstrap/Row";
-import Col from "react-bootstrap/Col";
-import { useTranslation } from "react-i18next";
-import { useLocation } from "react-router-dom";
-import { ApiServiceError } from "@licklist/core/dist/Api/ApiService";
-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 RouteService from "@licklist/plugins/dist/services/Route/RouteService";
-import { UserChangePasswordRequest } from "@licklist/plugins/dist/types/Request/UserChangePasswordRequest";
-import { ROUTES } from "@licklist/core/dist/Config";
-import { ChangePasswordFormComponent } from "./ChangePasswordFormComponent";
-import { Router } from "../Router";
-import FormCard from "../../static/FormCard";
-import { LoaderIndicator } from "../../static/loader/LoaderIndicator";
-
-function ChangePasswordComponent() {
-  const { t } = useTranslation(["Notification", "User", "App"]);
-  const request = useContext(RequestContext);
-  const notification = useNotification();
-  const { search } = useLocation();
-  const email = new URLSearchParams(search).get("email");
-  const token = new URLSearchParams(search).get("token");
-
-  const [isLoading, setIsLoading] = useState<boolean>(false);
-
-  const userApiService = useUserApi(request);
-
-  const handleError = (error: ApiServiceError<{ message: string }>) => {
-    notification.danger({
-      title: t("App:error"),
-      message: error.response?.data?.message,
-    });
-
-    RouteService.redirectTo(ROUTES.FORGOT_PASSWORD);
-  };
-
-  const changePassword = async (resetRequest: UserChangePasswordRequest) =>
-    userApiService.changePassword(resetRequest).catch(handleError);
-
-  const handleOnSubmit = async (credentials: UserChangePasswordRequest) => {
-    const resetResponse = await changePassword(credentials);
-
-    if (!resetResponse) {
-      return;
-    }
-
-    notification.success({
-      title: "Success",
-      message: t("Notification:passwordChangedSuccessfully"),
-    });
-
-    RouteService.redirectTo(ROUTES.LOGIN_PAGE);
-  };
-
-  useEffect(() => {
-    if (!email && !token) {
-      RouteService.redirectTo(ROUTES.LOGIN_PAGE);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <Router>
-      <Row className="justify-content-center">
-        <Col xs sm={12} md={7} lg={6} xl={5} className="align-self-center">
-          <>
-            <h1 className="text-center">{t("User:resetPasswordTitle")}</h1>
-            <h3 className="text-center">{t("User:forEmail", { email })}</h3>
-
-            <FormCard>
-              <ChangePasswordFormComponent
-                isLoading={isLoading}
-                setIsLoading={setIsLoading}
-                onSubmit={handleOnSubmit}
-                email={email}
-                token={token}
-              />
-
-              <LoaderIndicator isLoaded={!isLoading} />
-            </FormCard>
-          </>
-        </Col>
-      </Row>
-    </Router>
-  );
-}
-
-export { ChangePasswordComponent };

package/src/auth/ChangePassword/ChangePasswordFormComponent.tsx

@@ -1,160 +0,0 @@
-import React from "react";
-import { Form, Button } from "react-bootstrap";
-import { useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { UserChangePasswordRequest } from "@licklist/plugins/dist/types/Request/UserChangePasswordRequest";
-import HookFormService from "@licklist/plugins/dist/services/Form/HookFormService";
-import emailRule from "@licklist/plugins/dist/validation/Rules/emailRule";
-
-export interface ChangePasswordFormComponentProps {
-  isLoading: boolean;
-  setIsLoading: (isLoading: boolean) => void;
-  onSubmit?: (credentials: UserChangePasswordRequest) => void;
-  email: string;
-  token: string;
-}
-
-export const ChangePasswordFormComponent = ({
-  isLoading,
-  setIsLoading,
-  onSubmit,
-  email,
-  token,
-}: ChangePasswordFormComponentProps) => {
-  const { t } = useTranslation(["Validation", "User"]);
-  const {
-    register,
-    handleSubmit,
-    formState: { errors },
-    formState,
-    watch,
-  } = useForm<UserChangePasswordRequest>({
-    mode: "onChange",
-    defaultValues: { email, token },
-  });
-
-  const password = watch("password");
-
-  const onFormSubmit = async (credentialsNext: UserChangePasswordRequest) => {
-    setIsLoading(true);
-
-    if (onSubmit) {
-      await onSubmit(credentialsNext);
-    }
-
-    setIsLoading(false);
-  };
-
-  return (
-    <>
-      <Form onSubmit={handleSubmit(onFormSubmit)} noValidate>
-        <Form.Control
-          type="email"
-          name="email"
-          placeholder={t("User:email")}
-          isValid={!errors.email && formState.isValid}
-          isInvalid={!!errors.email}
-          {...register("email", {
-            required: true,
-            pattern: emailRule,
-          })}
-          disabled={isLoading}
-          hidden
-        />
-        <Form.Control
-          name="token"
-          placeholder={t("User:tokene")}
-          isValid={!errors.token && formState.isValid}
-          isInvalid={!!errors.token}
-          {...register("email", {
-            required: true,
-          })}
-          disabled={isLoading}
-          hidden
-        />
-        <Form.Group controlId="formGroupNewPassword">
-          <Form.Label>{t("User:newPassword")}</Form.Label>
-          <Form.Control
-            type="password"
-            name="password"
-            placeholder={t("User:newPassword")}
-            isValid={!errors.password && formState.isValid}
-            isInvalid={!!errors.password}
-            {...register("password", {
-              required: true,
-              minLength: 10,
-            })}
-            disabled={isLoading}
-          />
-
-          <Form.Control.Feedback type="invalid">
-            {HookFormService.hasError(errors.password, "required") &&
-              t("Validation:fieldRequired", {
-                attribute: t("User:newPassword"),
-              })}
-            {HookFormService.hasError(errors.password, "minLength") &&
-              t("Validation:fieldMinLength", {
-                attribute: t("User:newPassword"),
-                min: 10,
-              })}
-          </Form.Control.Feedback>
-        </Form.Group>
-        <Form.Group controlId="formGroupPasswordConfirmation">
-          <Form.Label>{t("User:confirmPassword")}</Form.Label>
-          <Form.Control
-            type="password"
-            name="password_confirmation"
-            placeholder={t("User:confirmPassword")}
-            isValid={!errors.password_confirmation && formState.isValid}
-            isInvalid={!!errors.password_confirmation}
-            {...register("password_confirmation", {
-              required: true,
-              minLength: 10,
-              validate: (nextPasswordConfirmation) => {
-                return nextPasswordConfirmation === password;
-              },
-            })}
-            disabled={isLoading}
-          />
-
-          <Form.Control.Feedback type="invalid">
-            {HookFormService.hasError(
-              errors.password_confirmation,
-              "required"
-            ) &&
-              t("Validation:fieldRequired", {
-                attribute: t("User:confirmPassword"),
-              })}
-            {HookFormService.hasError(
-              errors.password_confirmation,
-              "minLength"
-            ) &&
-              t("Validation:fieldMinLength", {
-                attribute: t("User:confirmPassword"),
-                min: 10,
-              })}
-
-            {HookFormService.hasError(
-              errors.password_confirmation,
-              "validate"
-            ) &&
-              t("Validation:fieldDoesntMatchField", {
-                field1: t("User:newPassword"),
-                field2: t("User:confirmPassword"),
-              })}
-          </Form.Control.Feedback>
-        </Form.Group>
-
-        <Button
-          variant="primary"
-          type="submit"
-          className="rounded-pill text-uppercase"
-          block
-          disabled={isLoading}
-        >
-          {t("User:submit")}
-        </Button>
-      </Form>
-    </>
-  );
-};

package/src/auth/ChangePassword/index.ts

@@ -1,2 +0,0 @@
-export * from "./ChangePasswordComponent";
-export * from "./ChangePasswordFormComponent";