@basiq/connect-auth 0.1.7 → 0.1.8

package/dist/helpers/constants.d.ts

@@ -0,0 +1 @@
+export declare const DASHBOARD_API_URL = "https://p4c8zn20r9.execute-api.ap-southeast-2.amazonaws.com/Production_v1/";

package/dist/helpers/hookUtils.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useFocus: () => (import("react").MutableRefObject<HTMLInputElement> | (() => void))[];

package/{src/helpers/index.ts → dist/helpers/index.d.ts}

@@ -1,3 +1,3 @@
-export * from './hookUtils';
-export * from './utils';
-export * from './constants';
+export * from './hookUtils';
+export * from './utils';
+export * from './constants';

package/dist/helpers/utils.d.ts

@@ -0,0 +1,3 @@
+import { SyntheticEvent } from 'react';
+export declare function detectScrollToBottom(event: SyntheticEvent<HTMLDivElement>): boolean;
+export declare const hexToRGBa: (hex: string, opacity: number) => string;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { BasiqConnect } from './BasiqConnect';

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./connect-auth.cjs.production.min.js')
+} else {
+  module.exports = require('./connect-auth.cjs.development.js')
+}

package/dist/locales/i18n.d.ts

@@ -0,0 +1,36 @@
+import i18n from 'i18next';
+export declare const defaultNS = "ns1";
+export declare const resources: {
+    readonly en: {
+        readonly ns1: {
+            back: string;
+            error: string;
+            loading: string;
+            continue: string;
+            to_do_this_we_will_ask_you_to: string;
+            verify_your_mobile_number_bold: string;
+            verify_your_mobile_number: string;
+            consent_to_share_your_data_with_us: string;
+            share_your_financial_data: string;
+            things_you_should_know: string;
+            we_dont_share_your_data_without_your_consent: string;
+            you_can_easily_stop_sharing_your_data_at_any_time: string;
+            you_can_choose_to_delete_shared_data_when_we_no_longer_need_it: string;
+            by_proceeding_you_agree_to_the: string;
+            terms_of_service: string;
+            privacy_notice: string;
+            and: string;
+            use_basiq_to_connect_your_accounts: string;
+            we_use_basiq_to_connect_your_accounts: string;
+            please_enter_the_sms_code_sent_to_your_mobile_number: string;
+            new_sms_code_has_been_sent: string;
+            this_code_doesnt_appear_to_be_valid: string;
+            didnt_receive_the_code: string;
+            resend_sms: string;
+            failed_to_send_sms: string;
+            page_not_found: string;
+            missing_authentication_token: string;
+        };
+    };
+};
+export default i18n;

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/styledComponents/base.d.ts

@@ -0,0 +1,4 @@
+export declare const Root: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AppContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AppContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AppContainerPage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/styledComponents/breakpoints.d.ts

@@ -0,0 +1,15 @@
+export declare const devices: {
+    fold: string;
+    phoneXs: string;
+    phone: string;
+    phoneLandscape: string;
+    tabletOnly: string;
+    iPadProLandscape: string;
+    iPadProPortrait: string;
+    iPad: string;
+    tablet: string;
+    desktop: string;
+    laptop: string;
+    laptopRegularScreenWidth: string;
+    bigDesktop: string;
+};

package/{src/styledComponents/index.ts → dist/styledComponents/index.d.ts}

@@ -1,4 +1,4 @@
-export * from './ui';
-export * from './theme';
-export * from './pages';
-export * from './base';
+export * from './ui';
+export * from './theme';
+export * from './pages';
+export * from './base';

package/dist/styledComponents/pages/auth.d.ts

@@ -0,0 +1,10 @@
+interface IInputStyled {
+    filled: boolean;
+    error: boolean;
+}
+export declare const PageConnectFooterControl: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageConnectFooterText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputStyled: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, IInputStyled, never>;
+export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DivAsLink: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/dist/styledComponents/pages/basic.d.ts

