@tap-payments/auth-jsconnect 1.0.4 → 1.0.5

package/build/@types/app.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CountryCode {
     created: number;
     updated: number;
@@ -24,3 +25,18 @@ export interface CountryCode {
     digits: number;
     supported_by_tap: boolean;
 }
+export interface ScreenStepNavigation {
+    name: string;
+    next: string;
+    prev: string;
+    order: number;
+}
+export interface FeatureScreenStep {
+    element: React.LazyExoticComponent<any>;
+    name: string;
+}
+export declare enum SocialMediaTypes {
+    WEB = "website",
+    INSTAGRAM = "instagram",
+    TWITTER = "twitter"
+}

package/build/@types/app.js

@@ -1 +1,6 @@
-export {};
+export var SocialMediaTypes;
+(function (SocialMediaTypes) {
+    SocialMediaTypes["WEB"] = "website";
+    SocialMediaTypes["INSTAGRAM"] = "instagram";
+    SocialMediaTypes["TWITTER"] = "twitter";
+})(SocialMediaTypes || (SocialMediaTypes = {}));

package/build/@types/theme.d.ts

@@ -1,5 +1,14 @@
 import { Theme } from '@mui/material/styles';
-export declare type ThemeMode = 'dark' | 'light';
-export declare type LanguageMode = 'en' | 'ar';
-export declare type DirectionMode = 'ltr' | 'rtl';
+export declare enum ThemeMode {
+    DARK = "dark",
+    LIGHT = "light"
+}
+export declare enum LanguageMode {
+    AR = "ar",
+    EN = "en"
+}
+export declare enum DirectionMode {
+    RTL = "rtl",
+    LTR = "ltr"
+}
 export declare type ThemContext = Partial<Theme> | ((outerTheme: Theme) => Theme);

package/build/@types/theme.js

@@ -1 +1,15 @@
-export {};
+export var ThemeMode;
+(function (ThemeMode) {
+    ThemeMode["DARK"] = "dark";
+    ThemeMode["LIGHT"] = "light";
+})(ThemeMode || (ThemeMode = {}));
+export var LanguageMode;
+(function (LanguageMode) {
+    LanguageMode["AR"] = "ar";
+    LanguageMode["EN"] = "en";
+})(LanguageMode || (LanguageMode = {}));
+export var DirectionMode;
+(function (DirectionMode) {
+    DirectionMode["RTL"] = "rtl";
+    DirectionMode["LTR"] = "ltr";
+})(DirectionMode || (DirectionMode = {}));

package/build/app/rootReducer.d.ts

@@ -1,5 +1,5 @@
 declare const rootReducer: {
     settings: import("redux").Reducer<import("./settings").SettingsState, import("redux").AnyAction>;
-    mid: import("redux").Reducer<import("../features/app/midStore").MIDState, import("redux").AnyAction>;
+    mid: import("redux").Reducer<import("../features/app/connect/midStore").MIDState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -1,5 +1,5 @@
 import settings from './settings';
-import mid from '../features/app/midStore';
+import mid from '../features/app/connect/midStore';
 var rootReducer = {
     settings: settings,
     mid: mid

package/build/app/settings.d.ts

@@ -1,16 +1,21 @@
 import { RootState } from './store';
-import { ActionState, LanguageMode, SharedState, ThemeMode } from '../@types';
+import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation } from '../@types';
 export interface SettingsData {
     skin: ThemeMode;
     language: LanguageMode;
+    activeScreen: ScreenStepNavigation;
+    featureScreensNavigation: Array<ScreenStepNavigation>;
 }
 export interface SettingsState extends SharedState<SettingsData> {
 }
 export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsState, {
     handleSkin: (state: SettingsState, action: ActionState<ThemeMode>) => void;
     handleLanguage: (state: SettingsState, action: ActionState<LanguageMode>) => void;
+    handleNextScreenStep: (state: SettingsState, action: ActionState<ScreenStepNavigation>) => void;
+    handlePrevScreenStep: (state: SettingsState, action: ActionState<ScreenStepNavigation>) => void;
+    handleActiveFlowScreens: (state: SettingsState, action: ActionState<Array<ScreenStepNavigation>>) => void;
 }, "settings">;
-export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>;
+export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation, string>;
 declare const _default: import("redux").Reducer<SettingsState, import("redux").AnyAction>;
 export default _default;
 export declare const settingsSelector: (state: RootState) => SettingsState;

package/build/app/settings.js

@@ -1,13 +1,15 @@
 var _a;
 import { createSlice } from '@reduxjs/toolkit';
 import { getStoredData, storeData } from '../utils/storage';
-import { LOCAL_STORAGE_KEYS } from '../constants';
+import { LOCAL_STORAGE_KEYS, CONNECT_SCREENS_NAVIGATION } from '../constants';
 var initialState = {
     error: null,
     loading: false,
     data: {
         skin: getStoredData(LOCAL_STORAGE_KEYS.themeMode) || 'light',
-        language: getStoredData(LOCAL_STORAGE_KEYS.languageMode) || 'en'
+        language: getStoredData(LOCAL_STORAGE_KEYS.languageMode) || 'en',
+        activeScreen: CONNECT_SCREENS_NAVIGATION[0],
+        featureScreensNavigation: CONNECT_SCREENS_NAVIGATION
     }
 };
 export var settingsSlice = createSlice({
@@ -21,12 +23,25 @@ export var settingsSlice = createSlice({
         handleLanguage: function (state, action) {
             state.data.language = action.payload;
             storeData(LOCAL_STORAGE_KEYS.languageMode, action.payload);
+        },
+        handleNextScreenStep: function (state, action) {
+            var next = state.data.featureScreensNavigation.find(function (item) { return item.name === action.payload.next; });
+            if (!next)
+                return alert('Next screen step not found');
+            state.data.activeScreen = next;
+        },
+        handlePrevScreenStep: function (state, action) {
+            var prev = state.data.featureScreensNavigation.find(function (item) { return item.name === action.payload.prev; });
+            if (!prev)
+                return alert('Prev screen step not found');
+            state.data.activeScreen = prev;
+        },
+        handleActiveFlowScreens: function (state, action) {
+            state.data.featureScreensNavigation = action.payload;
         }
     },
-    extraReducers: function (builder) {
-        console.log(builder);
-    }
+    extraReducers: function () { }
 });
-export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage;
+export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep;
 export default settingsSlice.reducer;
 export var settingsSelector = function (state) { return state.settings; };

package/build/app/store.d.ts

@@ -1,10 +1,10 @@
 import { ThunkAction, Action } from '@reduxjs/toolkit';
 export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     settings: import("./settings").SettingsState;
-    mid: import("../features/app/midStore").MIDState;
+    mid: import("../features/app/connect/midStore").MIDState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
-    mid: import("../features/app/midStore").MIDState;
+    mid: import("../features/app/connect/midStore").MIDState;
 }, import("redux").AnyAction, undefined>]>>;
 export declare type AppDispatch = typeof store.dispatch;
 export declare type RootState = ReturnType<typeof store.getState>;

package/build/assets/locales/ar.json

@@ -4,12 +4,31 @@
     "follow_us": "Follow us",
     "business_country_label": "Business Country",
     "business_country_placeholder": "Select Business Country",
-    "id_number_label": "ID number",
+    "id_number_label": "رقم الهوية",
     "switch_to_mobile": "Switch to mobile number",
     "mobile_id_title": "Welcome to Tap Payments",
     "mobile_id_description": "Help us to get your information to start collecting online payments",
     "mobile_number_label": "Mobile number",
     "switch_to_id": "Switch to ID number",
-    "date_of_birth": "Date of Birth",
-    "ide_opt_sent_title": "تم إرسال رقم التحقق إلى "
+    "date_of_birth": "تاريخ الميلاد",
+    "ide_opt_sent_title": "تم إرسال رقم التحقق إلى ",
+    "signup_merchant_name_label": "الاسم بالكامل",
+    "signup_enter_email": "البريد الإلكتروني",
+    "signin_email_placeholder": "بريدك الالكتروني",
+    "brand_name_label": "Brand Name",
+    "brand_name_description": "Please enter brand name for your business. The brand name will appear for your customers. (Note - brand names might be taken sometime, therefore please provide a brand name that is legally registered under your business",
+    "brand_name_placeholder": "Brand Name",
+    "resend_otp": "إعادة إرسال الرمز",
+    "website_placeholder": "www.business.com",
+    "twitter_placeholder": "business",
+    "instagram_placeholder": "business",
+    "next": "التالي",
+    "email_not_valid": "الرجاء إدخال بريد إلكتروني صحيح",
+    "name_not_valid": "الرجاء إدخال اسم صحيح",
+    "read_agree_terms_and_conditions_message": "I have read and agreed to the",
+    "terms_and_conditions_link_title": " terms and conditions",
+    "thankyou_message": "شكرا لاختيارك تاب للمدفوعات الالكترونية. سوف يتم التواصل معكم في أقرب وقت.",
+    "password_label": "Password",
+    "password_placeholder": "Your Password",
+    "password_is_required": "Password is required"
 }

