@tap-payments/auth-jsconnect 2.8.60-development → 2.8.61-beta

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) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: PasswordProps) => 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) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: PasswordInputProps) => JSX.Element>;
 export default _default;

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

@@ -1,10 +1,11 @@
+/// <reference types="react" />
 import { LibConfig } from '../../@types';
 export interface TaxLibProps extends LibConfig {
     verifyToken?: string;
     configToken?: string;
     loaderColor?: string;
 }
-export declare function TaxElement(props: TaxLibProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaxElement(props: TaxLibProps): 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) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: OperatorErrorProps) => 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: () => import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const PrepareDataLoading: () => JSX.Element;
+declare const _default: React.MemoExoticComponent<() => 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) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: ResetPasswordSuccessProps) => 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) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: SuccessProps) => 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<() => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;

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

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

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

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

package/build/features/tax/screens/TaxDetails/TaxDetails.js

@@ -16,7 +16,7 @@ import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { styled } from '@mui/material/styles';
 import Form from '../../../../components/Form';
-import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified, useFormDirtyCheck } from '../../../../hooks';
+import { useAppDispatch, useLanguage, useAppSelector, useSetFromDefaultValues, useFormReadOnly, useDataNoneEditable, useFormErrorAndUpdateReadOnly, useExcludeReadOnlyFelids, useDataVerified } from '../../../../hooks';
 import { handlePrevScreenStep, settingsSelector } from '../../../../app/settings';
 import { DocumentPurpose } from '../../../../@types';
 import { deepCopy, getFileDetailsFromDocument, isSA } from '../../../../utils';
@@ -55,18 +55,13 @@ var TaxDetails = function () {
     var noneEditable = useDataNoneEditable(data_status, ['tax_number', 'documents', 'is_vat_acknowledged']);
     var readOnly = useFormErrorAndUpdateReadOnly(methods, originalReadOnly, noneEditable);
     var dataVerified = useDataVerified(data_verification, ['tax_number']);
-    var isDirty = useFormDirtyCheck(methods, {
-        vatId: entity === null || entity === void 0 ? void 0 : entity.vat_id,
-        confirmPolicy: entity === null || entity === void 0 ? void 0 : entity.is_vat_acknowledged
-    }).isDirty;
     var getFelids = useExcludeReadOnlyFelids(methods, readOnly).getFelids;
     var isVatIdVerified = dataVerified['tax_number'] && vat_id === methods.watch('vatId');
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
     var onSubmit = function (data) {
-        var formData = __assign(__assign({}, deepCopy(getFelids(data))), { isDirty: isDirty });
-        dispatch(updateTaxInfo(formData));
+        dispatch(updateTaxInfo(deepCopy(getFelids(data))));
     };
     var onBack = function () {
         if ((flows === null || flows === void 0 ? void 0 : flows.length) > 0) {

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

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

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

@@ -1,6 +1,7 @@
-type VATIdProps = {
+/// <reference types="react" />
+declare type VATIdProps = {
     readOnly?: boolean;
     isVerified?: boolean;
 };
-declare const VATId: ({ readOnly, isVerified }: VATIdProps) => import("react/jsx-runtime").JSX.Element;
+declare const VATId: ({ readOnly, isVerified }: VATIdProps) => 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) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ loading, setLoading }: OTPProps) => 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) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({}: OTPProps) => JSX.Element>;
 export default _default;

package/build/hooks/index.d.ts

@@ -20,4 +20,3 @@ export * from './useDataNoneEditable';
 export * from './useFormErrorAndUpdateReadOnly';
 export * from './useExcludeReadOnlyFelids';
 export * from './useDataVerified';
-export * from './useFormDirtyCheck';

package/build/hooks/index.js

@@ -20,4 +20,3 @@ export * from './useDataNoneEditable';
 export * from './useFormErrorAndUpdateReadOnly';
 export * from './useExcludeReadOnlyFelids';
 export * from './useDataVerified';
-export * from './useFormDirtyCheck';

package/build/hooks/useDataVerified.d.ts

@@ -1,5 +1,5 @@
 import { FieldType } from '../@types';
