akeyless-client-commons 1.0.45 → 1.0.46

package/dist/components/index.js

@@ -695,7 +695,7 @@ var Version = function(param) {
 // src/components/table/components.tsx
 var import_exceljs = __toESM(require("exceljs"));
 var import_file_saver = require("file-saver");
-var import_react8 = require("react");
+var import_react9 = require("react");
 // src/assets/svg.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var RedXSvg = function(param) {
@@ -1300,6 +1300,7 @@ var import_storage = require("firebase/storage");
 var import_auth = require("firebase/auth");
 var import_app_check = require("firebase/app-check");
 var import_firestore = require("firebase/firestore");
+var import_react4 = require("react");
 var import_meta = {};
 var initApp = function() {
     var isNodeEnv2 = typeof process !== "undefined" && process.env;
@@ -1314,10 +1315,10 @@ var initApp = function() {
     try {
         var app2 = (0, import_app.initializeApp)(firebaseConfig);
         var auth2 = (0, import_auth.getAuth)(app2);
+        auth2.settings.appVerificationDisabledForTesting = false;
         var db2 = (0, import_firestore.getFirestore)(app2);
         var storage2 = (0, import_storage.getStorage)(app2);
         var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import_meta.env.VITE_RECAPTCHA_SITE_KEY;
-        auth2.settings.appVerificationDisabledForTesting = false;
         var result = {
             db: db2,
             auth: auth2,
@@ -1337,6 +1338,7 @@ var initApp = function() {
     }
 };
 var _initApp = initApp(), db = _initApp.db, auth = _initApp.auth, storage = _initApp.storage, app = _initApp.app, appCheck = _initApp.appCheck;
+var googleLoginProvider = new import_auth.GoogleAuthProvider();
 var collections = {
     clients: (0, import_firestore.collection)(db, "nx-clients"),
     sites: (0, import_firestore.collection)(db, "nx-sites"),
@@ -1538,8 +1540,8 @@ ProgressComponent.displayName = ProgressPrimitive.Root.displayName;
 var import_react_dom = __toESM(require("react-dom"));
 var import_cmdk2 = require("cmdk");
 var import_lucide_react3 = require("lucide-react");
-var import_react5 = __toESM(require("react"));
-var import_react6 = require("react");
+var import_react6 = __toESM(require("react"));
+var import_react7 = require("react");
 // src/components/ui/command.tsx
 var import_cmdk = require("cmdk");
 var import_lucide_react2 = require("lucide-react");
@@ -3286,9 +3288,9 @@ var computePosition2 = function(reference, floating, options) {
 };
 // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
 var React8 = __toESM(require("react"), 1);
-var import_react4 = require("react");
+var import_react5 = require("react");
 var ReactDOM = __toESM(require("react-dom"), 1);
-var index = typeof document !== "undefined" ? import_react4.useLayoutEffect : import_react4.useEffect;
+var index = typeof document !== "undefined" ? import_react5.useLayoutEffect : import_react5.useEffect;
 function deepEqual(a, b) {
     if (a === b) {
         return true;
@@ -3630,7 +3632,7 @@ function isOptionsExist(groupOption, targetOption) {
     }
     return false;
 }
-var CommandEmpty2 = (0, import_react6.forwardRef)(function(_param, forwardedRef) {
+var CommandEmpty2 = (0, import_react7.forwardRef)(function(_param, forwardedRef) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -3647,8 +3649,8 @@ var CommandEmpty2 = (0, import_react6.forwardRef)(function(_param, forwardedRef)
 });
 CommandEmpty2.displayName = "CommandEmpty";
 function useDebounce(value, delay) {
-    var _import_react5_default_useState = _sliced_to_array(import_react5.default.useState(value), 2), debouncedValue = _import_react5_default_useState[0], setDebouncedValue = _import_react5_default_useState[1];
-    (0, import_react6.useEffect)(function() {
+    var _import_react6_default_useState = _sliced_to_array(import_react6.default.useState(value), 2), debouncedValue = _import_react6_default_useState[0], setDebouncedValue = _import_react6_default_useState[1];
+    (0, import_react7.useEffect)(function() {
         var timer = setTimeout(function() {
             return setDebouncedValue(value);
         }, delay || 500);
@@ -3661,10 +3663,10 @@ function useDebounce(value, delay) {
     ]);
     return debouncedValue;
 }
-var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
+var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
     var value = param.value, onChange = param.onChange, placeholder = param.placeholder, tmp = param.defaultOptions, arrayDefaultOptions = tmp === void 0 ? [] : tmp, arrayOptions = param.options, delay = param.delay, onSearch = param.onSearch, onSearchSync = param.onSearchSync, loadingIndicator = param.loadingIndicator, emptyIndicator = param.emptyIndicator, _param_maxSelected = param.maxSelected, maxSelected = _param_maxSelected === void 0 ? Number.MAX_SAFE_INTEGER : _param_maxSelected, onMaxSelected = param.onMaxSelected, _param_hidePlaceholderWhenSelected = param.hidePlaceholderWhenSelected, hidePlaceholderWhenSelected = _param_hidePlaceholderWhenSelected === void 0 ? true : _param_hidePlaceholderWhenSelected, disabled = param.disabled, groupBy = param.groupBy, className = param.className, badgeClassName = param.badgeClassName, _param_selectFirstItem = param.selectFirstItem, selectFirstItem = _param_selectFirstItem === void 0 ? true : _param_selectFirstItem, createNewOptionLabel = param.createNewOptionLabel, _param_triggerSearchOnFocus = param.triggerSearchOnFocus, triggerSearchOnFocus = _param_triggerSearchOnFocus === void 0 ? true : _param_triggerSearchOnFocus, commandProps = param.commandProps, inputProps = param.inputProps, _param_hideClearAllButton = param.hideClearAllButton, hideClearAllButton = _param_hideClearAllButton === void 0 ? false : _param_hideClearAllButton, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, emptyIndicatorClassName = param.emptyIndicatorClassName, _param_unremovableOptions = param.unremovableOptions, unremovableOptions = _param_unremovableOptions === void 0 ? [] : _param_unremovableOptions, name = param.name, _param_dropdownContainerClassName = param.dropdownContainerClassName, dropdownContainerClassName = _param_dropdownContainerClassName === void 0 ? "" : _param_dropdownContainerClassName;
     var _containerRef_current;
-    var _import_react5_default_useState = _sliced_to_array(import_react5.default.useState(false), 2), isLoading = _import_react5_default_useState[0], setIsLoading = _import_react5_default_useState[1];
+    var _import_react6_default_useState = _sliced_to_array(import_react6.default.useState(false), 2), isLoading = _import_react6_default_useState[0], setIsLoading = _import_react6_default_useState[1];
     var _useFloating = useFloating({
         placement: "bottom-start",
         middleware: [
@@ -3674,20 +3676,20 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         ],
         whileElementsMounted: autoUpdate
     }), x = _useFloating.x, y = _useFloating.y, strategy = _useFloating.strategy, refs = _useFloating.refs, update = _useFloating.update;
-    var containerRef = (0, import_react6.useRef)(null);
+    var containerRef = (0, import_react7.useRef)(null);
     var setContainerRef = function(node) {
         containerRef.current = node;
         refs.setReference(node);
     };
-    var inputRef = (0, import_react6.useRef)(null);
-    var _import_react5_default_useState1 = _sliced_to_array(import_react5.default.useState(false), 2), open = _import_react5_default_useState1[0], setOpen = _import_react5_default_useState1[1];
-    var _import_react5_default_useState2 = _sliced_to_array(import_react5.default.useState(false), 2), onScrollbar = _import_react5_default_useState2[0], setOnScrollbar = _import_react5_default_useState2[1];
-    var dropdownRef = (0, import_react6.useRef)(null);
-    var _import_react5_default_useState3 = _sliced_to_array(import_react5.default.useState(value || []), 2), selected = _import_react5_default_useState3[0], setSelected = _import_react5_default_useState3[1];
-    var _import_react5_default_useState4 = _sliced_to_array(import_react5.default.useState(transToGroupOption(arrayDefaultOptions, groupBy)), 2), options = _import_react5_default_useState4[0], setOptions = _import_react5_default_useState4[1];
-    var _import_react5_default_useState5 = _sliced_to_array(import_react5.default.useState(""), 2), inputValue = _import_react5_default_useState5[0], setInputValue = _import_react5_default_useState5[1];
+    var inputRef = (0, import_react7.useRef)(null);
+    var _import_react6_default_useState1 = _sliced_to_array(import_react6.default.useState(false), 2), open = _import_react6_default_useState1[0], setOpen = _import_react6_default_useState1[1];
+    var _import_react6_default_useState2 = _sliced_to_array(import_react6.default.useState(false), 2), onScrollbar = _import_react6_default_useState2[0], setOnScrollbar = _import_react6_default_useState2[1];
+    var dropdownRef = (0, import_react7.useRef)(null);
+    var _import_react6_default_useState3 = _sliced_to_array(import_react6.default.useState(value || []), 2), selected = _import_react6_default_useState3[0], setSelected = _import_react6_default_useState3[1];
+    var _import_react6_default_useState4 = _sliced_to_array(import_react6.default.useState(transToGroupOption(arrayDefaultOptions, groupBy)), 2), options = _import_react6_default_useState4[0], setOptions = _import_react6_default_useState4[1];
+    var _import_react6_default_useState5 = _sliced_to_array(import_react6.default.useState(""), 2), inputValue = _import_react6_default_useState5[0], setInputValue = _import_react6_default_useState5[1];
     var debouncedSearchTerm = useDebounce(inputValue, delay || 500);
-    import_react5.default.useImperativeHandle(ref, function() {
+    import_react6.default.useImperativeHandle(ref, function() {
         return {
             selectedValue: _to_consumable_array(selected),
             input: inputRef.current,
@@ -3702,7 +3704,7 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
     }, [
         selected
     ]);
-    (0, import_react6.useEffect)(function() {
+    (0, import_react7.useEffect)(function() {
         if (open) {
             update();
         }
@@ -3710,14 +3712,14 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         open,
         update
     ]);
-    var handleClickOutside = (0, import_react6.useCallback)(function(event) {
+    var handleClickOutside = (0, import_react7.useCallback)(function(event) {
         if (dropdownRef.current && !dropdownRef.current.contains(event.target) && containerRef.current && !containerRef.current.contains(event.target)) {
             var _inputRef_current;
             setOpen(false);
             (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
         }
     }, []);
-    (0, import_react6.useEffect)(function() {
+    (0, import_react7.useEffect)(function() {
         if (open) {
             document.addEventListener("mousedown", handleClickOutside);
             document.addEventListener("touchend", handleClickOutside);
@@ -3733,14 +3735,14 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         open,
         handleClickOutside
     ]);
-    (0, import_react6.useEffect)(function() {
+    (0, import_react7.useEffect)(function() {
         if (value) {
             setSelected(value);
         }
     }, [
         value
     ]);
-    (0, import_react6.useEffect)(function() {
+    (0, import_react7.useEffect)(function() {
         if (!arrayOptions || onSearch) return;
         var newOption = transToGroupOption(arrayOptions || [], groupBy);
         if (JSON.stringify(newOption) !== JSON.stringify(options)) {
@@ -3753,7 +3755,7 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         onSearch,
         options
     ]);
-    (0, import_react6.useEffect)(function() {
+    (0, import_react7.useEffect)(function() {
         var doSearchSync = function() {
             var res = onSearchSync === null || onSearchSync === void 0 ? void 0 : onSearchSync(debouncedSearchTerm);
             setOptions(transToGroupOption(res || [], groupBy));
@@ -3787,7 +3789,7 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         triggerSearchOnFocus,
         onSearchSync
     ]);
-    (0, import_react6.useEffect)(function() {
+    (0, import_react7.useEffect)(function() {
         var doSearch = /*#__PURE__*/ function() {
             var _ref = _async_to_generator(function() {
                 var res;
@@ -3863,7 +3865,7 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         triggerSearchOnFocus,
         onSearch
     ]);
-    var handleUnselect = (0, import_react6.useCallback)(function(option) {
+    var handleUnselect = (0, import_react7.useCallback)(function(option) {
         if (unremovableOptions.find(function(v) {
             return (0, import_lodash4.isEqual)(v.value, option.value);
         })) {
@@ -3879,7 +3881,7 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         selected,
         unremovableOptions
     ]);
-    var handleKeyDown = (0, import_react6.useCallback)(function(e) {
+    var handleKeyDown = (0, import_react7.useCallback)(function(e) {
         var input = inputRef.current;
         if (input) {
             if (e.key === "Delete" || e.key === "Backspace") {
@@ -3898,7 +3900,7 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         handleUnselect,
         selected
     ]);
-    var combinedFloatingRef = (0, import_react6.useCallback)(function(node) {
+    var combinedFloatingRef = (0, import_react7.useCallback)(function(node) {
         if (!node) return;
         refs.setFloating(node);
         dropdownRef.current = node;
@@ -3949,7 +3951,7 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         }
         return void 0;
     };
-    var EmptyItem = (0, import_react6.useCallback)(function() {
+    var EmptyItem = (0, import_react7.useCallback)(function() {
         if (!emptyIndicator) return void 0;
         if (onSearch && !createNewOptionLabel && Object.keys(options).length === 0) {
             return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CommandItem, {
@@ -3970,13 +3972,13 @@ var MultipleSelector = (0, import_react6.forwardRef)(function(param, ref) {
         options,
         emptyIndicatorClassName
     ]);
-    var selectables = (0, import_react6.useMemo)(function() {
+    var selectables = (0, import_react7.useMemo)(function() {
         return removePickedOption(options, selected);
     }, [
         options,
         selected
     ]);
-    var commandFilter = (0, import_react6.useCallback)(function() {
+    var commandFilter = (0, import_react7.useCallback)(function() {
         if (commandProps === null || commandProps === void 0 ? void 0 : commandProps.filter) {
             return commandProps.filter;
         }
@@ -4221,27 +4223,27 @@ function PopoverContent(_param) {
 }
 // src/components/ui/SearchSelect.tsx
 var import_lucide_react4 = require("lucide-react");
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function SearchSelect(param) {
     var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName;
-    var id = (0, import_react7.useId)();
-    var _ref = _sliced_to_array((0, import_react7.useState)(false), 2), open = _ref[0], setOpen = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react7.useState)(value || defaultValue || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react7.useState)(""), 2), searchQuery = _ref2[0], setSearchQuery = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react7.useState)([]), 2), newOptions = _ref3[0], setNewOptions = _ref3[1];
-    (0, import_react7.useEffect)(function() {
+    var id = (0, import_react8.useId)();
+    var _ref = _sliced_to_array((0, import_react8.useState)(false), 2), open = _ref[0], setOpen = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react8.useState)(value || defaultValue || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react8.useState)(""), 2), searchQuery = _ref2[0], setSearchQuery = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react8.useState)([]), 2), newOptions = _ref3[0], setNewOptions = _ref3[1];
+    (0, import_react8.useEffect)(function() {
         setSelectedValue(value);
     }, [
         value
     ]);
-    var allOptions = (0, import_react7.useMemo)(function() {
+    var allOptions = (0, import_react8.useMemo)(function() {
         return _to_consumable_array(options).concat(_to_consumable_array(newOptions));
     }, [
         options,
         newOptions
     ]);
-    var filteredOptions = (0, import_react7.useMemo)(function() {
+    var filteredOptions = (0, import_react8.useMemo)(function() {
         if (!searchQuery) return allOptions;
         var query2 = searchQuery.toLowerCase().trim();
         return allOptions.filter(function(option) {
@@ -4253,7 +4255,7 @@ function SearchSelect(param) {
         allOptions,
         searchQuery
     ]);
-    var selectLabel = (0, import_react7.useMemo)(function() {
+    var selectLabel = (0, import_react8.useMemo)(function() {
         var _allOptions_find;
         return selectedValue ? ((_allOptions_find = allOptions.find(function(item) {
             return item.value === selectedValue;
@@ -4263,7 +4265,7 @@ function SearchSelect(param) {
         allOptions,
         selectPlaceholder
     ]);
-    var addNewOption = (0, import_react7.useCallback)(function() {
+    var addNewOption = (0, import_react8.useCallback)(function() {
         var newOption = {
             value: searchQuery,
             label: searchQuery
@@ -4425,7 +4427,7 @@ var TableCell = function(param) {
         children: value
     });
 };
-var Filter = (0, import_react8.memo)(function(param) {
+var Filter = (0, import_react9.memo)(function(param) {
     var filterableColumn = param.filterableColumn, index2 = param.index;
     var _filters_filterableColumn_dataKey, _filters_filterableColumn_dataKey1, _filterOptions_filterableColumn_dataKey;
     var _useTableContext = useTableContext(), direction = _useTableContext.direction, headers = _useTableContext.headers, filters = _useTableContext.filters, filterOptions = _useTableContext.filterOptions, filterPopupsDisplay = _useTableContext.filterPopupsDisplay, handleFilterChange = _useTableContext.handleFilterChange, handleFilterClick = _useTableContext.handleFilterClick, closeFilterWindow = _useTableContext.closeFilterWindow, filterLabel = _useTableContext.filterLabel;
@@ -4503,9 +4505,9 @@ var Filter = (0, import_react8.memo)(function(param) {
         ]
     });
 });
-var TableHead = (0, import_react8.memo)(function() {
+var TableHead = (0, import_react9.memo)(function() {
     var _useTableContext = useTableContext(), headers = _useTableContext.headers, headerStyle = _useTableContext.headerStyle, headerCellStyle = _useTableContext.headerCellStyle, sortColumn = _useTableContext.sortColumn, handleSort = _useTableContext.handleSort, sortKeys = _useTableContext.sortKeys, sortOrder = _useTableContext.sortOrder, _useTableContext_filterableColumns = _useTableContext.filterableColumns, filterableColumns = _useTableContext_filterableColumns === void 0 ? [] : _useTableContext_filterableColumns, sortLabel = _useTableContext.sortLabel, headerClassName = _useTableContext.headerClassName, headerCellClassName = _useTableContext.headerCellClassName;
-    var sortDisplay = (0, import_react8.useMemo)(function() {
+    var sortDisplay = (0, import_react9.useMemo)(function() {
         return Boolean(sortKeys === null || sortKeys === void 0 ? void 0 : sortKeys.length);
     }, [
         sortKeys
@@ -4545,7 +4547,7 @@ var TableHead = (0, import_react8.memo)(function() {
         })
     });
 }, renderOnce);
-var TableBody = (0, import_react8.memo)(function() {
+var TableBody = (0, import_react9.memo)(function() {
     var dataToRender = useTableContext().dataToRender;
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("tbody", {
         className: "divide-y divide-gray-600",
@@ -4557,7 +4559,7 @@ var TableBody = (0, import_react8.memo)(function() {
         })
     });
 }, renderOnce);
-var MaxRowsLabel = (0, import_react8.memo)(function() {
+var MaxRowsLabel = (0, import_react9.memo)(function() {
     var _useTableContext = useTableContext(), data = _useTableContext.data, dataToRender = _useTableContext.dataToRender, maxRowsLabel1 = _useTableContext.maxRowsLabel1, maxRowsLabel2 = _useTableContext.maxRowsLabel2, maxRows = _useTableContext.maxRows, maxRowsContainerClassName = _useTableContext.maxRowsContainerClassName;
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
         className: cn("flex justify-start items-center text-lg gap-1", maxRowsContainerClassName || ""),
@@ -4577,7 +4579,7 @@ var MaxRowsLabel = (0, import_react8.memo)(function() {
         ]
     });
 }, renderOnce);
-var ExportToExcel = (0, import_react8.memo)(function() {
+var ExportToExcel = (0, import_react9.memo)(function() {
     var _useTableContext = useTableContext(), exportToExcelKeys = _useTableContext.exportToExcelKeys, dataToAddToExcelTable = _useTableContext.dataToAddToExcelTable, excelFileName = _useTableContext.excelFileName, dataToRender = _useTableContext.dataToRender, headers = _useTableContext.headers, sumColumns = _useTableContext.sumColumns, exportExcelTitle = _useTableContext.exportExcelTitle, exportExcelContent = _useTableContext.exportExcelContent, exportToExcelClassName = _useTableContext.exportToExcelClassName;
     var addPropertiesToExcel = function(properties) {
         var newData = _to_consumable_array(dataToRender.renderedData);
@@ -4657,7 +4659,7 @@ var ExportToExcel = (0, import_react8.memo)(function() {
         children: exportExcelContent || exportToExcelSvg()
     });
 }, renderOnce);
-var Search = (0, import_react8.memo)(function() {
+var Search = (0, import_react9.memo)(function() {
     var _useTableContext = useTableContext(), searchQuery = _useTableContext.searchQuery, handleSearch = _useTableContext.handleSearch, searchPlaceHolder = _useTableContext.searchPlaceHolder, searchInputClassName = _useTableContext.searchInputClassName, searchInputStyle = _useTableContext.searchInputStyle;
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", {
         className: cn("w-40 border-black border-[1px] text-lg px-2 ", searchInputClassName),
@@ -4668,7 +4670,7 @@ var Search = (0, import_react8.memo)(function() {
         style: searchInputStyle
     });
 }, renderOnce);
-var Summary = (0, import_react8.memo)(function() {
+var Summary = (0, import_react9.memo)(function() {
     var _useTableContext = useTableContext(), summaryContainerStyle = _useTableContext.summaryContainerStyle, summaryLabelStyle = _useTableContext.summaryLabelStyle, summaryLabel = _useTableContext.summaryLabel, summaryRowStyle = _useTableContext.summaryRowStyle, sumColumns = _useTableContext.sumColumns, dataToRender = _useTableContext.dataToRender, direction = _useTableContext.direction;
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
         style: _object_spread_props(_object_spread({}, summaryContainerStyle), {
@@ -4753,7 +4755,7 @@ var TableButton = function(param) {
 };
 var DurationUI = function(param) {
     var duration = param.duration, _param_daysLabel = param.daysLabel, daysLabel = _param_daysLabel === void 0 ? "d" : _param_daysLabel, _param_hoursLabel = param.hoursLabel, hoursLabel = _param_hoursLabel === void 0 ? "h" : _param_hoursLabel, _param_minutesLabel = param.minutesLabel, minutesLabel = _param_minutesLabel === void 0 ? "m" : _param_minutesLabel, _param_secondsLabel = param.secondsLabel, secondsLabel = _param_secondsLabel === void 0 ? "s" : _param_secondsLabel, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, direction = param.direction;
-    var _ref = (0, import_react8.useMemo)(function() {
+    var _ref = (0, import_react9.useMemo)(function() {
         var secondsInDay = 86400;
         var days = Math.floor(duration / secondsInDay);
         var remainderAfterDays = duration % secondsInDay;
@@ -4869,12 +4871,12 @@ var NumberUI = function(param) {
     });
 };
 // src/components/forms/ModularForm/ModularForm.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 // src/components/forms/ModularForm/formElements.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
 var import_lucide_react5 = require("lucide-react");
-var import_react9 = require("react");
+var import_react10 = require("react");
 var RPNInput = __toESM(require("react-phone-number-input"));
 var import_flags = __toESM(require("react-phone-number-input/flags"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -4887,8 +4889,8 @@ function InternationalPhonePicker(param) {
             }
         }
     };
-    var _ref = _sliced_to_array((0, import_react9.useState)(""), 2), tempPhoneValue = _ref[0], setTempPhoneValue = _ref[1];
-    (0, import_react9.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react10.useState)(""), 2), tempPhoneValue = _ref[0], setTempPhoneValue = _ref[1];
+    (0, import_react10.useEffect)(function() {
         if (defaultValue) {
             if (setPhoneValue) {
                 setPhoneValue(defaultValue);
@@ -4953,15 +4955,15 @@ function InternationalPhonePicker(param) {
         ]
     });
 }
-var PhoneInput = (0, import_react9.forwardRef)(function(_param, ref) {
+var PhoneInput = (0, import_react10.forwardRef)(function(_param, ref) {
     var className = _param.className, onKeyDown = _param.onKeyDown, defaultValue = _param.defaultValue, style = _param.style, props = _object_without_properties(_param, [
         "className",
         "onKeyDown",
         "defaultValue",
         "style"
     ]);
-    var inputRef = (0, import_react9.useRef)(null);
-    (0, import_react9.useEffect)(function() {
+    var inputRef = (0, import_react10.useRef)(null);
+    (0, import_react10.useEffect)(function() {
         if (inputRef.current) {
             inputRef.current.focus();
         }
@@ -4987,7 +4989,7 @@ var CountrySelect = function(param) {
     var handleSelect = function(event) {
         onChange(event.target.value);
     };
-    var originalClassName = (0, import_react9.useMemo)(function() {
+    var originalClassName = (0, import_react10.useMemo)(function() {
         return "relative inline-flex items-center self-stretch rounded-s-lg border border-input bg-background py-2 pe-2 ps-3 text-muted-foreground transition-shadow focus-within:z-10 focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20 hover:bg-accent hover:text-foreground has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50";
     }, []);
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
@@ -5052,7 +5054,7 @@ var FlagComponent = function(param) {
 // src/components/forms/ModularForm/formElements.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var useSortValues = function(options, sortDirection, sortAsNumber) {
-    var sortOptions = (0, import_react10.useMemo)(function() {
+    var sortOptions = (0, import_react11.useMemo)(function() {
         var sorted = sortAsNumber ? options.sort(function(a, b) {
             return parseInt(b.label) - parseInt(a.label);
         }) : options.sort(function(a, b) {
@@ -5068,13 +5070,13 @@ var useSortValues = function(options, sortDirection, sortAsNumber) {
 };
 var InputContainer = function(param) {
     var validationError = param.validationError, _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_inputType = param.inputType, inputType = _param_inputType === void 0 ? "text" : _param_inputType, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_validationName = param.validationName, validationName = _param_validationName === void 0 ? "textNumbers" : _param_validationName, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value;
-    var handleChangeFunction = (0, import_react10.useCallback)(function(e) {
+    var handleChangeFunction = (0, import_react11.useCallback)(function(e) {
         handleChange(e);
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
     }, [
         onChange
     ]);
-    var validationProps = (0, import_react10.useMemo)(function() {
+    var validationProps = (0, import_react11.useMemo)(function() {
         return _object_spread_props(_object_spread({}, useValidation(validationName, validationError)), {
             onChange: handleChangeFunction
         });
@@ -5113,8 +5115,8 @@ var SelectContainer = function(param) {
     var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange;
     var _sortOptions_, _options_find;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
-    var _ref = _sliced_to_array((0, import_react10.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react10.useState)(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react11.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react11.useState)(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
     var handleOptionClick = function(value) {
         setSelectedValue(value);
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
@@ -5315,8 +5317,8 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }() : _param_submitFunction, _param_elements = param.elements, elements = _param_elements === void 0 ? [] : _param_elements, headerContent = param.headerContent, buttonContent = param.buttonContent, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_headerClassName = param.headerClassName, headerClassName = _param_headerClassName === void 0 ? "" : _param_headerClassName, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, submitRef = param.submitRef, _param_footerClassName = param.footerClassName, footerClassName = _param_footerClassName === void 0 ? "" : _param_footerClassName, _param_errorClassName = param.errorClassName, errorClassName = _param_errorClassName === void 0 ? "" : _param_errorClassName;
-    var _ref = _sliced_to_array((0, import_react11.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react11.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react12.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react12.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             var form, err;
@@ -5417,7 +5419,7 @@ var ModularForm = function(param) {
                         }), index2);
                     case "custom":
                         var _element_element;
-                        return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && (0, import_react11.cloneElement)(element.element, {
+                        return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && (0, import_react12.cloneElement)(element.element, {
                             key: index2
                         });
                     default:
@@ -5449,7 +5451,7 @@ var ModularForm = function(param) {
 };
 var ModularForm_default = ModularForm;
 // src/components/forms/index.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_moment2 = __toESM(require("moment"));
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var ConfirmForm = function(param) {
@@ -5494,7 +5496,7 @@ var DatePicker = function(param) {
             return _ref.apply(this, arguments);
         };
     }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
-    var _ref = _sliced_to_array((0, import_react12.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
+    var _ref = _sliced_to_array((0, import_react13.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             return _ts_generator(this, function(_state) {
@@ -5568,12 +5570,12 @@ var DatePicker = function(param) {
 };
 // src/components/CodeInput.tsx
 var import_input_otp = require("input-otp");
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function CodeInput(param) {
     var codeValue = param.codeValue, setCodeValue = param.setCodeValue, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_slotContainerClassName = param.slotContainerClassName, slotContainerClassName = _param_slotContainerClassName === void 0 ? "" : _param_slotContainerClassName;
-    var firstInputRef = (0, import_react13.useRef)(null);
-    (0, import_react13.useEffect)(function() {
+    var firstInputRef = (0, import_react14.useRef)(null);
+    (0, import_react14.useEffect)(function() {
         if (firstInputRef.current) {
             firstInputRef.current.focus();
         }

package/dist/components/index.mjs

@@ -1104,9 +1104,10 @@ var useSearch = function() {
 import moment from "moment";
 import { initializeApp } from "firebase/app";
 import { getStorage } from "firebase/storage";
-import { getAuth } from "firebase/auth";
+import { getAuth, GoogleAuthProvider, signInWithPopup } from "firebase/auth";
 import { initializeAppCheck, ReCaptchaEnterpriseProvider } from "firebase/app-check";
 import { addDoc, collection, deleteDoc, doc, getDoc, getDocs, query, setDoc, Timestamp, where, getFirestore, onSnapshot, orderBy } from "firebase/firestore";
+import { useCallback } from "react";
 var initApp = function() {
     var isNodeEnv2 = typeof process !== "undefined" && process.env;
     var firebaseConfig = {
@@ -1120,10 +1121,10 @@ var initApp = function() {
     try {
         var app2 = initializeApp(firebaseConfig);
         var auth2 = getAuth(app2);
+        auth2.settings.appVerificationDisabledForTesting = false;
         var db2 = getFirestore(app2);
         var storage2 = getStorage(app2);
         var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import.meta.env.VITE_RECAPTCHA_SITE_KEY;
-        auth2.settings.appVerificationDisabledForTesting = false;
         var result = {
             db: db2,
             auth: auth2,
@@ -1143,6 +1144,7 @@ var initApp = function() {
     }
 };
 var _initApp = initApp(), db = _initApp.db, auth = _initApp.auth, storage = _initApp.storage, app = _initApp.app, appCheck = _initApp.appCheck;
+var googleLoginProvider = new GoogleAuthProvider();
 var collections = {
     clients: collection(db, "nx-clients"),
     sites: collection(db, "nx-sites"),
@@ -1344,7 +1346,7 @@ import ReactDOM2 from "react-dom";
 import { Command as CommandPrimitive2, useCommandState } from "cmdk";
 import { X as X2 } from "lucide-react";
 import React9 from "react";
-import { forwardRef as forwardRef6, useEffect as useEffect4, useCallback as useCallback2, useMemo as useMemo4, useRef as useRef3 } from "react";
+import { forwardRef as forwardRef6, useEffect as useEffect4, useCallback as useCallback3, useMemo as useMemo4, useRef as useRef3 } from "react";
 // src/components/ui/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
 import { Search as Search2 } from "lucide-react";
@@ -3515,7 +3517,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
         open,
         update
     ]);
-    var handleClickOutside = useCallback2(function(event) {
+    var handleClickOutside = useCallback3(function(event) {
         if (dropdownRef.current && !dropdownRef.current.contains(event.target) && containerRef.current && !containerRef.current.contains(event.target)) {
             var _inputRef_current;
             setOpen(false);
@@ -3668,7 +3670,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
         triggerSearchOnFocus,
         onSearch
     ]);
-    var handleUnselect = useCallback2(function(option) {
+    var handleUnselect = useCallback3(function(option) {
         if (unremovableOptions.find(function(v) {
             return isEqual4(v.value, option.value);
         })) {
@@ -3684,7 +3686,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
         selected,
         unremovableOptions
     ]);
-    var handleKeyDown = useCallback2(function(e) {
+    var handleKeyDown = useCallback3(function(e) {
         var input = inputRef.current;
         if (input) {
             if (e.key === "Delete" || e.key === "Backspace") {
@@ -3703,7 +3705,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
         handleUnselect,
         selected
     ]);
-    var combinedFloatingRef = useCallback2(function(node) {
+    var combinedFloatingRef = useCallback3(function(node) {
         if (!node) return;
         refs.setFloating(node);
         dropdownRef.current = node;
@@ -3754,7 +3756,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
         }
         return void 0;
     };
-    var EmptyItem = useCallback2(function() {
+    var EmptyItem = useCallback3(function() {
         if (!emptyIndicator) return void 0;
         if (onSearch && !createNewOptionLabel && Object.keys(options).length === 0) {
             return /* @__PURE__ */ jsx13(CommandItem, {
@@ -3781,7 +3783,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
         options,
         selected
     ]);
-    var commandFilter = useCallback2(function() {
+    var commandFilter = useCallback3(function() {
         if (commandProps === null || commandProps === void 0 ? void 0 : commandProps.filter) {
             return commandProps.filter;
         }
@@ -4026,7 +4028,7 @@ function PopoverContent(_param) {
 }
 // src/components/ui/SearchSelect.tsx
 import { CheckIcon, ChevronDownIcon } from "lucide-react";
-import { useCallback as useCallback3, useEffect as useEffect5, useId, useMemo as useMemo5, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useId, useMemo as useMemo5, useState as useState4 } from "react";
 import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function SearchSelect(param) {
     var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName;
@@ -4068,7 +4070,7 @@ function SearchSelect(param) {
         allOptions,
         selectPlaceholder
     ]);
-    var addNewOption = useCallback3(function() {
+    var addNewOption = useCallback4(function() {
         var newOption = {
             value: searchQuery,
             label: searchQuery
@@ -4676,7 +4678,7 @@ var NumberUI = function(param) {
 // src/components/forms/ModularForm/ModularForm.tsx
 import { cloneElement, useState as useState7 } from "react";
 // src/components/forms/ModularForm/formElements.tsx
-import { useCallback as useCallback4, useMemo as useMemo8, useState as useState6 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo8, useState as useState6 } from "react";
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
 import { ChevronDown, Phone } from "lucide-react";
 import { forwardRef as forwardRef7, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef4, useState as useState5 } from "react";
@@ -4873,7 +4875,7 @@ var useSortValues = function(options, sortDirection, sortAsNumber) {
 };
 var InputContainer = function(param) {
     var validationError = param.validationError, _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_inputType = param.inputType, inputType = _param_inputType === void 0 ? "text" : _param_inputType, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_validationName = param.validationName, validationName = _param_validationName === void 0 ? "textNumbers" : _param_validationName, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value;
-    var handleChangeFunction = useCallback4(function(e) {
+    var handleChangeFunction = useCallback5(function(e) {
         handleChange(e);
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
     }, [

package/dist/helpers/index.d.mts

@@ -1,6 +1,7 @@
+import * as _firebase_auth from '@firebase/auth';
 import { FirebaseApp } from 'firebase/app';
 import { FirebaseStorage } from 'firebase/storage';
-import { Auth } from 'firebase/auth';
+import { Auth, GoogleAuthProvider } from 'firebase/auth';
 import { AppCheck } from 'firebase/app-check';
 import { WhereFilterOp, Unsubscribe, Firestore, Timestamp, DocumentSnapshot, DocumentData, CollectionReference } from 'firebase/firestore';
 import { TObject, CountryOptions, NxUser, Client } from 'akeyless-types-commons';
@@ -46,6 +47,8 @@ declare const auth: Auth;
 declare const storage: FirebaseStorage;
 declare const app: FirebaseApp;
 declare const appCheck: AppCheck;
+declare const googleLoginProvider: GoogleAuthProvider;
+declare const useLoginWithGoogle: () => () => Promise<_firebase_auth.User>;
 interface Collections {
     [key: string]: CollectionReference<DocumentData>;
     clients: CollectionReference<DocumentData>;
@@ -208,4 +211,4 @@ type Method = "GET" | "POST" | "PUT" | "DELETE";
 type ServerName = "devices" | "bi" | "call-center";
 declare const nx_api_call: (serverName: ServerName, method: Method, url: string, data?: TObject<any>) => Promise<any>;
 
-export { type ValidationType, add_document, addressRegex, akeylessOnlineDomain, app, appCheck, auth, baseDomain, biDomain, calculateBearing, callCenterDomain, carsRegex, chartsRegex, cleanNxSites, cn, collections, colorRegex, createSelectors, db, delete_document, devicesDomain, displayFormatPhoneNumber, emailRegex, extractAlertsData, extractBoardsData, extractCanbusData, extractCarsData, extractClientData, extractLocationData, extractSiteData, fire_base_TIME_TEMP, formatCarNumber, getFormElementValue, getLocationUrl, getUserCountryByIp, get_all_documents, get_document_by_id, handleChange, handleInvalid, handlePaste, initializeUserPermissions, international_israel_phone_format, isInternational, isInternationalIsraelPhone, isLocal, isNodeEnv, is_iccid, local_israel_phone_format, mode, multiStringFormat, numbersOnlyRegex, numbersRegex, nx_api_call, parseMultiSelectInput, parsePermissions, priceRegex, propsAreEqual, query_document, query_document_by_conditions, query_documents, query_documents_by_conditions, renderOnce, setState, set_document, simpleExtractData, snapshot, snapshotDocument, sort_by_timestamp, storage, textNumbersRegex, textRegex, timestamp_to_millis, timestamp_to_string, useStoreValues, useValidation, userNameFormat };
+export { type ValidationType, add_document, addressRegex, akeylessOnlineDomain, app, appCheck, auth, baseDomain, biDomain, calculateBearing, callCenterDomain, carsRegex, chartsRegex, cleanNxSites, cn, collections, colorRegex, createSelectors, db, delete_document, devicesDomain, displayFormatPhoneNumber, emailRegex, extractAlertsData, extractBoardsData, extractCanbusData, extractCarsData, extractClientData, extractLocationData, extractSiteData, fire_base_TIME_TEMP, formatCarNumber, getFormElementValue, getLocationUrl, getUserCountryByIp, get_all_documents, get_document_by_id, googleLoginProvider, handleChange, handleInvalid, handlePaste, initializeUserPermissions, international_israel_phone_format, isInternational, isInternationalIsraelPhone, isLocal, isNodeEnv, is_iccid, local_israel_phone_format, mode, multiStringFormat, numbersOnlyRegex, numbersRegex, nx_api_call, parseMultiSelectInput, parsePermissions, priceRegex, propsAreEqual, query_document, query_document_by_conditions, query_documents, query_documents_by_conditions, renderOnce, setState, set_document, simpleExtractData, snapshot, snapshotDocument, sort_by_timestamp, storage, textNumbersRegex, textRegex, timestamp_to_millis, timestamp_to_string, useLoginWithGoogle, useStoreValues, useValidation, userNameFormat };

package/dist/helpers/index.d.ts

@@ -1,6 +1,7 @@
+import * as _firebase_auth from '@firebase/auth';
 import { FirebaseApp } from 'firebase/app';
 import { FirebaseStorage } from 'firebase/storage';
-import { Auth } from 'firebase/auth';
+import { Auth, GoogleAuthProvider } from 'firebase/auth';
 import { AppCheck } from 'firebase/app-check';
 import { WhereFilterOp, Unsubscribe, Firestore, Timestamp, DocumentSnapshot, DocumentData, CollectionReference } from 'firebase/firestore';
 import { TObject, CountryOptions, NxUser, Client } from 'akeyless-types-commons';
@@ -46,6 +47,8 @@ declare const auth: Auth;
 declare const storage: FirebaseStorage;
 declare const app: FirebaseApp;
 declare const appCheck: AppCheck;
+declare const googleLoginProvider: GoogleAuthProvider;
+declare const useLoginWithGoogle: () => () => Promise<_firebase_auth.User>;
 interface Collections {
     [key: string]: CollectionReference<DocumentData>;
     clients: CollectionReference<DocumentData>;
@@ -208,4 +211,4 @@ type Method = "GET" | "POST" | "PUT" | "DELETE";
 type ServerName = "devices" | "bi" | "call-center";
 declare const nx_api_call: (serverName: ServerName, method: Method, url: string, data?: TObject<any>) => Promise<any>;
 
-export { type ValidationType, add_document, addressRegex, akeylessOnlineDomain, app, appCheck, auth, baseDomain, biDomain, calculateBearing, callCenterDomain, carsRegex, chartsRegex, cleanNxSites, cn, collections, colorRegex, createSelectors, db, delete_document, devicesDomain, displayFormatPhoneNumber, emailRegex, extractAlertsData, extractBoardsData, extractCanbusData, extractCarsData, extractClientData, extractLocationData, extractSiteData, fire_base_TIME_TEMP, formatCarNumber, getFormElementValue, getLocationUrl, getUserCountryByIp, get_all_documents, get_document_by_id, handleChange, handleInvalid, handlePaste, initializeUserPermissions, international_israel_phone_format, isInternational, isInternationalIsraelPhone, isLocal, isNodeEnv, is_iccid, local_israel_phone_format, mode, multiStringFormat, numbersOnlyRegex, numbersRegex, nx_api_call, parseMultiSelectInput, parsePermissions, priceRegex, propsAreEqual, query_document, query_document_by_conditions, query_documents, query_documents_by_conditions, renderOnce, setState, set_document, simpleExtractData, snapshot, snapshotDocument, sort_by_timestamp, storage, textNumbersRegex, textRegex, timestamp_to_millis, timestamp_to_string, useStoreValues, useValidation, userNameFormat };
+export { type ValidationType, add_document, addressRegex, akeylessOnlineDomain, app, appCheck, auth, baseDomain, biDomain, calculateBearing, callCenterDomain, carsRegex, chartsRegex, cleanNxSites, cn, collections, colorRegex, createSelectors, db, delete_document, devicesDomain, displayFormatPhoneNumber, emailRegex, extractAlertsData, extractBoardsData, extractCanbusData, extractCarsData, extractClientData, extractLocationData, extractSiteData, fire_base_TIME_TEMP, formatCarNumber, getFormElementValue, getLocationUrl, getUserCountryByIp, get_all_documents, get_document_by_id, googleLoginProvider, handleChange, handleInvalid, handlePaste, initializeUserPermissions, international_israel_phone_format, isInternational, isInternationalIsraelPhone, isLocal, isNodeEnv, is_iccid, local_israel_phone_format, mode, multiStringFormat, numbersOnlyRegex, numbersRegex, nx_api_call, parseMultiSelectInput, parsePermissions, priceRegex, propsAreEqual, query_document, query_document_by_conditions, query_documents, query_documents_by_conditions, renderOnce, setState, set_document, simpleExtractData, snapshot, snapshotDocument, sort_by_timestamp, storage, textNumbersRegex, textRegex, timestamp_to_millis, timestamp_to_string, useLoginWithGoogle, useStoreValues, useValidation, userNameFormat };

package/dist/helpers/index.js

@@ -401,6 +401,9 @@ __export(helpers_exports, {
     get_document_by_id: function() {
         return get_document_by_id;
     },
+    googleLoginProvider: function() {
+        return googleLoginProvider;
+    },
     handleChange: function() {
         return handleChange;
     },
@@ -509,6 +512,9 @@ __export(helpers_exports, {
     timestamp_to_string: function() {
         return timestamp_to_string;
     },
+    useLoginWithGoogle: function() {
+        return useLoginWithGoogle;
+    },
     useStoreValues: function() {
         return useStoreValues;
     },
@@ -537,6 +543,7 @@ var formatCarNumber = function(car_number) {
     return cn2;
 };
 // src/helpers/firebase.ts
+var import_react = require("react");
 var import_meta = {};
 var initApp = function() {
     var isNodeEnv2 = typeof process !== "undefined" && process.env;
@@ -551,10 +558,10 @@ var initApp = function() {
     try {
         var app2 = (0, import_app.initializeApp)(firebaseConfig);
         var auth2 = (0, import_auth.getAuth)(app2);
+        auth2.settings.appVerificationDisabledForTesting = false;
         var db2 = (0, import_firestore.getFirestore)(app2);
         var storage2 = (0, import_storage.getStorage)(app2);
         var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import_meta.env.VITE_RECAPTCHA_SITE_KEY;
-        auth2.settings.appVerificationDisabledForTesting = false;
         var result = {
             db: db2,
             auth: auth2,
@@ -574,6 +581,32 @@ var initApp = function() {
     }
 };
 var _initApp = initApp(), db = _initApp.db, auth = _initApp.auth, storage = _initApp.storage, app = _initApp.app, appCheck = _initApp.appCheck;
+var googleLoginProvider = new import_auth.GoogleAuthProvider();
+var useLoginWithGoogle = function() {
+    var signInWithGoogle = (0, import_react.useCallback)(/*#__PURE__*/ _async_to_generator(function() {
+        var result, user;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        (0, import_auth.signInWithPopup)(auth, googleLoginProvider)
+                    ];
+                case 1:
+                    result = _state.sent();
+                    user = result.user;
+                    return [
+                        2,
+                        user
+                    ];
+            }
+        });
+    }), [
+        auth,
+        googleLoginProvider
+    ]);
+    return signInWithGoogle;
+};
 var collections = {
     clients: (0, import_firestore.collection)(db, "nx-clients"),
     sites: (0, import_firestore.collection)(db, "nx-sites"),
@@ -1834,6 +1867,7 @@ var nx_api_call = /*#__PURE__*/ function() {
     getUserCountryByIp: getUserCountryByIp,
     get_all_documents: get_all_documents,
     get_document_by_id: get_document_by_id,
+    googleLoginProvider: googleLoginProvider,
     handleChange: handleChange,
     handleInvalid: handleInvalid,
     handlePaste: handlePaste,
@@ -1870,6 +1904,7 @@ var nx_api_call = /*#__PURE__*/ function() {
     textRegex: textRegex,
     timestamp_to_millis: timestamp_to_millis,
     timestamp_to_string: timestamp_to_string,
+    useLoginWithGoogle: useLoginWithGoogle,
     useStoreValues: useStoreValues,
     useValidation: useValidation,
     userNameFormat: userNameFormat

package/dist/helpers/index.mjs

@@ -231,7 +231,7 @@ function _ts_generator(thisArg, body) {
 import moment from "moment";
 import { initializeApp } from "firebase/app";
 import { getStorage } from "firebase/storage";
-import { getAuth } from "firebase/auth";
+import { getAuth, GoogleAuthProvider, signInWithPopup } from "firebase/auth";
 import { initializeAppCheck, ReCaptchaEnterpriseProvider } from "firebase/app-check";
 import { addDoc, collection, deleteDoc, doc, getDoc, getDocs, query, setDoc, Timestamp, where, getFirestore, onSnapshot, orderBy } from "firebase/firestore";
 // src/helpers/cars.ts
@@ -244,6 +244,7 @@ var formatCarNumber = function(car_number) {
     return cn2;
 };
 // src/helpers/firebase.ts
+import { useCallback } from "react";
 var initApp = function() {
     var isNodeEnv2 = typeof process !== "undefined" && process.env;
     var firebaseConfig = {
@@ -257,10 +258,10 @@ var initApp = function() {
     try {
         var app2 = initializeApp(firebaseConfig);
         var auth2 = getAuth(app2);
+        auth2.settings.appVerificationDisabledForTesting = false;
         var db2 = getFirestore(app2);
         var storage2 = getStorage(app2);
         var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import.meta.env.VITE_RECAPTCHA_SITE_KEY;
-        auth2.settings.appVerificationDisabledForTesting = false;
         var result = {
             db: db2,
             auth: auth2,
@@ -280,6 +281,32 @@ var initApp = function() {
     }
 };
 var _initApp = initApp(), db = _initApp.db, auth = _initApp.auth, storage = _initApp.storage, app = _initApp.app, appCheck = _initApp.appCheck;
+var googleLoginProvider = new GoogleAuthProvider();
+var useLoginWithGoogle = function() {
+    var signInWithGoogle = useCallback(/*#__PURE__*/ _async_to_generator(function() {
+        var result, user;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        signInWithPopup(auth, googleLoginProvider)
+                    ];
+                case 1:
+                    result = _state.sent();
+                    user = result.user;
+                    return [
+                        2,
+                        user
+                    ];
+            }
+        });
+    }), [
+        auth,
+        googleLoginProvider
+    ]);
+    return signInWithGoogle;
+};
 var collections = {
     clients: collection(db, "nx-clients"),
     sites: collection(db, "nx-sites"),
@@ -1501,5 +1528,5 @@ var nx_api_call = /*#__PURE__*/ function() {
         return _ref.apply(this, arguments);
     };
 }();
-export { add_document, addressRegex, akeylessOnlineDomain, app, appCheck, auth, baseDomain, biDomain, calculateBearing, callCenterDomain, carsRegex, chartsRegex, cleanNxSites, cn, collections, colorRegex, createSelectors, db, delete_document, devicesDomain, displayFormatPhoneNumber, emailRegex, extractAlertsData, extractBoardsData, extractCanbusData, extractCarsData, extractClientData, extractLocationData, extractSiteData, fire_base_TIME_TEMP, formatCarNumber, getFormElementValue, getLocationUrl, getUserCountryByIp, get_all_documents, get_document_by_id, handleChange, handleInvalid, handlePaste, initializeUserPermissions, international_israel_phone_format, isInternational, isInternationalIsraelPhone, isLocal, isNodeEnv, is_iccid, local_israel_phone_format, mode, multiStringFormat, numbersOnlyRegex, numbersRegex, nx_api_call, parseMultiSelectInput, parsePermissions, priceRegex, propsAreEqual, query_document, query_document_by_conditions, query_documents, query_documents_by_conditions, renderOnce, setState, set_document, simpleExtractData, snapshot, snapshotDocument, sort_by_timestamp, storage, textNumbersRegex, textRegex, timestamp_to_millis, timestamp_to_string, useStoreValues, useValidation, userNameFormat };
+export { add_document, addressRegex, akeylessOnlineDomain, app, appCheck, auth, baseDomain, biDomain, calculateBearing, callCenterDomain, carsRegex, chartsRegex, cleanNxSites, cn, collections, colorRegex, createSelectors, db, delete_document, devicesDomain, displayFormatPhoneNumber, emailRegex, extractAlertsData, extractBoardsData, extractCanbusData, extractCarsData, extractClientData, extractLocationData, extractSiteData, fire_base_TIME_TEMP, formatCarNumber, getFormElementValue, getLocationUrl, getUserCountryByIp, get_all_documents, get_document_by_id, googleLoginProvider, handleChange, handleInvalid, handlePaste, initializeUserPermissions, international_israel_phone_format, isInternational, isInternationalIsraelPhone, isLocal, isNodeEnv, is_iccid, local_israel_phone_format, mode, multiStringFormat, numbersOnlyRegex, numbersRegex, nx_api_call, parseMultiSelectInput, parsePermissions, priceRegex, propsAreEqual, query_document, query_document_by_conditions, query_documents, query_documents_by_conditions, renderOnce, setState, set_document, simpleExtractData, snapshot, snapshotDocument, sort_by_timestamp, storage, textNumbersRegex, textRegex, timestamp_to_millis, timestamp_to_string, useLoginWithGoogle, useStoreValues, useValidation, userNameFormat };
 //# sourceMappingURL=index.mjs.map

package/dist/hooks/index.js

@@ -262,7 +262,7 @@ __export(hooks_exports, {
 module.exports = __toCommonJS(hooks_exports);
 // src/hooks/global.ts
 var import_akeyless_types_commons2 = require("akeyless-types-commons");
-var import_react2 = require("react");
+var import_react3 = require("react");
 // src/helpers/firebase.ts
 var import_moment = __toESM(require("moment"));
 var import_app = require("firebase/app");
@@ -270,6 +270,7 @@ var import_storage = require("firebase/storage");
 var import_auth = require("firebase/auth");
 var import_app_check = require("firebase/app-check");
 var import_firestore = require("firebase/firestore");
+var import_react = require("react");
 var import_meta = {};
 var initApp = function() {
     var isNodeEnv2 = typeof process !== "undefined" && process.env;
@@ -284,10 +285,10 @@ var initApp = function() {
     try {
         var app2 = (0, import_app.initializeApp)(firebaseConfig);
         var auth2 = (0, import_auth.getAuth)(app2);
+        auth2.settings.appVerificationDisabledForTesting = false;
         var db2 = (0, import_firestore.getFirestore)(app2);
         var storage2 = (0, import_storage.getStorage)(app2);
         var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import_meta.env.VITE_RECAPTCHA_SITE_KEY;
-        auth2.settings.appVerificationDisabledForTesting = false;
         var result = {
             db: db2,
             auth: auth2,
@@ -307,6 +308,7 @@ var initApp = function() {
     }
 };
 var _initApp = initApp(), db = _initApp.db, auth = _initApp.auth, storage = _initApp.storage, app = _initApp.app, appCheck = _initApp.appCheck;
+var googleLoginProvider = new import_auth.GoogleAuthProvider();
 var collections = {
     clients: (0, import_firestore.collection)(db, "nx-clients"),
     sites: (0, import_firestore.collection)(db, "nx-sites"),
@@ -489,9 +491,9 @@ var biDomain = isLocal ? "http://localhost:9002/api/bi" : baseDomain + "/bi";
 var callCenterDomain = isLocal ? "http://localhost:9003/api/call-center" : baseDomain + "/call-center";
 // src/hooks/react.ts
 var import_lodash2 = require("lodash");
-var import_react = require("react");
+var import_react2 = require("react");
 function useSafeEffect(callback, dependencies, error_message) {
-    (0, import_react.useEffect)(function() {
+    (0, import_react2.useEffect)(function() {
         try {
             callback();
         } catch (error) {
@@ -500,24 +502,24 @@ function useSafeEffect(callback, dependencies, error_message) {
     }, dependencies);
 }
 var useDeepCompareMemo = function(factory, dependencies) {
-    var previousDepsRef = (0, import_react.useRef)([]);
+    var previousDepsRef = (0, import_react2.useRef)([]);
     if (!(0, import_lodash2.isEqual)(dependencies, previousDepsRef.current)) {
         previousDepsRef.current = dependencies;
     }
-    return (0, import_react.useMemo)(factory, previousDepsRef.current);
+    return (0, import_react2.useMemo)(factory, previousDepsRef.current);
 };
 function useDeepCompareEffect(effect, dependencies) {
-    var previousDepsRef = (0, import_react.useRef)();
+    var previousDepsRef = (0, import_react2.useRef)();
     if (!(0, import_lodash2.isEqual)(previousDepsRef.current, dependencies)) {
         previousDepsRef.current = dependencies;
     }
-    (0, import_react.useEffect)(effect, [
+    (0, import_react2.useEffect)(effect, [
         previousDepsRef.current
     ]);
 }
 // src/hooks/global.ts
 var useDocumentTitle = function(title) {
-    (0, import_react2.useEffect)(function() {
+    (0, import_react3.useEffect)(function() {
         document.title = title;
     }, [
         title
@@ -525,8 +527,8 @@ var useDocumentTitle = function(title) {
     return null;
 };
 var useSnapshotBulk = function(configs, label) {
-    var snapshotsFirstTime = (0, import_react2.useRef)([]);
-    var unsubscribeFunctions = (0, import_react2.useRef)([]);
+    var snapshotsFirstTime = (0, import_react3.useRef)([]);
+    var unsubscribeFunctions = (0, import_react3.useRef)([]);
     useDeepCompareEffect(function() {
         var start = performance.now();
         console.log("==> ".concat(label || "Custom snapshots", " started... "));
@@ -545,7 +547,7 @@ var useSnapshotBulk = function(configs, label) {
         configs,
         label
     ]);
-    (0, import_react2.useEffect)(function() {
+    (0, import_react3.useEffect)(function() {
         return function() {
             unsubscribeFunctions.current.forEach(function(unsubscribe) {
                 if (unsubscribe) {
@@ -556,7 +558,7 @@ var useSnapshotBulk = function(configs, label) {
     }, []);
 };
 var useSetUserCountry = function(setUserCountry, changLang) {
-    (0, import_react2.useLayoutEffect)(function() {
+    (0, import_react3.useLayoutEffect)(function() {
         var currentCountry = localStorage.getItem("userCountry");
         if (!currentCountry) {
             var updateCountry = /*#__PURE__*/ function() {
@@ -590,7 +592,7 @@ var useSetUserCountry = function(setUserCountry, changLang) {
     return null;
 };
 // src/hooks/WebWorker.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
     useDeepCompareEffect: useDeepCompareEffect,

package/dist/hooks/index.mjs

@@ -181,9 +181,10 @@ import { useEffect as useEffect2, useLayoutEffect, useRef as useRef2 } from "rea
 import moment from "moment";
 import { initializeApp } from "firebase/app";
 import { getStorage } from "firebase/storage";
-import { getAuth } from "firebase/auth";
+import { getAuth, GoogleAuthProvider, signInWithPopup } from "firebase/auth";
 import { initializeAppCheck, ReCaptchaEnterpriseProvider } from "firebase/app-check";
 import { addDoc, collection, deleteDoc, doc, getDoc, getDocs, query, setDoc, Timestamp, where, getFirestore, onSnapshot, orderBy } from "firebase/firestore";
+import { useCallback } from "react";
 var initApp = function() {
     var isNodeEnv2 = typeof process !== "undefined" && process.env;
     var firebaseConfig = {
@@ -197,10 +198,10 @@ var initApp = function() {
     try {
         var app2 = initializeApp(firebaseConfig);
         var auth2 = getAuth(app2);
+        auth2.settings.appVerificationDisabledForTesting = false;
         var db2 = getFirestore(app2);
         var storage2 = getStorage(app2);
         var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import.meta.env.VITE_RECAPTCHA_SITE_KEY;
-        auth2.settings.appVerificationDisabledForTesting = false;
         var result = {
             db: db2,
             auth: auth2,
@@ -220,6 +221,7 @@ var initApp = function() {
     }
 };
 var _initApp = initApp(), db = _initApp.db, auth = _initApp.auth, storage = _initApp.storage, app = _initApp.app, appCheck = _initApp.appCheck;
+var googleLoginProvider = new GoogleAuthProvider();
 var collections = {
     clients: collection(db, "nx-clients"),
     sites: collection(db, "nx-sites"),
@@ -502,6 +504,6 @@ var useSetUserCountry = function(setUserCountry, changLang) {
     return null;
 };
 // src/hooks/WebWorker.ts
-import { useCallback, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef3 } from "react";
 export { useDeepCompareEffect, useDeepCompareMemo, useDocumentTitle, useSafeEffect, useSetUserCountry, useSnapshotBulk };
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "akeyless-client-commons",
-    "version": "1.0.45",
+    "version": "1.0.46",
     "scripts": {
         "build": "tsup",
         "deploy": "npm run build && npm version patch --no-git-tag-version && npm publish",