@tap-payments/auth-jsconnect 2.0.28 → 2.0.29

package/build/components/ArabicDatePicker/ArabicDatePicker.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CalendarProps } from 'react-multi-date-picker';
+import './style.css';
+export interface DatePickerProps extends CalendarProps {
+    disabled?: boolean;
+    readOnly?: boolean;
+    dir?: string;
+    onDateChange?: (date: string) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onDatePicked?: () => void;
+}
+declare const _default: React.MemoExoticComponent<({ disabled, dir, readOnly, onDateChange, onClick, onDatePicked, value, ...rest }: DatePickerProps) => JSX.Element>;
+export default _default;

package/build/components/ArabicDatePicker/ArabicDatePicker.js

@@ -0,0 +1,94 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo } from 'react';
+import { Calendar, toDateObject } from 'react-multi-date-picker';
+import arabic from 'react-date-object/calendars/arabic';
+import arabic_ar from 'react-date-object/locales/arabic_ar';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import Divider from '@mui/material/Divider';
+import Collapse from '../Collapse';
+import ExpandIcon from '../ExpandIcon';
+import CalendarTodayOutlined from '@mui/icons-material/CalendarTodayOutlined';
+import Input from '../Input';
+import Text from '../Text';
+import './style.css';
+var ContainerIcon = styled(CalendarTodayOutlined)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ marginInlineStart: theme.spacing(2.5) }, theme.typography.h6), { cursor: 'pointer', width: theme.spacing(2.5), height: theme.spacing(2.5) }));
+});
+var Container = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'disabled'; } })(function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return ({
+        cursor: disabled ? 'auto' : 'pointer',
+        fontFamily: theme.typography.fontFamily
+    });
+});
+var InputFieldStyled = styled(Input)(function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return ({
+        cursor: disabled ? 'auto' : 'pointer',
+        '&::placeholder': __assign(__assign({ opacity: 1, color: theme.palette.text.primary, lineHeight: theme.spacing(2.125) }, theme.typography.body2), { fontWeight: theme.typography.fontWeightLight }),
+        '& .MuiInputBase-input': {
+            WebkitTextFillColor: 'inherit'
+        }
+    });
+});
+var ArrowIcon = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'disabled'; } })(function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return ({
+        cursor: disabled ? 'auto' : 'pointer',
+        marginInlineEnd: theme.spacing(2.5)
+    });
+});
+var DatePicker = function (_a) {
+    var disabled = _a.disabled, dir = _a.dir, readOnly = _a.readOnly, onDateChange = _a.onDateChange, onClick = _a.onClick, onDatePicked = _a.onDatePicked, value = _a.value, rest = __rest(_a, ["disabled", "dir", "readOnly", "onDateChange", "onClick", "onDatePicked", "value"]);
+    var _b = React.useState(null), anchor = _b[0], setAnchor = _b[1];
+    var calenderIcon = _jsx(ContainerIcon, {});
+    var defaultMax = new Date();
+    var defaultMin = new Date('1900-01-01');
+    var DATE_FORMAT = 'YYYY-MM-DD';
+    var toggleCalender = function (event) {
+        if (disabled)
+            return;
+        if (anchor) {
+            onDatePicked && onDatePicked();
+            setAnchor(null);
+            return;
+        }
+        setAnchor(event.currentTarget);
+        onClick && onClick(event);
+    };
+    var handleOnDateChange = function (date) {
+        onDateChange && onDateChange(date.toDate().toLocaleDateString('en-CA'));
+        setAnchor(null);
+        onDatePicked === null || onDatePicked === void 0 ? void 0 : onDatePicked();
+    };
+    var formateDate = function (date) {
+        var dateObject = toDateObject(date);
+        return dateObject.convert(arabic).format(DATE_FORMAT);
+    };
+    return (_jsxs(Container, __assign({ disabled: disabled, id: 'container-calendar' }, { children: [_jsx(InputFieldStyled, { endAdornment: _jsx(ArrowIcon, __assign({ disabled: disabled }, { children: disabled ? '' : _jsx(ExpandIcon, { anchorEl: !!anchor }) })), value: value ? formateDate(value) : '', placeholder: DATE_FORMAT, onClick: toggleCalender, startAdornment: calenderIcon, disabled: !disabled, readOnly: readOnly, dir: dir }), _jsxs(Collapse, __assign({ in: !!anchor }, { children: [_jsx(Calendar, __assign({ calendar: arabic, locale: arabic_ar, maxDate: defaultMax, minDate: defaultMin, format: DATE_FORMAT, onChange: handleOnDateChange, value: value, className: 'custom-container' }, rest)), _jsx(Divider, {})] }))] })));
+};
+export default memo(DatePicker);

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

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

package/build/components/ArabicDatePicker/index.js

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

package/build/components/ArabicDatePicker/style.css

@@ -0,0 +1,24 @@
+.rmdp-wrapper {
+	box-shadow: none !important;
+	width: 100% !important;
+	z-index: 0 !important;
+}
+
+.rmdp-day-picker > div {
+	width: 100%;
+}
+
+.rmdp-calendar {
+	width: 100%;
+}
+/* .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover {
+	background: radial-gradient(circle closest-side, #fafafa 0%, #fafafa 98%, rgba(0, 0, 0, 0) 100%);
+	color: black !important;
+	background-color: unset !important;
+} */
+
+.rmdp-day.rmdp-selected span:not(.highlight) {
+	/* background: radial-gradient(circle closest-side, #3a4154 0%, #3a4154 98%, rgba(0, 0, 0, 0) 100%) !important; */
+	color: #ffffff !important;
+	background-color: black !important;
+}

package/build/features/business/screens/VerifyPACI/VerifyPACI.js

@@ -95,6 +95,7 @@ var BackButton = styled('button')(function (_a) {
         height: 44,
         appearance: 'none',
         background: 'none',
+        pointerEvents: 'auto',
         border: 'none',
         color: theme.palette.primary.main,
         fontSize: theme.typography.body1.fontSize,

package/build/features/connect/screens/VerifyPACI/VerifyPACI.js

@@ -98,6 +98,7 @@ var BackButton = styled('button')(function (_a) {
         appearance: 'none',
         background: 'none',
         border: 'none',
+        pointerEvents: 'auto',
         color: theme.palette.primary.main,
         fontSize: theme.typography.body1.fontSize,
         fontWeight: theme.typography.fontWeightMedium,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.0.28",
+	"version": "2.0.29",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -90,7 +90,6 @@
 		"jsencrypt": "^2.3.1",
 		"lodash-es": "^4.17.21",
 		"lottie-web": "^5.9.6",
-		"moment-hijri": "~2.1.2",
 		"react": "^18.2.0",
 		"react-calendar": "~3.7.0",
 		"react-device-detect": "^2.2.2",
@@ -98,6 +97,7 @@
 		"react-dropzone": "^14.2.2",
 		"react-hook-form": "^7.33.1",
 		"react-i18next": "^11.18.1",
+		"react-multi-date-picker": "^3.3.4",
 		"react-otp-input": "^2.4.0",
 		"react-redux": "^8.0.2",
 		"react-spring-bottom-sheet": "^3.4.1",