@tap-payments/auth-jsconnect 2.5.5 → 2.5.6

package/build/hooks/useFormDirtyCheck.js

@@ -0,0 +1,66 @@
+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 };
+};

package/build/theme/theme.d.ts

@@ -1,2 +1,2 @@
 import { DirectionMode, ThemeMode } from '../@types';
-export declare const appTheme: (mode: ThemeMode, isMobile: boolean, dir: DirectionMode) => import("@mui/material/styles").Theme;
+export declare const appTheme: (mode: ThemeMode, dir: DirectionMode, isSmallScreen: boolean) => import("@mui/material/styles").Theme;

package/build/theme/theme.js

@@ -3,7 +3,7 @@ import { typography } from './typography';
 import { darkPalette, lightPalette } from './palette';
 import { components } from './components';
 import { shadows } from './shadows';
-export var appTheme = function (mode, isMobile, dir) {
+export var appTheme = function (mode, dir, isSmallScreen) {
     return createTheme({
         palette: mode === 'dark' ? darkPalette : lightPalette,
         direction: dir,
@@ -11,7 +11,7 @@ export var appTheme = function (mode, isMobile, dir) {
         breakpoints: {
             values: {
                 xs: 0,
-                sm: isMobile ? 1536 : 600,
+                sm: isSmallScreen ? 1536 : 600,
                 md: 900,
                 lg: 1200,
                 xl: 1536

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.5.5",
+	"version": "2.5.6",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",