esewa-ui-library 1.0.9 → 1.10.1

package/dist/components/Chip/eSewaChipGroup.d.ts

@@ -4,6 +4,7 @@ interface ChipGroupProps {
     required?: boolean;
     chips: ChipProps[];
     className?: string;
+    defaultValue?: number | number[];
     onChange?: (selected: number[] | number) => void;
 }
 interface ChipProps {

package/dist/index.js

@@ -7006,8 +7006,16 @@ var ESewaChipGroup = function ESewaChipGroup(_ref3) {
     required = _ref3.required,
     chips = _ref3.chips,
     className = _ref3.className,
+    defaultValue = _ref3.defaultValue,
     onChange = _ref3.onChange;
-  var _useState = React.useState([]),
+  var initialSelectedChips = React.useMemo(function () {
+    if (defaultValue === undefined) return [];
+    if (selection === 'single') {
+      return typeof defaultValue === 'number' ? [defaultValue] : [];
+    }
+    return Array.isArray(defaultValue) ? defaultValue : [];
+  }, [defaultValue, selection]);
+  var _useState = React.useState(initialSelectedChips),
     selectedChips = _useState[0],
     setSelectedChips = _useState[1];
   var handleSelectChip = function handleSelectChip(id) {
@@ -7654,14 +7662,21 @@ var darkTheme = _extends({}, theme, darkThemeColors);
 
 var ESewaThemeProvider = function ESewaThemeProvider(_ref) {
   var children = _ref.children;
-  var updateDocumentTheme = function updateDocumentTheme(theme) {
-    document.documentElement.setAttribute('data-theme', theme);
-  };
-  var themeType = window.matchMedia('(prefers-color-scheme: dark)').matches ? darkTheme : lightTheme;
-  var themeColor = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  var _useState = React.useState(lightTheme),
+    themeType = _useState[0],
+    setThemeType = _useState[1];
+  var _useState2 = React.useState('light'),
+    setThemeColor = _useState2[1];
   React.useEffect(function () {
-    updateDocumentTheme(themeColor);
-  }, [themeType, themeColor]);
+    if (typeof window !== 'undefined') {
+      var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+      var newThemeType = prefersDark ? darkTheme : lightTheme;
+      var newThemeColor = prefersDark ? 'dark' : 'light';
+      setThemeType(newThemeType);
+      setThemeColor(newThemeColor);
+      document.documentElement.setAttribute('data-theme', newThemeColor);
+    }
+  }, []);
   return React__default.createElement(styled.ThemeProvider, {
     theme: themeType
   }, children);
@@ -7691,8 +7706,8 @@ var ESewaPaymentProvider = function ESewaPaymentProvider(_ref) {
   }, children);
 };
 
-var isAndroid = /Android/i.test(navigator.userAgent);
-var isiOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
+var isAndroid = typeof navigator !== 'undefined' && /Android/i.test(navigator.userAgent);
+var isiOS = typeof navigator !== 'undefined' && /iPhone|iPad|iPod/i.test(navigator.userAgent);
 var requestMiniApp = function requestMiniApp(data) {
   var token = sessionStorage.getItem('token');
   if (token) {