package/build/assets/locales/en.json

@@ -11,5 +11,24 @@
     "mobile_number_label": "Mobile number",
     "switch_to_id": "Switch to ID number",
     "date_of_birth": "Date of Birth",
-    "ide_opt_sent_title": "OTP has been sent to "
+    "ide_opt_sent_title": "OTP has been sent to ",
+    "signup_merchant_name_label": "Full Name",
+    "signup_enter_email": "Enter Email",
+    "signin_email_placeholder": "Your E-mail",
+    "brand_name_label": "Brand Name",
+    "brand_name_description": "Please enter brand name for your business. The brand name will appear for your customers. (Note - brand names might be taken sometime, therefore please provide a brand name that is legally registered under your business",
+    "brand_name_placeholder": "Brand Name",
+    "resend_otp": "Resend OTP",
+    "website_placeholder": "www.business.com",
+    "twitter_placeholder": "business",
+    "instagram_placeholder": "business",
+    "next": "Next",
+    "email_not_valid": "Please enter a valid email",
+    "name_not_valid": "Please enter a valid name",
+    "read_agree_terms_and_conditions_message": "I have read and agreed to the",
+    "terms_and_conditions_link_title": " terms and conditions",
+    "thankyou_message": "Thank you for your interest in Tap. we will contact you shortly.",
+    "password_label": "Password",
+    "password_placeholder": "Your Password",
+    "password_is_required": "Password is required"
 }

