@tap-payments/auth-jsconnect 2.0.51 → 2.0.52

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

@@ -21,26 +21,24 @@ import { isSA, removeAllCharsFromNumber } from '../../../../utils';
 import { settingsSelector } from '../../../../app/settings';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
-import { taxSelector } from '../../../app/tax/taxStore';
-var VATId = function () {
-    var _a;
+var VATId = function (_a) {
+    var _b;
+    var readOnly = _a.readOnly;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var vatControl = useController({ name: 'vatId', control: control });
     var settingsData = useAppSelector(settingsSelector).data;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
-    var data = useAppSelector(taxSelector).data;
-    var entity = (data.verify.responseBody || {}).entity;
     var disabled = false;
     var handleOnChange = function (vat) {
         var value = removeAllCharsFromNumber(vat);
         vatControl.field.onChange(value);
     };
     var vatValue = vatControl.field.value;
-    var vatError = (_a = vatControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    var vatError = (_b = vatControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var clearValue = function () {
         vatControl.field.onChange('');
     };
-    return (_jsx(Box, __assign({ sx: isSACountry ? {} : { height: '200px' } }, { children: _jsx(Input, { label: t('vat_id'), disabled: disabled, inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: t('vat_id_placeholder'), warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) })));
+    return (_jsx(Box, __assign({ sx: isSACountry ? {} : { height: '200px' } }, { children: _jsx(Input, { readOnly: readOnly, label: t('vat_id'), disabled: disabled, inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue || '', onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: t('vat_id_placeholder'), warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) })));
 };
 export default VATId;

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

@@ -1,14 +1,14 @@
 import * as yup from 'yup';
-export declare const Validation: (entity: any) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+export declare const Validation: () => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     documentId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     documentId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
+    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     documentId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
 }>>>;

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

@@ -1,10 +1,7 @@
 import * as yup from 'yup';
-import { FieldType } from '../../../../@types';
-export var Validation = function (entity) {
-    var _a = entity || {}, vat_id = _a.vat_id, data_status = _a.data_status;
-    var isTaxNumberOptional = !vat_id && (data_status === null || data_status === void 0 ? void 0 : data_status.tax_number) === FieldType.NON_EDITABLE;
+export var Validation = function () {
     return yup.object().shape({
-        vatId: isTaxNumberOptional ? yup.string().optional() : yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat'),
+        vatId: yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat'),
         confirmPolicy: yup.boolean().required('alert_tax_confirm').isTrue('alert_tax_confirm'),
         documentId: yup.array().optional()
     });

package/build/features/tax/screens/Verify/OTPInput.js

@@ -11,14 +11,15 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useAppDispatch } from '../../../../hooks';
+import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import OTPField from '../../../shared/OTP';
 import { useController, useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-import { resendOTP } from '../../../app/tax/taxStore';
+import { isTokenExpired } from '../../../../utils';
+import { resendOTP, taxSelector } from '../../../app/tax/taxStore';
 var BoxStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -33,6 +34,7 @@ var OTPInput = function (_a) {
     var t = useTranslation().t;
     var otpControl = useController({ name: 'otp', control: control });
     var dispatch = useAppDispatch();
+    var error = useAppSelector(taxSelector).error;
     var handleOnOTPChange = function (otp) {
         otpControl.field.onChange(otp);
     };
@@ -42,6 +44,6 @@ var OTPInput = function (_a) {
         dispatch(resendOTP());
     };
     var otpValue = otpControl.field.value;
-    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { loading: loading, timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: handleOnResendOTP, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
+    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { loading: loading, timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: handleOnResendOTP, value: otpValue, hasError: isTokenExpired(error), onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
 };
 export default React.memo(OTPInput);

package/build/hooks/index.d.ts

@@ -15,3 +15,6 @@ export * from './useSetFromDefaultValues';
 export * from './useCountUp';
 export * from './useCountry';
 export * from './useVerifyToken';
+export * from './useFormReadOnly';
+export * from './useDataNoneEditable';
+export * from './useFormErrorAndUpdateReadOnly';

package/build/hooks/index.js

@@ -15,3 +15,6 @@ export * from './useSetFromDefaultValues';
 export * from './useCountUp';
 export * from './useCountry';
 export * from './useVerifyToken';
+export * from './useFormReadOnly';
+export * from './useDataNoneEditable';
+export * from './useFormErrorAndUpdateReadOnly';

package/build/hooks/useAppConfig.d.ts

@@ -6,5 +6,5 @@ interface AppConfigProps extends LibConfig {
     disableSettingFetching?: boolean;
     maturity?: 'full' | 'express';
 }
-export declare const useAppConfig: ({ appInfo, navigation, publicKey, disableCountries, disableLocale, disableSettingFetching, maturity, ...rest }: AppConfigProps) => void;
+export declare const useAppConfig: ({ appInfo, navigation, publicKey, disableCountries, disableLocale, disableSettingFetching, maturity, boardMaturity, ...rest }: AppConfigProps) => void;
 export {};

package/build/hooks/useAppConfig.js

@@ -21,13 +21,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { useEffect } from 'react';
-import { handleActiveFlowScreens, handleSetAppConfig, handleLanguage, handleOpen, handleIsTapOrigin, fetchAppSettingsSync } from '../app/settings';
+import { handleActiveFlowScreens, handleSetAppConfig, handleLanguage, handleOpen, handleIsTapOrigin, fetchAppSettingsSync, handelBoardMaturity } from '../app/settings';
 import { useAppDispatch } from './useAppDispatch';
 import { axiosInstance } from '../api';
 import { isTapDomain, removeRequestHeaders } from '../utils';
 import { ENDPOINT_PATHS } from '../constants';
 export var useAppConfig = function (_a) {
-    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, disableCountries = _a.disableCountries, disableLocale = _a.disableLocale, disableSettingFetching = _a.disableSettingFetching, maturity = _a.maturity, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity"]);
+    var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, disableCountries = _a.disableCountries, disableLocale = _a.disableLocale, disableSettingFetching = _a.disableSettingFetching, maturity = _a.maturity, boardMaturity = _a.boardMaturity, rest = __rest(_a, ["appInfo", "navigation", "publicKey", "disableCountries", "disableLocale", "disableSettingFetching", "maturity", "boardMaturity"]);
     var dispatch = useAppDispatch();
     var setBaseUrl = function () {
         var isProd = publicKey.includes('pk_live');
@@ -56,6 +56,8 @@ export var useAppConfig = function (_a) {
         checkDomain();
         setBaseUrl();
         setAppConfig();
+        if (typeof boardMaturity === 'boolean')
+            dispatch(handelBoardMaturity(boardMaturity));
         dispatch(handleLanguage(rest.language));
         if (!disableSettingFetching)
             dispatch(fetchAppSettingsSync({ disableCountries: disableCountries, disableLocale: disableLocale, mdn: rest.merchantDomain, maturity: maturity }));

package/build/hooks/useDataNoneEditable.d.ts

@@ -0,0 +1,2 @@
+import { FieldType } from '../@types';
+export declare const useDataNoneEditable: <T = undefined>(dataStatus: Record<keyof T, FieldType>, noneEditableKeys: (keyof T)[]) => { [key in keyof T]: boolean; };

package/build/hooks/useDataNoneEditable.js

@@ -0,0 +1,19 @@
+import { useCallback, useEffect, useState } from 'react';
+import { hasNoneEditableValue } from '../utils';
+export var useDataNoneEditable = function (dataStatus, noneEditableKeys) {
+    var _a = useState({}), dataNoneEditable = _a[0], setDataNoneEditable = _a[1];
+    var setNoneEditableValue = useCallback(function () {
+        if (!dataStatus)
+            return;
+        var obj = {};
+        noneEditableKeys.forEach(function (path) {
+            var isNoneEditable = hasNoneEditableValue(dataStatus, path);
+            obj[path] = isNoneEditable;
+        });
+        setDataNoneEditable(obj);
+    }, [dataStatus, noneEditableKeys, hasNoneEditableValue]);
+    useEffect(function () {
+        setNoneEditableValue();
+    }, [setDataNoneEditable]);
+    return dataNoneEditable;
+};

package/build/hooks/useFormErrorAndUpdateReadOnly.d.ts

@@ -0,0 +1,6 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+declare 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 {};

package/build/hooks/useFormErrorAndUpdateReadOnly.js

@@ -0,0 +1,48 @@
+import { useCallback, useEffect, useState } from 'react';
+export var useFormErrorAndUpdateReadOnly = function (methods, readOnlyData, noneEditable) {
+    if (noneEditable === void 0) { noneEditable = {}; }
+    var _a = useState({}), readOnly = _a[0], setReadOnly = _a[1];
+    var reValidateReadOnly = useCallback(function () {
+        if (Object.keys(readOnlyData).length === 0)
+            return;
+        var defaultValues = methods.formState.defaultValues;
+        for (var key in readOnlyData) {
+            var value = readOnlyData === null || readOnlyData === void 0 ? void 0 : readOnlyData[key];
+            if (value === true) {
+                methods.setValue(key, defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues[key], { shouldValidate: true });
+            }
+        }
+    }, [readOnlyData, methods.setValue, methods.formState.defaultValues]);
+    var reValidateNoneEditable = useCallback(function () {
+        var hasNoneEditable = Object.values(noneEditable).some(function (value) { return value === true; });
+        if (!hasNoneEditable)
+            return;
+        var defaultValues = methods.formState.defaultValues;
+        for (var key in defaultValues) {
+            methods.setValue(key, defaultValues[key], { shouldValidate: true });
+        }
+    }, [noneEditable, methods.formState.defaultValues]);
+    var updateReadOnly = useCallback(function () {
+        var errors = methods.formState.errors;
+        var newReadOnly = {};
+        for (var key in readOnlyData) {
+            var error = errors === null || errors === void 0 ? void 0 : errors[key];
+            var value = readOnlyData === null || readOnlyData === void 0 ? void 0 : readOnlyData[key];
+            if (error)
+                newReadOnly[key] = false;
+            else
+                newReadOnly[key] = value;
+        }
+        setReadOnly(newReadOnly);
+    }, [readOnlyData, methods.formState.errors]);
+    useEffect(function () {
+        reValidateReadOnly();
+    }, [reValidateReadOnly]);
+    useEffect(function () {
+        reValidateNoneEditable();
+    }, [reValidateNoneEditable]);
+    useEffect(function () {
+        updateReadOnly();
+    }, [updateReadOnly]);
+    return readOnly;
+};

package/build/hooks/useFormReadOnly.d.ts

@@ -0,0 +1,6 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+declare 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 {};

package/build/hooks/useFormReadOnly.js

@@ -0,0 +1,40 @@
+import { useCallback, useEffect, useState } from 'react';
+import { settingsSelector } from '../app/settings';
+import { useAppSelector } from './useAppSelector';
+var isValidData = function (data) {
+    if (data === null || data === undefined)
+        return false;
+    if (typeof data === 'boolean')
+        return data === true;
+    if (typeof data === 'string' && data.trim() === '')
+        return false;
+    if (typeof data === 'object' && Object.keys(data).length === 0)
+        return false;
+    if (Array.isArray(data) && data.length === 0)
+        return false;
+    return true;
+};
+export var useFormReadOnly = function (methods, extraData) {
+    if (extraData === void 0) { extraData = {}; }
+    var _a = useState({}), readOnly = _a[0], setReadOnly = _a[1];
+    var data = useAppSelector(settingsSelector).data;
+    var setReadOnlyValues = useCallback(function () {
+        if (data.boardMaturity)
+            return;
+        var values = methods.formState.defaultValues;
+        var readOnlyValues = {};
+        for (var key in values) {
+            var value = values === null || values === void 0 ? void 0 : values[key];
+            readOnlyValues[key] = isValidData(value);
+        }
+        for (var key in extraData) {
+            var value = extraData === null || extraData === void 0 ? void 0 : extraData[key];
+            readOnlyValues[key] = isValidData(value);
+        }
+        setReadOnly(readOnlyValues);
+    }, [methods.formState.defaultValues, data.boardMaturity]);
+    useEffect(function () {
+        setReadOnlyValues();
+    }, [setReadOnlyValues]);
+    return readOnly;
+};

package/build/utils/error.d.ts

@@ -1 +1,2 @@
 export declare const isNetworkError: (error: string | null) => boolean;
+export declare const isTokenExpired: (error: string | null) => boolean;

package/build/utils/error.js

@@ -1,3 +1,6 @@
 export var isNetworkError = function (error) {
     return ['network error', 'network request failed'].includes((error || '').trim().toLowerCase());
 };
+export var isTokenExpired = function (error) {
+    return ['token expired'].includes((error || '').trim().toLowerCase());
+};

package/build/utils/object.d.ts

@@ -3,3 +3,7 @@ export declare const encodeObjectBase64: (obj: any) => string;
 export declare const decodeObjectBase64: (str: string) => any;
 export declare const hasKey: (obj: any, key: string) => boolean;
 export declare const concatenateObjectValues: (data: Record<string, any>, keys: Array<string>) => string;
+export declare const hasKeyValue: (obj: any, path: string, value: string | number | boolean) => boolean;
+export declare const hasNoneEditableValue: (obj: any, path: string) => boolean;
+export declare const hasEditableValue: (obj: any, path: string) => boolean;
+export declare const hasVerifiedValue: (obj: any, path: string) => boolean;

package/build/utils/object.js

@@ -1,3 +1,5 @@
+import { get } from 'lodash-es';
+import { FieldType, VerificationStatus } from '../@types';
 export var compareTwoObjects = function (obj1, obj2) {
     if (obj1 === obj2)
         return true;
@@ -33,3 +35,18 @@ export var concatenateObjectValues = function (data, keys) {
     }
     return result.trim();
 };
+export var hasKeyValue = function (obj, path, value) {
+    return get(obj, path) === value;
+};
+export var hasNoneEditableValue = function (obj, path) {
+    var value = FieldType.NON_EDITABLE;
+    return hasKeyValue(obj, path, value);
+};
+export var hasEditableValue = function (obj, path) {
+    var value = FieldType.EDITABLE;
+    return hasKeyValue(obj, path, value);
+};
+export var hasVerifiedValue = function (obj, path) {
+    var value = VerificationStatus.VERIFIED;
+    return hasKeyValue(obj, path, value);
+};

package/build/utils/string.d.ts

@@ -42,7 +42,7 @@ export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
 };
 export declare const removeRequestHeaders: () => void;
 export declare const getBaseUrl: () => string;
-export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP";
+export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP" | "ENTITY_NAME_STEP" | "BRAND_INFO_STEP";
 export declare const getEighteenYearsAgo: () => string;
 export declare const isKW: (flag: string) => boolean;
 export declare const isSA: (flag: string) => boolean;

package/build/utils/string.js

@@ -29,13 +29,13 @@ export var maskEmail = function (str) {
     return '';
 };
 export var shortenBrand = function (str) {
-    if (str) {
-        var name_2 = str.split(' ');
-        if (name_2.length > 1)
-            return name_2[0][0].toUpperCase() + name_2[name_2.length - 1][0].toUpperCase();
-        return name_2[0][0].toUpperCase();
-    }
-    return '';
+    var trimmedStr = str === null || str === void 0 ? void 0 : str.trim();
+    if (!trimmedStr)
+        return '';
+    var name = trimmedStr.split(' ');
+    if (name.length > 1)
+        return name[0][0].toUpperCase() + name[name.length - 1][0].toUpperCase();
+    return name[0][0].toUpperCase();
 };
 export var showLastFour = function (str) {
     if (str && str.length >= 4) {
@@ -188,6 +188,12 @@ export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser) {
     if (flow === FlowsTypes.TAX) {
         return 'TAX_TAX_DETAILS_STEP';
     }
+    if (flow === FlowsTypes.BRAND) {
+        return 'BRAND_INFO_STEP';
+    }
+    if (flow === FlowsTypes.ENTITY) {
+        return 'ENTITY_NAME_STEP';
+    }
     return '';
 };
 export var getEighteenYearsAgo = function () {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.0.51",
+	"version": "2.0.52",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -11,7 +11,7 @@
 		"README.md"
 	],
 	"scripts": {
-		"husky:setup": "npx husky install",
+		"preinstall": "npx husky install",
 		"prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\" *.json *.js",
 		"prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"  *.json *.js",
 		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",

package/build/features/brand/screens/BrandActivities/OperationStartDate.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-export declare const InputLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
-    align?: "right" | "left" | "center" | "inherit" | "justify" | undefined;
-    children?: React.ReactNode;
-    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | undefined;
-    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2", string>> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const MandatoryStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export interface OperationStartDateProps {
-    onDateClicked?: (flag: boolean) => void;
-}
-declare const OperationStartDate: ({ onDateClicked }: OperationStartDateProps) => JSX.Element;
-export default OperationStartDate;

package/build/features/brand/screens/BrandActivities/OperationStartDate.js

@@ -1,45 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { useController, useFormContext } from 'react-hook-form';
-import DatePicker from '../../../../components/DatePicker';
-import Text from '../../../../components/Text';
-import { ScreenContainer } from '../../../shared/Containers';
-import { useAppDispatch, useAppSelector } from '../../../../hooks';
-import { brandSelector, clearError } from '../../../app/brand/brandStore';
-import { alpha, styled } from '@mui/material/styles';
-export var InputLabelStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign({ margin: theme.spacing(2.5, 2.5, 1.5, 2.5), color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
-});
-export var MandatoryStyled = styled('span')(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.error.light, 0.4) }, theme.typography.h6), { fontWeight: theme.typography.fontWeightLight, verticalAlign: 'sub' }));
-});
-var OperationStartDate = function (_a) {
-    var _b;
-    var onDateClicked = _a.onDateClicked;
-    var t = useTranslation().t;
-    var dispatch = useAppDispatch();
-    var control = useFormContext().control;
-    var error = useAppSelector(brandSelector).error;
-    var oDateControl = useController({ control: control, name: 'operationStartDate' });
-    var handleOperationStartDateChange = function (data) {
-        if (error)
-            dispatch(clearError());
-        oDateControl.field.onChange(data);
-    };
-    var dateValue = (_b = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _b === void 0 ? void 0 : _b.value;
-    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('business_start_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(DatePicker, { readOnly: true, defaultValue: dateValue ? new Date(dateValue) : new Date(), dir: 'ltr', locale: 'en', onClick: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); }, onDateChange: handleOperationStartDateChange })] }));
-};
-export default OperationStartDate;