-type DataVerified<T> = {
+declare 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';
-type ReadOnly<TF, V> = {
+declare type ReadOnly<TF, V> = {
     [key in keyof TF]: V;
 };
-export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any, undefined>, readOnly: ReadOnly<TF, boolean>) => {
+export declare const useExcludeReadOnlyFelids: <TF extends FieldValues = FieldValues>({ formState }: UseFormReturn<TF, any>, readOnly: ReadOnly<TF, boolean>) => {
     getFelids: <T extends TF = TF>(data: T) => {
         originalFormData: T;
         formData: T;

package/build/hooks/useFormErrorAndUpdateReadOnly.d.ts

@@ -1,6 +1,6 @@
 import { FieldValues, UseFormReturn } from 'react-hook-form';
-type ReadOnly<TF, V> = {
+declare type ReadOnly<TF, V> = {
     [key in keyof TF]: V;
 };
-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 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 {};

package/build/hooks/useFormReadOnly.d.ts

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

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, undefined>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;
+export declare const useSetFromDefaultValues: <TFieldValues extends FieldValues = FieldValues>(method: UseFormReturn<TFieldValues, any>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;

package/build/index.css

@@ -11,6 +11,16 @@
 	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.
@@ -29,7 +39,16 @@ html {
    */
 
 body {
-	margin: 0;
+	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;
 }
 
 /**
@@ -37,6 +56,7 @@ body {
    */
 
 main {
+	min-height: 50vh;
 	display: block;
 }
 

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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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/common.js

@@ -1,5 +1,5 @@
 import { axiosInstance } from '../api';
-import { ENDPOINT_PATHS, CONNECT_DEV_URL, CONNECT_PROD_URL } from '../constants';
+import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_BETA_URL } from '../constants';
 export var sleep = function (milliseconds) {
     if (milliseconds === void 0) { milliseconds = 1000; }
     return new Promise(function (resolve) { return setTimeout(resolve, milliseconds); });
@@ -13,10 +13,10 @@ export var dangerousMessage = function (message, callBack) {
 export var setBaseUrl = function (publicKey) {
     var isProd = publicKey.includes('pk_live');
     if (isProd) {
-        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.PRODUCTION_BASE_URL;
+        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.BETA_BASE_URL;
         return;
     }
-    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
+    axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
 };
 export var updateLocationUrlWithCountry = function (countryIso2) {
     var country = countryIso2.toLowerCase();
@@ -35,7 +35,7 @@ export var updateLocationUrlWithCountry = function (countryIso2) {
     window.history.replaceState({}, '', newUrl);
 };
 export var openConnect = function (pk, countryCode) {
-    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_DEV_URL);
+    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_BETA_URL : CONNECT_SANDBOX_URL);
     if (countryCode) {
         newUrl.pathname = "/".concat(countryCode.toLowerCase());
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.8.60-development",
+	"version": "2.8.61-beta",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -21,7 +21,7 @@
 		"copy:files": "copyfiles -u 1 src/**/*.css build/",
 		"tsc:alias": "tsc-alias -p tsconfig.json",
 		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
-		"push": "npm publish --access public --tag development"
+		"push": "npm publish --access public --tag beta"
 	},
 	"keywords": [],
 	"author": {

package/build/hooks/useFormDirtyCheck.d.ts

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

package/build/hooks/useFormDirtyCheck.js

@@ -1,66 +0,0 @@
-import React from 'react';
-import _ from 'lodash';
-export var useFormDirtyCheck = function (method, backendData, customAttrs) {
-    var _a = React.useState(false), isDirty = _a[0], setIsDirty = _a[1];
-    var data = method.watch();
-    var isValidData = function (formValue, backendValue) {
-        if (_.isUndefined(formValue))
-            return false;
-        if (_.isArray(formValue) && formValue.length === 0)
-            return false;
-        if (_.isObject(formValue) && _.isEmpty(formValue))
-            return false;
-        if (formValue === '' && !backendValue)
-            return false;
-        return true;
-    };
-    var isArray = function (data, backendData) {
-        return backendData && data && _.isArray(backendData) && _.isArray(data);
-    };
-    var isObject = function (data, backendData) {
-        return backendData && data && _.isObject(data) && _.isObject(backendData);
-    };
-    var mapArrayOfObjectWithKeys = function (items, keys) {
-        return _.map(items, function (item) { return _.pick(item, keys); });
-    };
-    var mapObjectWithKeys = function (item, keys) {
-        return _.pick(item, keys);
-    };
-    var deepComparison = function (data, backendData, customAttrs) {
-        var _loop_1 = function (key) {
-            var formValue = data === null || data === void 0 ? void 0 : data[key];
-            var backEndValue = backendData === null || backendData === void 0 ? void 0 : backendData[key];
-            if (!isValidData(formValue, backEndValue))
-                return "continue";
-            var customAttr = customAttrs === null || customAttrs === void 0 ? void 0 : customAttrs.find(function (el) { return el.name === key; });
-            if (customAttr) {
-                var keys = customAttr.keys;
-                if (isArray(formValue, backEndValue)) {
-                    formValue = mapArrayOfObjectWithKeys(formValue, keys);
-                    backEndValue = mapArrayOfObjectWithKeys(backEndValue, keys);
-                    if (formValue.length !== backEndValue.length)
-                        return { value: true };
-                    if (_.differenceWith(formValue, backEndValue, _.isEqual).length > 0)
-                        return { value: true };
-                }
-                if (isObject(formValue, backEndValue)) {
-                    formValue = mapObjectWithKeys(formValue, keys);
-                    backEndValue = mapObjectWithKeys(backEndValue, keys);
-                }
-            }
-            if (!_.isEqual(formValue, backEndValue))
-                return { value: true };
-        };
-        for (var key in backendData) {
-            var state_1 = _loop_1(key);
-            if (typeof state_1 === "object")
-                return state_1.value;
-        }
-        return false;
-    };
-    React.useEffect(function () {
-        var isDirty = deepComparison(data, backendData, customAttrs);
-        setIsDirty(isDirty);
-    }, [data, backendData]);
-    return { isDirty: isDirty };
-};