package/build/components/AnimationFlow/BottomSheet.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { BottomSheetProps as MainBottomSheetProps } from 'react-spring-bottom-sheet';
 import 'react-spring-bottom-sheet/dist/style.css';
-interface BottomSheetProps {
+export interface BottomSheetProps extends MainBottomSheetProps {
     children: React.ReactNode;
     open: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ open, children }: BottomSheetProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, ...rest }: BottomSheetProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/BottomSheet.js

@@ -9,6 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { BottomSheet } from 'react-spring-bottom-sheet';
@@ -19,14 +30,30 @@ var BottomSheetStyled = styled(BottomSheet)(function (_a) {
     return ({
         '[data-rsbs-header]:before': {
             width: '80px'
+        },
+        '[data-rsbs-overlay]': {
+            backgroundColor: theme.palette.background.paper
+        },
+        '[data-rsbs-scroll]': {
+            '&::-webkit-scrollbar': {
+                width: '0px'
+            },
+            '&::-webkit-scrollbar-track': {
+                boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',
+                webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)'
+            },
+            '&::-webkit-scrollbar-thumb': {
+                backgroundColor: 'rgba(0,0,0,.1)',
+                outline: '1px solid slategrey'
+            }
         }
     });
 });
 var BottomSheetComponent = function (_a) {
-    var open = _a.open, children = _a.children;
+    var open = _a.open, children = _a.children, rest = __rest(_a, ["open", "children"]);
     return (_jsx(BottomSheetStyled, __assign({ open: open, snapPoints: function (_a) {
             var maxHeight = _a.maxHeight;
-            return [maxHeight / 6, maxHeight * 0.9];
-        } }, { children: children })));
+            return [maxHeight / 3, maxHeight * 0.9];
+        } }, rest, { children: children })));
 };
 export default React.memo(BottomSheetComponent);

