@tap-payments/auth-jsconnect 2.8.98-development → 2.9.1-development

package/build/features/signIn/screens/Mobile/validation.js

@@ -1,3 +1,4 @@
+import { getMobileNumberLen } from '../../../../utils';
 import * as yup from 'yup';
 export var PhoneValidationSchema = yup.object().shape({
     mobile: yup
@@ -19,10 +20,12 @@ export var PhoneValidationSchema = yup.object().shape({
             if (isSA) {
                 if (!isSaudiNumber)
                     return this.createError({ message: 'start_with_number' });
-                var requiredLen = isStartWith5 ? maxDigits - 1 : maxDigits;
+                var requiredLen = isStartWithZero ? maxDigits + 1 : maxDigits;
                 return valueLen === requiredLen ? true : this.createError({ message: 'enter_valid_mobile_number' });
             }
-            if (valueLen >= minDigits && valueLen <= maxDigits)
+            var requiredMaxLen = getMobileNumberLen(maxDigits, mobileValue);
+            var requiredMinLen = getMobileNumberLen(minDigits, mobileValue);
+            if (valueLen >= requiredMinLen && valueLen <= requiredMaxLen)
                 return true;
             if (minDigits === maxDigits)
                 return this.createError({ message: 'enter_valid_mobile_number' });

package/build/features/signIn/screens/OTP/OTP.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface OTPProps {
 }
-declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+declare const _default: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/signIn/screens/OTP/OTPInput.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface OTPProps {
 }
-declare const _default: React.MemoExoticComponent<({}: OTPProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: OTPProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/signIn/screens/OperatorError/OperatorError.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface OperatorErrorProps {
 }
-declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/signIn/screens/Password/Password.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface PasswordProps {
 }
-declare const _default: React.MemoExoticComponent<({}: PasswordProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: PasswordProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/signIn/screens/Password/PasswordInput.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 interface PasswordInputProps {
 }
-declare const _default: React.MemoExoticComponent<({}: PasswordInputProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: PasswordInputProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/tax/Tax.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { LibConfig } from '../../@types';
 export interface TaxLibProps extends LibConfig {
     verifyToken?: string;
     configToken?: string;
     loaderColor?: string;
 }
-export declare function TaxElement(props: TaxLibProps): JSX.Element;
+export declare function TaxElement(props: TaxLibProps): import("react/jsx-runtime").JSX.Element;
 export declare function renderTaxLib(config: TaxLibProps, elementId: string): {
     unmount: () => void;
 };

package/build/features/tax/screens/OperatorError/OperatorError.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface OperatorErrorProps {
 }
-declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/tax/screens/PrepareDataLoading/PrepareDataLoading.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare const PrepareDataLoading: () => JSX.Element;
-declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export declare const PrepareDataLoading: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/tax/screens/ResetPasswordSuccess/ResetPasswordSuccess.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface ResetPasswordSuccessProps {
 }
-declare const _default: React.MemoExoticComponent<({}: ResetPasswordSuccessProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: ResetPasswordSuccessProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/tax/screens/Success/Success.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface SuccessProps {
 }
-declare const _default: React.MemoExoticComponent<({}: SuccessProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: SuccessProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/tax/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+declare const _default: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/tax/screens/TaxDetails/ConfirmPolicy.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-declare type ConfirmPolicyProps = {
+type ConfirmPolicyProps = {
     readOnly?: boolean;
 };
-declare const ConfirmPolicy: ({ readOnly }: ConfirmPolicyProps) => JSX.Element;
+declare const ConfirmPolicy: ({ readOnly }: ConfirmPolicyProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmPolicy;

package/build/features/tax/screens/TaxDetails/TaxDetails.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export interface TaxDetailsProps {
 }
-declare const TaxDetails: () => JSX.Element;
+declare const TaxDetails: () => import("react/jsx-runtime").JSX.Element;
 export default TaxDetails;

package/build/features/tax/screens/TaxDetails/TaxDocument.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { FileDetails } from '../../../../@types';
 interface TaxDocumentProps {
     show: boolean;
     readOnly?: boolean;
     defaultFiles?: Array<FileDetails>;
 }
-declare const TaxDocument: ({ show, readOnly, defaultFiles }: TaxDocumentProps) => JSX.Element;
+declare const TaxDocument: ({ show, readOnly, defaultFiles }: TaxDocumentProps) => import("react/jsx-runtime").JSX.Element;
 export default TaxDocument;

package/build/features/tax/screens/TaxDetails/VATId.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-declare type VATIdProps = {
+type VATIdProps = {
     readOnly?: boolean;
     isVerified?: boolean;
 };
-declare const VATId: ({ readOnly, isVerified }: VATIdProps) => JSX.Element;
+declare const VATId: ({ readOnly, isVerified }: VATIdProps) => import("react/jsx-runtime").JSX.Element;
 export default VATId;

package/build/features/tax/screens/Verify/OTPInput.d.ts

@@ -3,5 +3,5 @@ export interface OTPProps {
     loading: boolean;
     setLoading: (flag: boolean) => void;
 }
-declare const _default: React.MemoExoticComponent<({ loading, setLoading }: OTPProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ loading, setLoading }: OTPProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/features/tax/screens/Verify/Verify.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface OTPProps {
 }
-declare const _default: React.MemoExoticComponent<({}: OTPProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: OTPProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/build/hooks/useAppDispatch.d.ts

@@ -12,4 +12,5 @@ export declare const useAppDispatch: () => import("redux-thunk").ThunkDispatch<{
     connectExpress: import("../features/app/connectExpress/connectExpressStore").ConnectExpressState;
     auth: import("../features/app/auth/authStore").AuthState;
     board: import("../features/app/board/boardStore").BoardState;
+    kyc: import("../features/app/kyc/kycStore").KYCDataState;
 }, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;

package/build/hooks/useDataVerified.d.ts

@@ -1,5 +1,5 @@
 import { FieldType } from '../@types';
-declare type DataVerified<T> = {
+type DataVerified<T> = {
     [K in keyof T]?: boolean;
 };
 export declare const useDataVerified: <T = undefined>(dataVerification: Record<keyof T, FieldType>, verifiedKeys: (keyof T)[]) => DataVerified<T>;

package/build/hooks/useExcludeReadOnlyFelids.d.ts

@@ -1,8 +1,8 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-declare type ReadOnly<TF, V> = {
+type ReadOnly<TF, V> = {
     [key in keyof TF]: V;
 };
-export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any>, readOnly: ReadOnly<TF, boolean>) => {
+export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any, undefined>, readOnly: ReadOnly<TF, boolean>) => {
     getFelids: <T extends TF = TF>(data: T) => {
         originalFormData: T;
         formData: T;

package/build/hooks/useFormDirtyCheck.d.ts

@@ -1,10 +1,10 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-declare type UseFormWithDirtyCheck = {
+type UseFormWithDirtyCheck = {
     isDirty: boolean;
 };
-declare type CustomAttrProps = {
+type CustomAttrProps = {
     name: string;
     keys: string[];
 };
-export declare const useFormDirtyCheck: <TFieldValues extends FieldValues>(method: UseFormReturn<TFieldValues, any>, backendData: TFieldValues, customAttrs?: CustomAttrProps[]) => UseFormWithDirtyCheck;
+export declare const useFormDirtyCheck: <TFieldValues extends FieldValues>(method: UseFormReturn<TFieldValues, any, undefined>, backendData: TFieldValues, customAttrs?: CustomAttrProps[]) => UseFormWithDirtyCheck;
 export {};

package/build/hooks/useFormErrorAndUpdateReadOnly.d.ts

@@ -1,6 +1,6 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-declare type ReadOnly<TF, V> = {
+type ReadOnly<TF, V> = {
     [key in keyof TF]: V;
 };
-export declare const useFormErrorAndUpdateReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any>, readOnlyData: { [key in keyof TF]: boolean; }, noneEditable?: Record<any, boolean>) => ReadOnly<TF, boolean>;
+export declare const useFormErrorAndUpdateReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any, undefined>, readOnlyData: { [key in keyof TF]: boolean; }, noneEditable?: Record<any, boolean>) => ReadOnly<TF, boolean>;
 export {};

package/build/hooks/useFormReadOnly.d.ts

@@ -1,6 +1,6 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-declare type ReadOnly<TF, V> = {
+type ReadOnly<TF, V> = {
     [key in keyof TF]: V;
 };
-export declare const useFormReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any>, extraData?: { [key in keyof TF]?: any; }) => ReadOnly<TF, boolean>;
+export declare const useFormReadOnly: <TF extends FieldValues = FieldValues>(methods: UseFormReturn<TF, any, undefined>, extraData?: { [key in keyof TF]?: any; }) => ReadOnly<TF, boolean>;
 export {};

package/build/hooks/useSanitizedTranslation.d.ts

@@ -1 +1,2 @@
-export declare const useSanitizedTranslation: () => (key: string) => string;
+import { StringMap, TOptions } from 'i18next';
+export declare const useSanitizedTranslation: () => (key: string, options?: string | TOptions<StringMap> | undefined) => string;

package/build/hooks/useSanitizedTranslation.js

@@ -7,9 +7,9 @@ export var useSanitizedTranslation = function () {
             return '';
         return key.replace(/[$#[\].]/g, '');
     }, []);
-    var sanitizedTranslate = useCallback(function (key) {
+    var sanitizedTranslate = useCallback(function (key, options) {
         var sanitizedError = sanitize(key);
-        return t(sanitizedError);
+        return t(sanitizedError, options);
     }, [t, sanitize]);
     return sanitizedTranslate;
 };

package/build/hooks/useSetFromDefaultValues.d.ts

@@ -1,2 +1,2 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-export declare const useSetFromDefaultValues: <TFieldValues extends FieldValues = FieldValues>(method: UseFormReturn<TFieldValues, any>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;
+export declare const useSetFromDefaultValues: <TFieldValues extends FieldValues = FieldValues>(method: UseFormReturn<TFieldValues, any, undefined>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;

package/build/index.d.ts

@@ -12,5 +12,6 @@ import { SignInElement, SignInLibProps } from './features/signIn';
 import { EntityElement, EntityLibProps } from './features/entity';
 import { BrandElement, BrandLibProps } from './features/brand';
 import { BoardLibProps, BoardElement } from './features/board';
-export type { ConnectLibProps, ConnectExpressLibProps, AuthLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps, BoardLibProps };
-export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement };
+import { KYCLibProps, KYCElement } from './features/kyc';
+export type { ConnectLibProps, ConnectExpressLibProps, AuthLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, SignInLibProps, BoardLibProps, KYCLibProps };
+export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement };

package/build/index.js

@@ -12,7 +12,8 @@ import { SignInElement, renderSignInLib } from './features/signIn';
 import { EntityElement, renderEntityLib } from './features/entity';
 import { BrandElement, renderBrandLib } from './features/brand';
 import { BoardElement, renderBoardLib } from './features/board';
-export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement };
+import { KYCElement, renderKYCLib } from './features/kyc';
+export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
     renderConnectExpressLib: renderConnectExpressLib,
@@ -25,6 +26,7 @@ window['TapAuth'] = {
     renderEntityLib: renderEntityLib,
     renderBrandLib: renderBrandLib,
     renderSignInLib: renderSignInLib,
-    renderBoardLib: renderBoardLib
+    renderBoardLib: renderBoardLib,
+    renderKYCLib: renderKYCLib
 };
 console.log("TapAuth version: ".concat(require('../package.json').version));

package/build/theme/shadows.js

@@ -2,7 +2,7 @@ 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 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)',
+    '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)',

package/build/utils/array.js

@@ -24,7 +24,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {

package/build/utils/string.d.ts

@@ -2,6 +2,7 @@ import { DeviceInfo, License, User } from '../@types';
 export declare const maskPhone: (str?: string) => string;
 export declare const shortenString: (str: string, length: number) => string;
 export declare const maskID: (str: string) => string;
+export declare const maskIDNumber: (str: string) => string;
 export declare const maskEmail: (str: string) => string;
 export declare const shortenBrand: (str: string) => string;
 export declare const showLastFour: (str: string) => string;
@@ -75,3 +76,4 @@ export declare const isStringHasOneAsterisk: (value: string) => boolean;
 export declare const isOtherLicense: (item?: License) => boolean;
 export declare const formatNumberAsCurrency: (number: string) => string;
 export declare const getCurrencyByCountryIso2: (countryCode: string) => string;
+export declare const getMobileNumberLen: (initialLen: number, number: string) => number;

package/build/utils/string.js

@@ -17,6 +17,10 @@ export var maskID = function (str) {
     var lastTwo = str.substring(str.length - 2, str.length);
     return ' ••••' + lastTwo;
 };
+export var maskIDNumber = function (str) {
+    var lastFour = str.substring(str.length - 4, str.length);
+    return ' ••••' + lastFour;
+};
 export var maskEmail = function (str) {
     if (str) {
         var name_1 = str.split('@')[0];
@@ -332,3 +336,7 @@ export var getCurrencyByCountryIso2 = function (countryCode) {
     var currencyCode = (_a = COUNTRY_TO_CURRENCY[countryCode]) !== null && _a !== void 0 ? _a : '';
     return currencyCode;
 };
+export var getMobileNumberLen = function (initialLen, number) {
+    var isStartsWith0 = number.startsWith('0');
+    return isStartsWith0 ? initialLen + 1 : initialLen;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.8.98-development",
+	"version": "2.9.1-development",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",