@tap-payments/auth-jsconnect 2.11.15-development → 2.11.17-development

package/build/index.css

@@ -0,0 +1,380 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
+@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+* {
+	word-break: normal;
+}
+
+*,
+*::after,
+*::before {
+	margin: 0;
+	padding: 0;
+	-webkit-box-sizing: inherit;
+	box-sizing: inherit;
+	-webkit-font-smoothing: antialiased;
+}
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+	line-height: 1.15; /* 1 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+	 ========================================================================== */
+
+/**
+   * Remove the margin in all browsers.
+   */
+
+body {
+	cursor: default;
+	margin: 0 !important;
+	padding: 0 !important;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-text-size-adjust: 100%;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	scroll-behavior: smooth;
+	text-rendering: optimizeSpeed;
+}
+
+/**
+   * Render the `main` element consistently in IE.
+   */
+
+main {
+	min-height: 50vh;
+	display: block;
+}
+
+/**
+   * Correct the font size and margin on `h1` elements within `section` and
+   * `article` contexts in Chrome, Firefox, and Safari.
+   */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/* Grouping content
+	 ========================================================================== */
+
+/**
+   * 1. Add the correct box sizing in Firefox.
+   * 2. Show the overflow in Edge and IE.
+   */
+
+hr {
+	box-sizing: content-box; /* 1 */
+	height: 0; /* 1 */
+	overflow: visible; /* 2 */
+}
+
+/**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+
+pre {
+	font-family: monospace, monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+	 ========================================================================== */
+
+/**
+   * Remove the gray background on active links in IE 10.
+   */
+
+a {
+	background-color: transparent;
+}
+
+/**
+   * 1. Remove the bottom border in Chrome 57-
+   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+   */
+
+abbr[title] {
+	border-bottom: none; /* 1 */
+	text-decoration: underline; /* 2 */
+	text-decoration: underline dotted; /* 2 */
+}
+
+/**
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+
+b,
+strong {
+	font-weight: bolder;
+}
+
+/**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+
+code,
+kbd,
+samp {
+	font-family: monospace, monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/**
+   * Add the correct font size in all browsers.
+   */
+
+small {
+	font-size: 80%;
+}
+
+/**
+   * Prevent `sub` and `sup` elements from affecting the line height in
+   * all browsers.
+   */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+sup {
+	top: -0.5em;
+}
+
+/* Embedded content
+	 ========================================================================== */
+
+/**
+   * Remove the border on images inside links in IE 10.
+   */
+
+img {
+	border-style: none;
+	object-fit: unset;
+}
+
+/* Forms
+	 ========================================================================== */
+
+/**
+   * 1. Change the font styles in all browsers.
+   * 2. Remove the margin in Firefox and Safari.
+   */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit; /* 1 */
+	font-size: 100%; /* 1 */
+	line-height: 1.15; /* 1 */
+	margin: 0; /* 2 */
+}
+
+/**
+   * Show the overflow in IE.
+   * 1. Show the overflow in Edge.
+   */
+
+button,
+input {
+	/* 1 */
+	overflow: visible;
+}
+
+/**
+   * Remove the inheritance of text transform in Edge, Firefox, and IE.
+   * 1. Remove the inheritance of text transform in Firefox.
+   */
+
+button,
+select {
+	/* 1 */
+	text-transform: none;
+}
+
+/**
+   * Correct the inability to style clickable types in iOS and Safari.
+   */
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+	-webkit-appearance: button;
+}
+
+/**
+   * Remove the inner border and padding in Firefox.
+   */
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+	border-style: none;
+	padding: 0;
+}
+
+/**
+   * Restore the focus styles unset by the previous rule.
+   */
+
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+	outline: 1px dotted ButtonText;
+}
+
+/**
+   * Correct the padding in Firefox.
+   */
+
+fieldset {
+	padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+   * 1. Correct the text wrapping in Edge and IE.
+   * 2. Correct the color inheritance from `fieldset` elements in IE.
+   * 3. Remove the padding so developers are not caught out when they zero out
+   *    `fieldset` elements in all browsers.
+   */
+
+legend {
+	box-sizing: border-box; /* 1 */
+	color: inherit; /* 2 */
+	display: table; /* 1 */
+	max-width: 100%; /* 1 */
+	padding: 0; /* 3 */
+	white-space: normal; /* 1 */
+}
+
+/**
+   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   */
+
+progress {
+	vertical-align: baseline;
+}
+
+/**
+   * Remove the default vertical scrollbar in IE 10+.
+   */
+
+textarea {
+	overflow: auto;
+}
+
+/**
+   * 1. Add the correct box sizing in IE 10.
+   * 2. Remove the padding in IE 10.
+   */
+
+[type='checkbox'],
+[type='radio'] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+   * Correct the cursor style of increment and decrement buttons in Chrome.
+   */
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+   * 1. Correct the odd appearance in Chrome and Safari.
+   * 2. Correct the outline style in Safari.
+   */
+
+[type='search'] {
+	-webkit-appearance: textfield; /* 1 */
+	outline-offset: -2px; /* 2 */
+}
+
+/**
+   * Remove the inner padding in Chrome and Safari on macOS.
+   */
+
+[type='search']::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+   * 1. Correct the inability to style clickable types in iOS and Safari.
+   * 2. Change font properties to `inherit` in Safari.
+   */
+
+::-webkit-file-upload-button {
+	-webkit-appearance: button; /* 1 */
+	font: inherit; /* 2 */
+}
+
+/* Interactive
+	 ========================================================================== */
+
+/*
+   * Add the correct display in Edge, IE 10+, and Firefox.
+   */
+
+details {
+	display: block;
+}
+
+/*
+   * Add the correct display in all browsers.
+   */
+
+summary {
+	display: list-item;
+}
+
+/* Misc
+	 ========================================================================== */
+
+/**
+   * Add the correct display in IE 10+.
+   */
+
+template {
+	display: none;
+}
+
+/**
+   * Add the correct display in IE 10.
+   */
+
+[hidden] {
+	display: none;
+}

package/build/index.d.ts

@@ -0,0 +1,18 @@
+import './index.css';
+import './i18n';
+import { ConnectElement, ConnectLibProps } from './features/connect';
+import { ConnectExpressElement, ConnectExpressLibProps } from './features/connectExpress';
+import { AuthElement, AuthLibProps } from './features/auth';
+import { BusinessElement, BusinessLibProps } from './features/business';
+import { PasswordElement, PasswordLibProps } from './features/password';
+import { IndividualElement, IndividualLibProps } from './features/individual';
+import { BankElement, BankLibProps } from './features/bank';
+import { TaxElement, TaxLibProps } from './features/tax';
+import { SignInElement, SignInLibProps } from './features/signIn';
+import { EntityElement, EntityLibProps } from './features/entity';
+import { BrandElement, BrandLibProps } from './features/brand';
+import { BoardLibProps, BoardElement } from './features/board';
+import { KYCLibProps, KYCElement } from './features/kyc';
+import { TerminalLibProps, TerminalElement } from './features/terminal';
+export type { ConnectLibProps, ConnectExpressLibProps, AuthLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps, BoardLibProps, KYCLibProps, TerminalLibProps };
+export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement, TerminalElement };