@@ -0,0 +1,23 @@
+interface IPageStyledProps {
+    buttonCount?: number;
+    horizontal?: boolean;
+}
+interface IStatusMessage {
+    error?: boolean;
+}
+interface IPageControlsSectionProps {
+    notEmpty: boolean;
+}
+interface IHorizontalProps {
+    horizontal?: boolean;
+}
+export declare const PageStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPageStyledProps, never>;
+export declare const PageSubtitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageMainContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageControlsSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPageControlsSectionProps, never>;
+export declare const PageShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IHorizontalProps, never>;
+export declare const PageShadow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StatusMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStatusMessage, never>;
+export {};

package/{src/styledComponents/pages/index.ts → dist/styledComponents/pages/index.d.ts}

@@ -1,4 +1,4 @@
-export * from './basic';
-export * from './auth';
-export * from './start';
-export * from './notFound';
+export * from './basic';
+export * from './auth';
+export * from './start';
+export * from './notFound';

package/dist/styledComponents/pages/notFound.d.ts

@@ -0,0 +1,9 @@
+interface IStatusScreenCircleContainer {
+    type: 'success' | 'warning' | 'error';
+}
+export declare const PageStatusScreenMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageStatusScreenContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StatusScreenCircleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStatusScreenCircleContainer, never>;
+export declare const StatusScreenErrorCode: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageSuccessImgContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/dist/styledComponents/pages/start.d.ts

@@ -0,0 +1 @@
+export declare const InnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/styledComponents/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default _default;

package/dist/styledComponents/theme.d.ts

@@ -0,0 +1,45 @@
+export declare const theme: {
+    color: {
+        white: string;
+        porcelain: string;
+        porcelainSecond: string;
+        porcelainLight: string;
+        porcelainSecondLight: string;
+        iron: string;
+        ironSecond: string;
+        casper: string;
+        mercury: string;
+        dodgerBlue: string;
+        dodgerBlueLight: string;
+        royalBlue: string;
+        bostonBlue: string;
+        endeavour: string;
+        congressBlue: string;
+        brilliantBlue: string;
+        curiousBlue: string;
+        iceberg: string;
+        linkWater: string;
+        spindle: string;
+        cyprus: string;
+        gossamer: string;
+        emerald: string;
+        hokeyPokey: string;
+        hokeyPokeyLight: string;
+        anzac: string;
+        cerise: string;
+        sunsetOrange: string;
+        wePeep: string;
+        ebony: string;
+        abbey: string;
+        osloGrey: string;
+        loblolly: string;
+        jumbo: string;
+        blackPearl: string;
+        blueBayoux: string;
+    };
+    mixin: {
+        subtitle: () => string;
+        title: () => string;
+    };
+};
+export declare type ThemeType = typeof theme;

package/dist/styledComponents/ui/basic.d.ts

@@ -0,0 +1,10 @@
+interface IIconWrapper {
+    rotating: boolean;
+}
+export declare const rotate: import("styled-components").Keyframes;
+export declare const SimpleButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const H4Styled: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, {}, never>;
+export declare const Spacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IIconWrapper, never>;
+export {};

package/dist/styledComponents/ui/button.d.ts

@@ -0,0 +1,9 @@
+import { ButtonType } from '../../components/ui/Button';
+export declare const ButtonLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+interface IButtonStyled {
+    buttonType?: ButtonType;
+    disabled: boolean;
+    onClick: () => void;
+}
+export declare const ButtonStyled: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IButtonStyled, never>;
+export {};

package/{src/styledComponents/ui/index.ts → dist/styledComponents/ui/index.d.ts}

@@ -1,3 +1,3 @@
-export * from './basic';
-export * from './button';
-export * from './modals';
+export * from './basic';
+export * from './button';
+export * from './modals';

package/dist/styledComponents/ui/modals.d.ts