package/build/components/AnimationFlow/Dialog.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-export interface DialogProps {
+import { DialogProps as MUIDialogProps } from '@mui/material/Dialog';
+export interface DialogProps extends MUIDialogProps {
     open: boolean;
     children: React.ReactNode;
     footer?: React.ReactNode;
     transitionDuration?: number;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration }: DialogProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration, ...rest }: DialogProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/Dialog.js

@@ -9,16 +9,27 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
 import MuiDialog from '@mui/material/Dialog';
 import DialogContent from '@mui/material/DialogContent';
-import Slide from '@mui/material/Slide';
 import Paper from '@mui/material/Paper';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-import { ICONS_NAMES, LANGUAGE_MODE } from '../../constants';
+import { ICONS_NAMES } from '../../constants';
+import { useLanguage } from '../../hooks';
+import Slide from '../Slide';
 import LogoBadge from '../LogoBadge';
 import Icon from '../Icon';
 var Transition = React.forwardRef(function Transition(props, ref) {
@@ -30,7 +41,9 @@ var PaperStyled = styled(Paper)(function (_a) {
         boxShadow: theme.shadows[1],
         borderRadius: theme.spacing(1.5),
         backgroundColor: theme.palette.background.paper,
-        color: theme.palette.text.primary
+        color: theme.palette.text.primary,
+        margin: "".concat(theme.spacing(5, 4, 4, 5), " !important"),
+        maxHeight: "calc(100vh - ".concat(theme.spacing(10), ") !important")
     });
 });
 var DialogContentStyled = styled(DialogContent)(function (_a) {
@@ -39,11 +52,22 @@ var DialogContentStyled = styled(DialogContent)(function (_a) {
     return (_b = {
             padding: theme.spacing(0),
             width: theme.spacing(46.875),
-            minHeight: theme.spacing(58.75)
+            height: '100%'
         },
         _b[theme.breakpoints.down('sm')] = {
             width: '100%'
         },
+        _b['&::-webkit-scrollbar'] = {
+            width: '0px'
+        },
+        _b['&::-webkit-scrollbar-track'] = {
+            boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',
+            webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)'
+        },
+        _b['&::-webkit-scrollbar-thumb'] = {
+            backgroundColor: 'rgba(0,0,0,.1)',
+            outline: '1px solid slategrey'
+        },
         _b);
 });
 var LogoIconBoxStyled = styled(Box)(function (_a) {
@@ -70,15 +94,14 @@ var LogoIconStyled = styled(Icon)(function (_a) {
     });
 });
 var Dialog = function (_a) {
-    var open = _a.open, children = _a.children, footer = _a.footer, transitionDuration = _a.transitionDuration;
-    var i18n = useTranslation().i18n;
-    var isAR = i18n.language === LANGUAGE_MODE.AR;
+    var open = _a.open, children = _a.children, footer = _a.footer, transitionDuration = _a.transitionDuration, rest = __rest(_a, ["open", "children", "footer", "transitionDuration"]);
+    var isAr = useLanguage().isAr;
     return (_jsxs(MuiDialog, __assign({ PaperProps: {
             elevation: 0
         }, sx: {
             '& .MuiDialog-paper': {
                 overflowY: 'visible'
             }
-        }, PaperComponent: PaperStyled, open: open, TransitionComponent: Transition, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, { children: [_jsxs(DialogContentStyled, { children: [_jsx(LogoBadge, { src: ICONS_NAMES.LOGO_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAR ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }), children] }), footer] })));
+        }, PaperComponent: PaperStyled, open: open, TransitionComponent: Transition, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, { children: [_jsxs(DialogContentStyled, { children: [_jsx(LogoBadge, { src: ICONS_NAMES.LOGO_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }), children] }), footer] })));
 };
 export default React.memo(Dialog);

package/build/components/Button/Button.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
-import { ButtonProps } from '@mui/material/Button';
-export type { ButtonProps };
-declare const _default: React.MemoExoticComponent<({ children, ...rest }: ButtonProps<"button", {}>) => JSX.Element>;
+import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
+export interface ButtonProps extends MUIButtonProps {
+}
+declare const _default: React.MemoExoticComponent<{
+    ({ children, startIcon, endIcon, ...rest }: ButtonProps): JSX.Element;
+    defaultProps: {};
+}>;
 export default _default;

package/build/components/Button/Button.js