package/build/index.js

@@ -0,0 +1,34 @@
+import './index.css';
+import './i18n';
+import { ConnectElement, renderConnectLib } from './features/connect';
+import { ConnectExpressElement, renderConnectExpressLib } from './features/connectExpress';
+import { AuthElement, renderAuthLib } from './features/auth';
+import { BusinessElement, renderBusinessLib } from './features/business';
+import { PasswordElement, renderPasswordLib } from './features/password';
+import { IndividualElement, renderIndividualLib } from './features/individual';
+import { BankElement, renderBankLib } from './features/bank';
+import { TaxElement, renderTaxLib } from './features/tax';
+import { SignInElement, renderSignInLib } from './features/signIn';
+import { EntityElement, renderEntityLib } from './features/entity';
+import { BrandElement, renderBrandLib } from './features/brand';
+import { BoardElement, renderBoardLib } from './features/board';
+import { KYCElement, renderKYCLib } from './features/kyc';
+import { TerminalElement, renderTerminalLib } from './features/terminal';
+export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement, TerminalElement };
+window['TapAuth'] = {
+    renderConnectLib: renderConnectLib,
+    renderConnectExpressLib: renderConnectExpressLib,
+    renderAuthLib: renderAuthLib,
+    renderBusinessLib: renderBusinessLib,
+    renderPasswordLib: renderPasswordLib,
+    renderIndividualLib: renderIndividualLib,
+    renderBankLib: renderBankLib,
+    renderTaxLib: renderTaxLib,
+    renderEntityLib: renderEntityLib,
+    renderBrandLib: renderBrandLib,
+    renderSignInLib: renderSignInLib,
+    renderBoardLib: renderBoardLib,
+    renderKYCLib: renderKYCLib,
+    renderTerminalLib: renderTerminalLib
+};
+console.log("TapAuth version: ".concat(require('../package.json').version));