@@ -0,0 +1,7 @@
+interface IModalStyled {
+    disableTransparency: boolean;
+}
+export declare const ModalStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IModalStyled, never>;
+export declare const LoadingModalStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IModalStyled, never>;
+export declare const LoadingModalText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/package.json

@@ -1,99 +1,64 @@
 {
-  "name": "@basiq/connect-auth",
-  "version": "0.1.7",
-  "dependencies": {
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.2.0",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.5.0",
-    "@types/node": "^16.11.33",
-    "@types/react": "^18.0.9",
-    "@types/react-dom": "^18.0.3",
-    "@types/styled-components": "^5.1.25",
-    "awesome-typescript-loader": "^5.2.1",
-    "i18next": "^21.8.1",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "react-i18next": "^11.16.9",
-    "react-router-dom": "^6.3.0",
-    "react-scripts": "5.0.1",
-    "styled-components": "^5.3.5",
-    "typescript": "^4.6.4",
-    "web-vitals": "^2.1.4"
+  "version": "0.1.8",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "files": ["dist"],
+  "engines": {
+    "node": ">=10"
   },
   "scripts": {
-    "start": "react-app-rewired start",
-    "build": "react-app-rewired build",
-    "test": "react-app-rewired test",
-    "eject": "react-scripts eject",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix",
-    "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,scss,json}' --config ./.prettierrc"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+    "start": "tsdx watch",
+    "build": "tsdx build",
+    "test": "tsdx test --passWithNoTests",
+    "lint": "tsdx lint",
+    "prepare": "tsdx build",
+    "size": "size-limit",
+    "analyze": "size-limit --why"
   },
-  "ts-standard": {
-    "project": "./tsconfig.json"
+  "peerDependencies": {
+    "react": ">=16"
   },
-  "resolutions": {
-    "styled-components": "^5"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.18.2",
-    "@babel/preset-react": "^7.17.12",
-    "@babel/preset-typescript": "^7.16.7",
-    "@typescript-eslint/eslint-plugin": "^5.26.0",
-    "@typescript-eslint/parser": "^5.26.0",
-    "babel-plugin-styled-components": "^2.0.7",
-    "customize-cra": "^1.0.0",
-    "eslint": "^8.16.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-typescript": "^2.7.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.30.0",
-    "eslint-plugin-react-hooks": "^4.5.0",
-    "prettier": "^2.6.2",
-    "react-app-rewired": "^2.2.1",
-    "ts-standard": "^11.0.0"
+  "husky": {
+    "hooks": {
+      "pre-commit": "tsdx lint"
+    }
   },
-  "babel": {
-    "presets": [
-      "@babel/preset-typescript"
-    ],
-    "plugins": [
-      "babel-plugin-styled-components"
-    ]
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
   },
-  "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
-  "main": "index.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/basiqio/connect-code-validaiton.git"
-  },
-  "keywords": [
-    "sms",
-    "code",
-    "validation",
-    "basiq",
-    "connect"
-  ],
+  "name": "@basiq/connect-auth",
   "author": "Basiq",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/basiqio/connect-code-validaiton/issues"
+  "module": "dist/connect-auth.esm.js",
+  "size-limit": [{
+    "path": "dist/connect-auth.cjs.production.min.js",
+    "limit": "10 KB"
+  }, {
+    "path": "dist/connect-auth.esm.js",
+    "limit": "10 KB"
+  }],
+  "devDependencies": {
+    "@size-limit/preset-small-lib": "^7.0.8",
+    "@types/react": "^18.0.10",
+    "@types/react-dom": "^18.0.5",
+    "husky": "^8.0.1",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "size-limit": "^7.0.8",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.4.0",
+    "typescript": "^3.9.10",
+    "rollup-plugin-url": "^3.0.1",
+    "@rollup/plugin-image": "^2.1.1",
+    "@types/styled-components": "^5.1.25",
+    "i18next": "^21.8.1",
+    "react-i18next": "^11.16.9"
+
   },
-  "homepage": "https://github.com/basiqio/connect-code-validaiton#readme"
-}
+  "dependencies": {
+    "styled-components": "^5.3.5"
+  }
+}

package/.babelrc

@@ -1,3 +0,0 @@
-{
-  "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"]
-}