@@ -29,16 +29,34 @@ var ButtonStyled = styled(Button)(function (_a) {
     return ({
         color: theme.palette.common.white,
         backgroundColor: theme.palette.primary.main,
+        minHeight: theme.spacing(5.5),
+        maxHeight: theme.spacing(5.5),
+        borderRadius: theme.spacing(4.1),
+        fontWeight: 'bold',
+        lineHeight: 1.7,
+        display: 'flex',
+        justifyContent: 'space-between',
         '&:hover': {
             backgroundColor: theme.palette.primary.main
         },
         '&:active': {
             backgroundColor: theme.palette.primary.main
+        },
+        ':disabled': {
+            backgroundColor: theme.palette.secondary.main,
+            color: theme.palette.common.white
+        },
+        '& .MuiButton-endIcon': {
+            margin: theme.spacing(0)
+        },
+        '& .MuiButton-startIcon': {
+            margin: theme.spacing(0)
         }
     });
 });
 var ButtonComponent = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return _jsx(ButtonStyled, __assign({}, rest, { children: children }));
+    var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, rest = __rest(_a, ["children", "startIcon", "endIcon"]);
+    return (_jsx(ButtonStyled, __assign({ startIcon: startIcon || _jsx("span", {}), endIcon: endIcon || _jsx("span", {}), disableFocusRipple: true, disableElevation: true, disableRipple: true, disableTouchRipple: true, fullWidth: true }, rest, { children: children })));
 };
+ButtonComponent.defaultProps = {};
 export default React.memo(ButtonComponent);

package/build/components/Collapse/Collapse.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CollapseProps as MUICollapseProps } from '@mui/material/Collapse';
+export interface CollapseProps extends MUICollapseProps {
+}
+export default function Collapse({ children, ...rest }: CollapseProps): JSX.Element;

package/build/components/Collapse/Collapse.js

@@ -0,0 +1,28 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import MUICollapse from '@mui/material/Collapse';
+export default function Collapse(_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return (_jsx(MUICollapse, __assign({ unmountOnExit: true, timeout: 500 }, rest, { children: children })));
+}

package/build/components/Collapse/index.d.ts

@@ -0,0 +1,3 @@
+import Collapse, { CollapseProps } from './Collapse';
+export type { CollapseProps };
+export default Collapse;

package/build/components/Collapse/index.js

@@ -0,0 +1,2 @@
+import Collapse from './Collapse';
+export default Collapse;

package/build/components/DatePicker/DatePicker.js

@@ -27,7 +27,7 @@ import 'react-calendar/dist/Calendar.css';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import Divider from '@mui/material/Divider';
-import Collapse from '@mui/material/Collapse';
+import Collapse from '../Collapse';
 import CalendarTodayOutlined from '@mui/icons-material/CalendarTodayOutlined';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ExpandLessIcon from '@mui/icons-material/ExpandLess';
@@ -85,7 +85,7 @@ var DatePicker = function (_a) {
     var defaultMax = new Date();
     var defaultMin = new Date('1900-01-01');
     var toggleCalender = function (event) {
-        var elementId = 'connect-collapse-template';
+        var elementId = 'animation-flow-template-content';
         if (anchor) {
             setTimeout(function () { return scrollDown(elementId); }, 500);
             return setAnchor(null);
@@ -104,6 +104,6 @@ var DatePicker = function (_a) {
     return (_jsxs(Container, __assign({ disabled: disabled, id: 'container-calendar' }, { children: [_jsx(InputFieldStyled, { endAdornment: _jsx(ArrowIcon, __assign({ disabled: disabled }, { children: disabled ? '' : arrowIcon })), value: date ? formattedDate(date) : '', placeholder: 'YYYY-MM-DD', onClick: function (e) {
                     if (!disabled)
                         toggleCalender(e);
-                }, startAdornment: calenderIcon, disabled: !disabled, readOnly: readOnly, dir: dir }), _jsxs(Collapse, __assign({ in: !!anchor, unmountOnExit: true, timeout: { enter: 500, exit: 500 } }, { children: [_jsx(Calendar, __assign({}, rest, { value: date, calendarType: 'Hebrew', onChange: handleOnDateChange, locale: rest.locale, maxDate: rest.maxDate || defaultMax, minDate: rest.minDate || defaultMin })), _jsx(Divider, {})] }))] })));
+                }, startAdornment: calenderIcon, disabled: !disabled, readOnly: readOnly, dir: dir }), _jsxs(Collapse, __assign({ in: !!anchor }, { children: [_jsx(Calendar, __assign({}, rest, { value: date, calendarType: 'Hebrew', onChange: handleOnDateChange, locale: rest.locale, maxDate: rest.maxDate || defaultMax, minDate: rest.minDate || defaultMin })), _jsx(Divider, {})] }))] })));
 };
 export default memo(DatePicker);

