@tap-payments/auth-jsconnect 2.3.3-test → 2.3.3

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 () {
@@ -292,3 +298,18 @@ export var getFileType = function (type) {
             return '';
     }
 };
+export var isStringHasOneAsterisk = function (value) {
+    if (!value)
+        return false;
+    return value.includes('*') ? true : false;
+};
+export var isOtherLicense = function (item) {
+    var _a;
+    var number = (_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number;
+    return number === 'other_fl' || number === 'other_cr' || number === 'other_entity';
+};
+export var formatNumberAsCurrency = function (number) {
+    if (!number)
+        return '';
+    return parseInt(number).toLocaleString();
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.3.3-test",
+	"version": "2.3.3",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -11,7 +11,7 @@
 		"README.md"
 	],
 	"scripts": {
-		"husky:setup": "npx husky install",
+		"prepare": "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",
@@ -38,6 +38,7 @@
 		"@types/react": "^18.0.15",
 		"@types/react-calendar": "~3.5.1",
 		"@types/react-dom": "^18.0.6",
+		"@types/react-gtm-module": "^2.0.1",
 		"@typescript-eslint/eslint-plugin": "^5.30.5",
 		"@typescript-eslint/parser": "^5.30.5",
 		"babel-loader": "^8.2.5",
@@ -95,6 +96,7 @@
 		"react-device-detect": "^2.2.2",
 		"react-dom": "^18.2.0",
 		"react-dropzone": "^14.2.2",
+		"react-gtm-module": "^2.0.11",
 		"react-hook-form": "^7.33.1",
 		"react-i18next": "^11.18.1",
 		"react-multi-date-picker": "^3.3.4",

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;

package/build/features/brand/screens/BrandInfo/Segments.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface SegmentsProps {
-    show: boolean;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-}
-declare const Segments: ({ show, onListOpen, onListClose }: SegmentsProps) => JSX.Element;
-export default Segments;

package/build/features/connect/screens/Merchant/Segments.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface SegmentsProps {
-    show: boolean;
-    onListOpen?: () => void;
-    onListClose?: () => void;
-}
-declare const Segments: ({ show, onListOpen, onListClose }: SegmentsProps) => JSX.Element;
-export default Segments;

package/build/features/shared/Button/ListButton.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../../../components/Button';
-declare type buttonProps = {
-    title: string;
-    loading: boolean;
-    disabled?: boolean;
-    children?: React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-};
-interface ListButtonProps extends ButtonProps {
-    isAr: boolean;
-    requestEmail: buttonProps & {
-        isRequested: boolean;
-    };
-    addDetails: buttonProps;
-}
-export default function ListButton({ isAr, requestEmail, addDetails }: ListButtonProps): JSX.Element;
-export {};

package/build/features/shared/Button/ListButton.js

@@ -1,125 +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 { styled, useTheme } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import { ICONS_NAMES } from '../../../constants';
-import Loader from '../../../components/Loader';
-import Button from '../../../components/Button';
-import Icon from '../../../components/Icon';
-import CheckIcon from '../CheckIcon';
-import Collapse from '../../../components/Collapse';
-var ArrowIconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
-    var theme = _a.theme, isAr = _a.isAr;
-    return ({
-        width: theme.spacing(2),
-        height: theme.spacing(2),
-        transform: isAr ? 'scaleX(-1)' : 'scaleX(1)',
-        marginInlineEnd: theme.spacing(-0.375),
-        verticalAlign: 'middle'
-    });
-});
-var CheckIconStyled = styled(CheckIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(2),
-        height: theme.spacing(2),
-        verticalAlign: 'middle'
-    });
-});
-var ButtonBoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        margin: theme.spacing(0, 2.5, 2.5, 2.5),
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexDirection: 'column'
-    });
-});
-var ButtonStyled = styled(Button, {
-    shouldForwardProp: function (prop) { return prop !== 'isLoading'; }
-})(function (_a) {
-    var theme = _a.theme, isLoading = _a.isLoading;
-    return (__assign({ paddingLeft: isLoading ? 0 : 'auto', paddingRight: isLoading ? 0 : 'auto', textTransform: 'none', transition: theme.transitions.create(['width', 'padding'], {
-            easing: theme.transitions.easing.easeInOut,
-            duration: theme.transitions.duration.complex * 2
-        }) }, (isLoading && {
-        minWidth: 0,
-        width: theme.spacing(6),
-        borderRadius: 30
-    })));
-});
-var Image = styled('img')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(3),
-        height: theme.spacing(3),
-        fontSize: theme.spacing(3),
-        marginInlineStart: theme.spacing(1),
-        verticalAlign: 'middle'
-    });
-});
-var TextStyled = styled('span')(function () { return ({
-    whiteSpace: 'pre',
-    overflow: 'auto'
-}); });
-export default function ListButton(_a) {
-    var isAr = _a.isAr, requestEmail = _a.requestEmail, addDetails = _a.addDetails;
-    var t = useTranslation().t;
-    var theme = useTheme();
-    var requestEmailLoaderColor = requestEmail.isRequested && !requestEmail.loading ? theme.palette.success.main : theme.palette.primary.main;
-    return (_jsxs(ButtonBoxStyled, { children: [addDetails.children, _jsxs(ButtonStyled, __assign({ isLoading: addDetails.loading, sx: { mb: 1.5 }, type: 'button', variant: 'outlined', onClick: addDetails.onClick, startIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(Image, { src: ICONS_NAMES.ADD_DETAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: addDetails.loading }, { children: _jsx(Loader, { style: {
-                                width: theme.spacing(3.75),
-                                height: theme.spacing(3.75)
-                            }, innerColor: theme.palette.primary.main, outerColor: theme.palette.primary.main, size: 15, toggleAnimation: addDetails.loading }) })), _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(TextStyled, { children: t(addDetails.title) }) }))] })), requestEmail.children, _jsxs(ButtonStyled, __assign({ isLoading: requestEmail.loading, variant: 'outlined', type: 'button', sx: requestEmail.isRequested && !requestEmail.loading
-                    ? {
-                        '&.MuiButton-outlined': {
-                            backgroundColor: theme.palette.common.white,
-                            border: "1px solid ".concat(theme.palette.success.main),
-                            color: theme.palette.success.main,
-                            '&:hover': {
-                                cursor: 'pointer',
-                                backgroundColor: theme.palette.success.main,
-                                color: theme.palette.common.white,
-                                img: {
-                                    filter: 'brightness(0) invert(1)'
-                                },
-                                svg: {
-                                    filter: 'brightness(0) invert(1)'
-                                }
-                            }
-                        }
-                    }
-                    : {
-                        opacity: requestEmail.disabled ? 0.5 : 1,
-                        '&.MuiButton-outlined': requestEmail.disabled
-                            ? {
-                                '&:hover': {
-                                    cursor: 'default',
-                                    backgroundColor: theme.palette.common.white,
-                                    color: theme.palette.primary.main,
-                                    img: {
-                                        filter: 'none'
-                                    },
-                                    svg: {
-                                        filter: 'none'
-                                    }
-                                }
-                            }
-                            : {}
-                    }, onClick: requestEmail.onClick, startIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(Image, { src: requestEmail.isRequested && !requestEmail.loading ? ICONS_NAMES.REQUEST_EMAIL_GREEN : ICONS_NAMES.REQUEST_EMAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: requestEmail.isRequested && !requestEmail.loading ? _jsx(CheckIconStyled, {}) : _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: requestEmail.loading }, { children: _jsx(Loader, { style: {
-                                width: theme.spacing(3.75),
-                                height: theme.spacing(3.75)
-                            }, innerColor: requestEmailLoaderColor, outerColor: requestEmailLoaderColor, size: 15, toggleAnimation: requestEmail.loading }) })), _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(TextStyled, { children: t(requestEmail.title) }) }))] }))] }));
-}