@basiq/connect-auth 0.1.7 → 0.1.8

package/src/locales/i18n.ts

@@ -1,27 +0,0 @@
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-
-import translationEN from './en/translation.json';
-
-export const defaultNS = 'ns1';
-
-// the translations
-export const resources = {
-	en: {
-		ns1: translationEN
-	}
-} as const;
-
-i18n.use(initReactI18next) // passes i18n down to react-i18next
-	.init({
-		resources,
-		lng: 'en',
-		ns: ['ns1'],
-		interpolation: {
-			escapeValue: false, // react already safes from xss
-			prefix: '${',
-			suffix: '}'
-		}
-	});
-
-export default i18n;

package/src/logo.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

package/src/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />

package/src/react-i18next.d.ts

@@ -1,9 +0,0 @@
-import { resources, defaultNS } from './locales/i18n';
-
-// react-i18next versions higher than 11.11.0
-declare module 'react-i18next' {
-	interface CustomTypeOptions {
-		defaultNS: typeof defaultNS;
-		resources: typeof resources['en'];
-	}
-}

package/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-	if (onPerfEntry && onPerfEntry instanceof Function) {
-		import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-			getCLS(onPerfEntry);
-			getFID(onPerfEntry);
-			getFCP(onPerfEntry);
-			getLCP(onPerfEntry);
-			getTTFB(onPerfEntry);
-		});
-	}
-};
-
-export default reportWebVitals;

package/src/setupTests.ts

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';

package/src/styled.d.ts

@@ -1,6 +0,0 @@
-import 'styled-components';
-import { ThemeType } from './styledComponents';
-
-declare module 'styled-components' {
-	export interface DefaultTheme extends ThemeType {}
-}

package/src/styledComponents/base.ts

@@ -1,73 +0,0 @@
-import styled from 'styled-components';
-import { devices } from './breakpoints';
-
-export const Root = styled.div`
-	white-space: pre-line;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: fixed;
-	top: 50%;
-	left: 0;
-	right: 0;
-	transform: translate(0, -50%);
-	height: 100%;
-	max-height: 812px;
-
-	a {
-		text-decoration: none;
-		color: ${({ theme }) => theme.color.endeavour};
-	}
-	h3 {
-		font-weight: normal;
-		${({ theme }) => theme.mixin.title()};
-		strong {
-			${({ theme }) => theme.mixin.title()};
-		}
-	}
-	${devices.phone} {
-		width: 100%;
-		height: 100%;
-		max-height: none;
-		padding: 0;
-	}
-`;
-export const AppContainer = styled.div`
-	width: 539px;
-	background-color: ${({ theme }) => theme.color.white};
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding: 16px;
-	box-sizing: border-box;
-	height: 100%;
-
-	${devices.phone} {
-		width: 100%;
-	}
-
-	&::-webkit-scrollbar {
-		display: none;
-	}
-	-ms-overflow-style: none;
-	scrollbar-width: none;
-	overflow-y: scroll;
-`;
-export const AppContainerWrapper = styled.div`
-	height: 100%;
-	position: relative;
-	border: 1px solid ${({ theme }) => theme.color.porcelain};
-	border-radius: 8px;
-	overflow: hidden;
-	${devices.phone} {
-		width: 100%;
-		border-radius: unset;
-		border: unset;
-	}
-`;
-export const AppContainerPage = styled.div`
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-`;

package/src/styledComponents/breakpoints.ts