package/build/theme/components.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const components: Components<Theme> | undefined;

package/build/theme/components.js

@@ -0,0 +1,26 @@
+export var components = {
+    MuiSvgIcon: {
+        styleOverrides: {
+            root: {
+                width: '0.8em',
+                height: '0.8em'
+            }
+        }
+    },
+    MuiBackdrop: {
+        styleOverrides: {
+            root: {
+                '&.MuiDialog-backdrop': {
+                    backgroundColor: 'transparent'
+                }
+            }
+        }
+    },
+    MuiTooltip: {
+        styleOverrides: {
+            popper: {
+                zIndex: 2147483647
+            }
+        }
+    }
+};

package/build/theme/index.d.ts

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

package/build/theme/index.js

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

package/build/theme/palette.d.ts

@@ -0,0 +1,3 @@
+import { PaletteOptions } from '@mui/material/styles';
+export declare const lightPalette: PaletteOptions;
+export declare const darkPalette: PaletteOptions;

package/build/theme/palette.js

@@ -0,0 +1,82 @@
+export var lightPalette = {
+    mode: 'light',
+    divider: '#e3e8ee',
+    primary: {
+        main: '#007aff',
+        dark: '#9CA0A94D',
+        light: '#0A9A8F',
+        contrastText: '#e2e0f8'
+    },
+    success: {
+        light: '#2CCE01',
+        main: '#1ECB40',
+        dark: '#3A4155'
+    },
+    common: {
+        black: '#000',
+        white: '#fff'
+    },
+    background: {
+        paper: '#fafbfd',
+        default: '#ffffff'
+    },
+    text: {
+        primary: '#3f424d',
+        secondary: '#ABAEB6',
+        disabled: '#3A4154B3'
+    },
+    action: {
+        selected: 'rgba(0, 0, 0, 0.08)',
+        hover: 'rgba(0, 0, 0, 0.08)'
+    },
+    secondary: {
+        light: '#FAFBFC',
+        main: '#c2c6cc',
+        dark: '#ABAEB6'
+    },
+    error: {
+        main: '#EB3746',
+        light: '#FF0F3E',
+        dark: '#E937454D'
+    },
+    warning: {
+        main: '#F5A623',
+        light: '#FF9F00',
+        dark: '#F5A6234D'
+    },
+    info: {
+        main: '#808592',
+        light: '#EAECEF',
+        dark: '#3B4152'
+    },
+    components: {
+        deviceCard: {
+            title: '#20232B',
+            statusText: '#1F222A80',
+            statusBackground: ' #F0F0F0',
+            deviceInfoBackground: 'linear-gradient(127.37deg, rgba(255, 255, 255, 0.6) 59.07%, rgba(255, 255, 255, 0.444) 100.12%);',
+            border: '#e8ecf2'
+        },
+        toastDeviceSelectorDropdown: {
+            border: '#f2f2f2'
+        }
+    }
+};
+export var darkPalette = {
+    mode: 'dark',
+    divider: '#cdd2e0',
+    background: {
+        paper: '#171a21',
+        default: '#21252f'
+    },
+    text: {
+        primary: '#cdd2e0'
+    },
+    action: {
+        selected: 'rgba(0, 0, 0, 0.08)',
+        hover: 'rgba(0, 0, 0, 0.08)'
+    },
+    primary: {
+        main: '#007aff'
+    }
+};