package/build/components/Input/Input.d.ts

@@ -5,12 +5,15 @@ export interface InputFieldProps extends InputProps {
     hide?: boolean;
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;
+    warningType?: 'alert' | 'error';
+    warningMessage?: string;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ onEnterPressed, hide, endAdornment, startAdornment, ...rest }: InputFieldProps): JSX.Element;
+    ({ onEnterPressed, hide, endAdornment, startAdornment, warningType, warningMessage, ...rest }: InputFieldProps): JSX.Element;
     defaultProps: {
         hide: boolean;
         placeholder: string;
+        warningType: string;
     };
 }>;
 export default _default;

package/build/components/Input/Input.js

@@ -20,10 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import Input from '@mui/material/Input';
-import Collapse from '@mui/material/Collapse';
+import Collapse from '../Collapse';
+import Warning from '../Warning';
 import { alpha, styled } from '@mui/material/styles';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;
@@ -63,7 +64,7 @@ var InputStyled = styled(Input)(function (_a) {
     });
 });
 var InputField = function (_a) {
-    var onEnterPressed = _a.onEnterPressed, hide = _a.hide, endAdornment = _a.endAdornment, startAdornment = _a.startAdornment, rest = __rest(_a, ["onEnterPressed", "hide", "endAdornment", "startAdornment"]);
+    var onEnterPressed = _a.onEnterPressed, hide = _a.hide, endAdornment = _a.endAdornment, startAdornment = _a.startAdornment, warningType = _a.warningType, warningMessage = _a.warningMessage, rest = __rest(_a, ["onEnterPressed", "hide", "endAdornment", "startAdornment", "warningType", "warningMessage"]);
     var onKeyPress = function (e) {
         var _a;
         if (e.key === 'Enter')
@@ -72,10 +73,11 @@ var InputField = function (_a) {
     };
     if (!rest.defaultValue)
         delete rest.defaultValue;
-    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsx(InputStyled, __assign({ onKeyPress: onKeyPress, endAdornment: endAdornment, startAdornment: startAdornment }, rest)) })));
+    return (_jsxs(Collapse, __assign({ in: !hide }, { children: [_jsx(InputStyled, __assign({ onKeyPress: onKeyPress, endAdornment: endAdornment, startAdornment: startAdornment }, rest)), _jsx(Collapse, __assign({ in: !!warningMessage, timeout: 400 }, { children: _jsx(Warning, __assign({ warningType: warningType }, { children: warningMessage })) }))] })));
 };
 InputField.defaultProps = {
     hide: false,
-    placeholder: '500000000'
+    placeholder: '500000000',
+    warningType: 'error'
 };
 export default memo(InputField);

package/build/components/Loader/Loader.d.ts

@@ -3,19 +3,21 @@ export interface LoaderProps {
     outerColor?: string;
     innerColor?: string;
     duration?: number;
-    runAnimation?: boolean;
+    toggleAnimation?: boolean;
     size?: number;
     style?: React.CSSProperties;
-    svgStyle?: React.CSSProperties;
+    className?: string;
 }
-declare const _default: React.MemoExoticComponent<{
-    ({ outerColor, innerColor, duration, runAnimation, style, svgStyle, size }: LoaderProps): JSX.Element;
-    defaultProps: {
+declare function Loader(props: LoaderProps): JSX.Element;
+declare namespace Loader {
+    var defaultProps: {
         outerColor: string;
         innerColor: string;
-        runAnimation: boolean;
-        size: number;
         duration: number;
+        toggleAnimation: boolean;
+        size: number;
+        style: null;
     };
-}>;
+}
+declare const _default: React.MemoExoticComponent<typeof Loader>;
 export default _default;