@@ -1,32 +0,0 @@
-const breakpoints = {
-	mobileS: '320px',
-	mobileL: '480px',
-	tabletMinus: '767px',
-	tabletH: '781px',
-	tablet: '768px',
-	tabletL: '992px',
-	laptop: '1024px',
-	laptopH: '1080px',
-	laptopXS: '1110px',
-	laptopS: '1280px',
-	laptopM: '1366px',
-	laptopL: '1440px',
-	laptopXL: '1540px',
-	desktopS: '1800px',
-	desktop: '2560px'
-};
-export const devices = {
-	fold: `@media only screen and (max-width: ${breakpoints.mobileS})`,
-	phoneXs: `@media only screen and (max-width: ${breakpoints.mobileL})`,
-	phone: `@media only screen and (max-width: ${breakpoints.tabletMinus})`,
-	phoneLandscape: `@media only screen and (max-width: ${breakpoints.mobileL})`,
-	tabletOnly: `@media only screen and (min-width: ${breakpoints.tablet})  and (max-width: ${breakpoints.tabletL})`,
-	iPadProLandscape: `@media only screen and (height: ${breakpoints.laptop}) and (width: ${breakpoints.laptopM})`,
-	iPadProPortrait: `@media only screen and (max-width: ${breakpoints.laptop}) and (max-height: ${breakpoints.laptopM})`,
-	iPad: `@media only screen and (max-width: ${breakpoints.laptop}) and (max-height: ${breakpoints.tablet}) `,
-	tablet: `@media only screen and (max-width: ${breakpoints.tabletL}) `,
-	desktop: `@media only screen and (min-height: ${breakpoints.tabletH} ) and (min-width: ${breakpoints.laptopS} ) `,
-	laptop: `@media only screen and (max-width: ${breakpoints.laptopS}) `,
-	laptopRegularScreenWidth: `@media only screen (max-height: ${breakpoints.laptopXS}) and and (max-width: ${breakpoints.laptopXL}) `,
-	bigDesktop: `@media only screen and (min-width: ${breakpoints.desktopS}) and (min-height: ${breakpoints.laptopH})) `
-};

package/src/styledComponents/pages/auth.ts

@@ -1,49 +0,0 @@
-import styled from 'styled-components';
-
-interface IInputStyled {
-	filled: boolean;
-	error: boolean;
-}
-
-export const PageConnectFooterControl = styled.div`
-	position: absolute;
-	bottom: 80px;
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	left: 0;
-	flex-direction: column;
-	box-sizing: border-box;
-	padding: 16px;
-`;
-export const PageConnectFooterText = styled.span`
-	color: ${({ theme }) => theme.color.abbey};
-	font-size: 12px;
-`;
-
-export const InputStyled = styled.input<IInputStyled>`
-	width: 100%;
-	height: 64px;
-	background: ${({ theme, filled, error }) => (error ? theme.color.wePeep : filled ? theme.color.linkWater : theme.color.porcelainSecond)};
-	color: ${({ theme, error }) => (error ? theme.color.cerise : theme.color.endeavour)};
-	border-radius: 2px;
-	text-align: center;
-	font-size: 32px;
-	border: none;
-	box-shadow: none;
-	letter-spacing: 20px;
-	text-indent: 20px;
-`;
-
-export const InputContainer = styled.div`
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-`;
-export const DivAsLink = styled.div`
-	color: ${({ theme }) => theme.color.endeavour};
-	display: inherit;
-	cursor: pointer;
-`;

package/src/styledComponents/pages/basic.ts

@@ -1,126 +0,0 @@
-import styled, { css } from 'styled-components';
-import { ButtonStyled } from '../ui';
-import { hexToRGBa } from '../../helpers';
-import { devices } from '../breakpoints';
-
-interface IPageStyledProps {
-	buttonCount?: number;
-	horizontal?: boolean;
-}
-
-interface IStatusMessage {
-	error?: boolean;
-}
-
-interface IPageControlsSectionProps {
-	notEmpty: boolean;
-}
-interface IHorizontalProps {
-	horizontal?: boolean;
-}
-export const PageStyled = styled.div<IPageStyledProps>`
-	width: 100%;
-	height: 100%;
-	${({ buttonCount, horizontal }) =>
-		buttonCount && buttonCount > 0
-			? horizontal
-				? 'padding-bottom: 96px;'
-				: `padding-bottom: ${46 + 50 * buttonCount}px;`
-			: 'padding-bottom: 16px;'}
-`;
-export const PageSubtitle = styled.div`
-	${({ theme }) => theme.mixin.subtitle()};
-`;
-
-export const PageMainContainer = styled.div`
-	display: flex;
-	align-items: center;
-	flex-direction: column;
-`;
-export const PageControlsSection = styled.div<IPageControlsSectionProps>`
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	${({ notEmpty }) => `padding: ${notEmpty ? '16px' : '0'}`};
-	background-color: ${({ theme }) => theme.color.white};
-	border-top: 1px solid ${({ theme }) => theme.color.porcelainLight};
-`;
-export const PageShadowWrapper = styled.div<IHorizontalProps>`
-	width: 100%;
-	${({ horizontal }) =>
-		horizontal &&
-		css`
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-
-			${ButtonStyled} {
-				margin-bottom: 0;
-				margin-right: 16px;
-
-				&:last-child {
-					margin-right: unset;
-				}
-			}
-		`}
-`;
-export const PageShadow = styled.div`
-	position: absolute;
-	height: 71px;
-	left: 0;
-	right: 0;
-	top: -71px;
-	background: linear-gradient(180deg, #cecece 0%, ${hexToRGBa('#cecece', 0)} 100%);
-	opacity: 0.8;
-	transform: rotate(-180deg);
-	pointer-events: none;
-`;
-export const PageHeader = styled.header`
-	margin-bottom: 32px;
-	width: 100%;
-	border-radius: 8px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-color: ${({ theme }) => theme.color.porcelainSecond};
-	padding: 16px;
-	box-sizing: border-box;
-	height: 150px;
-	${devices.phone} {
-		background-color: unset;
-		overflow: initial;
-		height: 150px;
-		padding: 16px;
-	}
-	img {
-		border-radius: 4px;
-		width: auto !important;
-		height: auto;
-		max-width: 100%;
-		max-height: 100%;
-		${devices.phone} {
-			width: 100%;
-			padding: 16px;
-		}
-	}
-`;
-
-export const PageContent = styled.div`
-	width: 100%;
-`;
-export const StatusMessage = styled.div<IStatusMessage>`
-	width: 100%;
-	background: ${({ theme, error }) => (error ? theme.color.wePeep : theme.color.iceberg)};
-	border-radius: 4px;
-	padding: 11px;
-	box-sizing: border-box;
-	text-align: center;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	font-weight: 400;
-	font-size: 14px;
-	color: ${({ theme, error }) => (error ? theme.color.cerise : theme.color.gossamer)};
-	margin-bottom: 16px;
-`;