package/build/theme/shadows.d.ts

@@ -0,0 +1,2 @@
+import { Shadows } from '@mui/material/styles/shadows';
+export declare const shadows: Shadows | undefined;

package/build/theme/shadows.js

@@ -0,0 +1,27 @@
+export var shadows = [
+    'none',
+    '0 0 0 1px rgb(63 63 68 / 5%), 0 1px 2px 0 rgb(63 63 68 / 15%)',
+    '0px 0px 2px rgba(0, 0, 0, 0.08)',
+    '0px 0px 18px 0px #0000000D',
+    '0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)',
+    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)',
+    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)',
+    '0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)',
+    '0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)',
+    '0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)',
+    '0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)',
+    '0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)',
+    '0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)',
+    '0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)',
+    '0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)',
+    '0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)',
+    '0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)',
+    '0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)',
+    '0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)',
+    '0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)',
+    '0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)',
+    '0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)',
+    '0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)',
+    '0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)',
+    '0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)'
+];

package/build/theme/theme.d.ts

@@ -0,0 +1,2 @@
+import { DirectionMode, ThemeMode } from '../@types';
+export declare const appTheme: (mode: ThemeMode, dir: DirectionMode, isSmallScreen: boolean) => import("@mui/material/styles").Theme;

package/build/theme/theme.js

@@ -0,0 +1,43 @@
+import { createTheme } from '@mui/material/styles';
+import { typography } from './typography';
+import { darkPalette, lightPalette } from './palette';
+import { components } from './components';
+import { shadows } from './shadows';
+export var appTheme = function (mode, dir, isSmallScreen) {
+    return createTheme({
+        palette: mode === 'dark' ? darkPalette : lightPalette,
+        direction: dir,
+        typography: typography,
+        breakpoints: {
+            values: {
+                xs: 0,
+                sm: isSmallScreen ? 1536 : 600,
+                md: 900,
+                lg: 1200,
+                xl: 1536
+            }
+        },
+        components: components,
+        shape: {
+            borderRadius: 5
+        },
+        shadows: shadows,
+        transitions: {
+            duration: {
+                shortest: 200,
+                shorter: 300,
+                short: 400,
+                standard: 500,
+                complex: 700,
+                enteringScreen: 500,
+                leavingScreen: 500
+            },
+            easing: {
+                easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
+                easeOut: 'cubic-bezier(0, 0, 0.2, 1)',
+                easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+                sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
+            }
+        }
+    });
+};

package/build/theme/typography.d.ts

@@ -0,0 +1,2 @@
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+export declare const typography: TypographyOptions;

package/build/theme/typography.js

@@ -0,0 +1,35 @@
+export var typography = {
+    htmlFontSize: 16,
+    fontFamily: '"Lato", "Tajawal", "Roboto"',
+    fontSize: 14,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightSemiBold: 600,
+    fontWeightBold: 700,
+    allVariants: {
+        fontFamily: '"Lato", "Tajawal", "Roboto"',
+        fontSize: '0.875rem',
+        lineHeight: 'normal',
+        fontStyle: 'normal',
+        fontWeight: 'normal',
+        fontStretch: 'normal',
+        letterSpacing: 'normal'
+    },
+    h1: { fontSize: '3.5rem' },
+    h2: { fontSize: '3rem' },
+    h3: { fontSize: '2.5rem' },
+    h4: { fontSize: '2rem' },
+    h4_small: { fontSize: '1.625rem' },
+    h5: { fontSize: '1.5rem' },
+    h6: { fontSize: '1.25rem' },
+    subtitle1: { fontSize: '1.125rem' },
+    subtitle2: { fontSize: '0.875rem' },
+    body1: { fontSize: '1rem' },
+    body2: { fontSize: '0.875rem' },
+    button: { fontSize: '0.875rem' },
+    button_small: { fontSize: '0.813rem' },
+    caption: { fontSize: '0.75rem' },
+    caption_small: { fontSize: '0.625rem' },
+    overline: { fontSize: '0.5rem' }
+};