package/.eslintrc.json

@@ -1,47 +0,0 @@
-{
-	"env": {
-		"browser": true,
-		"es2021": true
-	},
-	"extends": [
-		"plugin:react/recommended",
-		"airbnb",
-		"eslint:recommended",
-		"plugin:@typescript-eslint/recommended",
-		"prettier" // Add this line!
-	],
-	"parser": "@typescript-eslint/parser",
-	"parserOptions": {
-		"ecmaFeatures": {
-			"jsx": true
-		},
-		"ecmaVersion": "latest",
-		"sourceType": "module"
-	},
-	"plugins": ["react", "react-hooks", "@typescript-eslint", "prettier"],
-	"rules": {
-		"no-use-before-define": "off",
-		"react/require-default-props": "off",
-		"react/jsx-no-useless-fragment": "off",
-		"react/no-array-index-key": "off",
-		"no-unused-vars": "warn",
-		"no-nested-ternary": "off",
-		"import/prefer-default-export": "off",
-		"@typescript-eslint/no-empty-interface": "off",
-		"@typescript-eslint/no-use-before-define": ["error"],
-		"react/jsx-filename-extension": ["warn", { "extensions": [".ts", ".tsx"] }],
-		"import/extensions": [
-			"error",
-			"ignorePackages",
-			{
-				"ts": "never",
-				"tsx": "never"
-			}
-		]
-	},
-	"settings": {
-		"import/resolver": {
-			"typescript": {}
-		}
-	}
-}

package/.prettierrc

@@ -1,12 +0,0 @@
-{
-  "proseWrap": "preserve",
-  "tabWidth": 4,
-  "arrowParens": "always",
-  "singleQuote": true,
-  "jsxBracketSameLine": false,
-  "printWidth": 150,
-  "useTabs": true,
-  "bracketSpacing": true,
-  "trailingComma": "none",
-  "endOfLine": "lf"
-}

package/config-overrides.js

@@ -1,12 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires,import/no-extraneous-dependencies
-const { override, addWebpackModuleRule} = require("customize-cra");
-
-module.exports = override(
-    addWebpackModuleRule({
-            test: /\.(js|jsx|ts|tsx)$/,
-            exclude: /node_modules/,
-            use: {
-                    loader: 'babel-loader'
-            }
-    })
-);

package/index.js

@@ -1 +0,0 @@
-export {default as BasiqConnect} from './src/index';

package/public/index.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>Basiq Connect</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/public/manifest.json

@@ -1,25 +0,0 @@
-{
-	"short_name": "React App",
-	"name": "Create React App Sample",
-	"icons": [
-		{
-			"src": "favicon.ico",
-			"sizes": "64x64 32x32 24x24 16x16",
-			"type": "image/x-icon"
-		},
-		{
-			"src": "logo192.png",
-			"type": "image/png",
-			"sizes": "192x192"
-		},
-		{
-			"src": "logo512.png",
-			"type": "image/png",
-			"sizes": "512x512"
-		}
-	],
-	"start_url": ".",
-	"display": "standalone",
-	"theme_color": "#000000",
-	"background_color": "#ffffff"
-}

package/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/src/App.css

@@ -1,38 +0,0 @@
-.App {
-	text-align: center;
-}
-
-.App-logo {
-	height: 40vmin;
-	pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-	.App-logo {
-		animation: App-logo-spin infinite 20s linear;
-	}
-}
-
-.App-header {
-	background-color: #282c34;
-	min-height: 100vh;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	font-size: calc(10px + 2vmin);
-	color: white;
-}
-
-.App-link {
-	color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}

package/src/App.test.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-	render(<App />);
-	const linkElement = screen.getByText(/learn react/i);
-	expect(linkElement).toBeInTheDocument();
-});