package/src/styledComponents/pages/notFound.ts

@@ -1,70 +0,0 @@
-import styled from 'styled-components';
-import { IconWrapper } from '../ui';
-import { PageContent, PageMainContainer } from './basic';
-
-interface IStatusScreenCircleContainer {
-	type: 'success' | 'warning' | 'error';
-}
-
-export const PageStatusScreenMain = styled(PageMainContainer)`
-	height: 100%;
-`;
-export const PageStatusScreenContent = styled(PageContent)`
-	height: inherit;
-	width: 100%;
-	align-items: center;
-	justify-content: center;
-	display: flex;
-	flex-direction: column;
-	text-align: center;
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	left: 0;
-	right: 0;
-`;
-export const StatusScreenCircleContainer = styled.div<IStatusScreenCircleContainer>`
-	width: 64px;
-	height: 64px;
-	background-color: ${({ theme, type }) => {
-		switch (type) {
-			case 'success':
-				return theme.color.emerald;
-			case 'error':
-				return theme.color.sunsetOrange;
-			case 'warning':
-				return theme.color.hokeyPokey;
-			default:
-				return theme.color.porcelain;
-		}
-	}};
-	border-radius: 50%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-bottom: 24px;
-
-	${IconWrapper} {
-		width: 40px;
-		color: ${({ theme }) => theme.color.white};
-	}
-`;
-export const StatusScreenErrorCode = styled.span`
-	font-size: 12px;
-	margin-top: 16px;
-	color: ${({ theme }) => theme.color.osloGrey};
-`;
-export const PageSuccessImgContainer = styled.div`
-	margin-bottom: 24px;
-	width: 64px;
-	height: 64px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: 50%;
-	overflow: hidden;
-	img {
-		width: 100%;
-		height: auto;
-	}
-`;

package/src/styledComponents/pages/start.ts

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-
-export const InnerContainer = styled.div`
-	margin-top: 16px;
-	width: 100%;
-`;

package/src/styledComponents/styles.ts

@@ -1,25 +0,0 @@
-import { createGlobalStyle } from 'styled-components';
-import MarkW1GBook from '../fonts/Mark-W1G-Book.otf';
-import MarkW1GBold from '../fonts/Mark-W1G-Bold.otf';
-
-export default createGlobalStyle`
-  
-@font-face {
-            font-family: MarkW1G;
-            src: url(${MarkW1GBook}) format('opentype');
-        }
-        @font-face {
-            font-family: MarkW1G;
-            font-weight: bold;
-            src: url(${MarkW1GBold}) format('opentype');
-        }
-
-body{
-  font-family: 'MarkW1G', sans-serif;
-}
-body * {
-  font-family: 'MarkW1G', sans-serif;
-  font-size: 14px;
-  font-style: normal;
-}
-`;

package/src/styledComponents/theme.ts

@@ -1,58 +0,0 @@
-export const theme = {
-	color: {
-		white: '#fff',
-		porcelain: '#e2E8Ea',
-		porcelainSecond: '#f5F7F8',
-		porcelainLight: '#e5Eaec',
-		porcelainSecondLight: '#f7F9F9',
-		iron: '#cbd1D3',
-		ironSecond: '#dcdedf',
-		casper: '#90a4Ae',
-		mercury: '#e5E5E5',
-		dodgerBlue: '#4c6Cff',
-		dodgerBlueLight: '#5e7Bff',
-		royalBlue: '#4461e6',
-		bostonBlue: '#367ab9',
-		endeavour: '#0459a8',
-		congressBlue: '#045097',
-		brilliantBlue: '#0075dc',
-		curiousBlue: '#2784da',
-		iceberg: '#cdf2ed',
-		linkWater: '#cddeee',
-		spindle: '#b4Cde5',
-		cyprus: '#002d3C',
-		gossamer: '#06bea6',
-		emerald: '#4fc35A',
-		hokeyPokey: '#fabe34',
-		hokeyPokeyLight: '#f9C858',
-		anzac: '#e1B141',
-		cerise: '#d63F5a',
-		sunsetOrange: '#fe493f',
-		wePeep: '#f7d9de',
-		ebony: '#130f26',
-		abbey: '#4e5457',
-		osloGrey: '#7f888c',
-		loblolly: '#c1c8cc',
-		jumbo: '#7d7d84',
-		blackPearl: '#061D24',
-		blueBayoux: '#4b6a75'
-	},
-	mixin: {
-		subtitle: () => ` margin-top: 8px;
-                        margin-bottom: 4px;
-                        width: 100%;
-                        display: flex;
-                        align-items: center;
-                        justify-content: space-between;`,
-
-		title: () => `  font-size: 26px;
-                    line-height: 30px;
-                    letter-spacing: -0.2px;
-                    margin-top: 0;
-                    margin-bottom: 24px;
-                    color: #130f26;
-                    white-space: pre-line;
-  `
-	}
-};
-export type ThemeType = typeof theme;

package/src/styledComponents/ui/basic.ts

@@ -1,96 +0,0 @@
-import styled, { css, keyframes } from 'styled-components';
-
-interface IIconWrapper {
-	rotating: boolean;
-}
-
-export const rotate = keyframes`
-  from {
-    -ms-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  to {
-    -ms-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -webkit-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-`;
-export const SimpleButton = styled.button`
-	border-radius: 2px;
-	width: 100%;
-	display: flex;
-	align-items: center;
-	border: none;
-	cursor: pointer;
-	margin-bottom: 8px;
-	padding: 10px;
-`;
-
-export const Input = styled.input`
-	height: 48px;
-	background: ${({ theme }) => theme.color.porcelainSecond};
-	border-radius: 2px;
-	border: none;
-	width: 100%;
-	box-sizing: border-box;
-	padding: 0 16px;
-	color: ${({ theme }) => theme.color.ebony};
-	margin-bottom: 16px;
-	font-size: 16px;
-
-	&::placeholder {
-		color: ${({ theme }) => theme.color.osloGrey};
-		opacity: 1;
-	}
-
-	&:-ms-input-placeholder {
-		color: ${({ theme }) => theme.color.osloGrey};
-	}
-
-	&::-ms-input-placeholder {
-		color: ${({ theme }) => theme.color.osloGrey};
-	}
-
-	&:focus-visible {
-		outline: none;
-		background-color: ${({ theme }) => theme.color.spindle};
-	}
-
-	&:disabled {
-		background-color: ${({ theme }) => theme.color.porcelain};
-		color: ${({ theme }) => theme.color.casper};
-		cursor: not-allowed;
-	}
-`;
-export const H4Styled = styled.h4`
-	cursor: pointer;
-	user-select: none;
-	${({ theme }) => theme.mixin.subtitle()};
-`;
-
-export const Spacer = styled.div`
-	display: flex;
-	width: 100%;
-	margin-top: 12px;
-	margin-bottom: 12px;
-	height: 1px;
-	background-color: ${({ theme }) => theme.color.porcelain};
-`;
-export const IconWrapper = styled.span<IIconWrapper>`
-    display: flex;
-    width: 22px;
-    ${({ rotating }) =>
-		rotating &&
-		css`
-			animation: ${rotate} 2s linear infinite;
-		`}
-    };
-    svg, img {
-        width: 100%;
-    }
-`;