esewa-ui-library 1.0.3 → 1.0.5

package/dist/index.modern.js

@@ -183,7 +183,7 @@ var StyledAppBar = styled.header.attrs(function (_ref) {
   return {
     titleposition: titleposition
   };
-})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n  .e-app-bar {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    background-color: var(--appbar-bg-top);\n    padding: 7px 12px;\n    position: fixed;\n    height: 42px;\n    left: 0;\n    right: 0;\n    gap: var(--values-value-8);\n\n    &--nav-icon, &--close-icon {\n      padding: 7px;\n      color: var(--white);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Title section */\n    &--title-wrapper {\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      width: 100%;  // Ensures the title section takes full width to apply the alignment\n    }\n\n    &--title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      overflow: hidden;\n      // display: -webkit-box;\n      // -webkit-line-clamp: 1;\n      // line-clamp: 1;\n      // -webkit-box-orient: vertical;\n    }\n\n    &--title-image img {\n      width: 32px;\n      object-fit: cover;\n      // margin-left: -32px;\n      background: var(--white);\n      border: 1px solid var(--border);\n      border-radius: var(--grid-borderradius-border-radius-xs);\n    }\n\n    &--title-label {\n      color: var(--white);\n      letter-spacing: 0.4px;\n      font-size: var(--values-value-16);\n      font-weight: 500;\n    }\n  }\n"])), function (props) {
+})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n\n  .e-app-bar {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    background-color: var(--appbar-bg-top);\n    padding: 7px 12px;\n    position: relative;\n    height: 42px;\n    // left: 0;\n    // right: 0;\n    gap: var(--values-value-8);\n\n    &--nav-icon, &--close-icon {\n      padding: 7px;\n      color: var(--white);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Title section */\n    &--title-wrapper {\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      width: 100%;  // Ensures the title section takes full width to apply the alignment\n    }\n\n    &--title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      overflow: hidden;\n      // display: -webkit-box;\n      // -webkit-line-clamp: 1;\n      // line-clamp: 1;\n      // -webkit-box-orient: vertical;\n    }\n\n    &--title-image img {\n      width: 32px;\n      object-fit: cover;\n      // margin-left: -32px;\n      background: var(--white);\n      border: 1px solid var(--border);\n      border-radius: var(--grid-borderradius-border-radius-xs);\n    }\n\n    &--title-label {\n      color: var(--white);\n      letter-spacing: 0.4px;\n      font-size: var(--values-value-16);\n      font-weight: 500;\n    }\n  }\n"])), function (props) {
   return props.titleposition === 'left' ? 'flex-start' : props.titleposition === 'right' ? 'flex-end' : 'center';
 });
 var ESewaAppBar = function ESewaAppBar(_ref2) {
@@ -7094,18 +7094,22 @@ var EsewaFullPageLoadingScreen = function EsewaFullPageLoadingScreen(_ref) {
 };
 
 var _templateObject$l;
-var StyledRadio = styled.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n  .container{\n    display:flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .container input[type=\"radio\" i] {\n    margin: 0;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--secondary);\n    border-radius: 50%;\n    position: relative;\n    cursor: pointer;\n    transition: border-color 0.3s ease;\n  }\n\n   .container input[type=\"radio\"]:checked {\n    border-color: var(--primary);\n  }\n\n  .container input[type=\"radio\"]::before {\n    content: '';\n    width: 10px;\n    height: 10px;\n    background-color: transparent;\n    border-radius: 50%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    transition: background-color 0.3s ease;\n  }\n\n  .container input[type=\"radio\"]:checked::before {\n    background-color: var(--primary);\n  }\n"])));
+var StyledRadio = styled.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n  .container{\n    display:flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .container input[type=\"radio\" i] {\n    margin: 0;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--secondary);\n    border-radius: 50%;\n    position: relative;\n    cursor: pointer;\n    transition: border-color 0.3s ease;\n  }\n\n   .container input[type=\"radio\"]:checked {\n    border-color: var(--primary);\n  }\n\n  .container input[type=\"radio\"]::before {\n    content: '';\n    width: 10px;\n    height: 10px;\n    background-color: transparent;\n    border-radius: 50%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    transition: background-color 0.3s ease;\n  }\n\n  .container input[type=\"radio\"]:checked::before {\n    background-color: var(--primary);\n  }\n\n  .container input[type=\"radio\"]:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n"])));
 var ESewaRadio = function ESewaRadio(_ref) {
   var label = _ref.label,
+    value = _ref.value,
     name = _ref.name,
     className = _ref.className,
     _ref$labelClass = _ref.labelClass,
     labelClass = _ref$labelClass === void 0 ? '' : _ref$labelClass,
     onChange = _ref.onChange,
-    checked = _ref.checked;
+    _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var handleRadioChange = function handleRadioChange(e) {
-    if (onChange) {
-      onChange(e.target.checked);
+    if (onChange && !disabled) {
+      onChange(value, e.target.checked);
     }
   };
   return React__default.createElement(StyledRadio, null, React__default.createElement("div", {
@@ -7115,8 +7119,10 @@ var ESewaRadio = function ESewaRadio(_ref) {
   }, React__default.createElement("input", {
     type: 'radio',
     name: name,
+    value: value,
     checked: checked,
-    onChange: handleRadioChange
+    onChange: handleRadioChange,
+    disabled: disabled
   }), React__default.createElement("span", {
     className: "" + labelClass
   }, label))));
@@ -7694,7 +7700,7 @@ var CONNECT_APP = function CONNECT_APP(data) {
   if (isiOS) {
     var _window$webkit;
     if ((_window$webkit = window.webkit) !== null && _window$webkit !== void 0 && _window$webkit.messageHandlers.iOSNative) {
-      window.webkit.messageHandlers.iOSNative.requestApp(data);
+      window.webkit.messageHandlers.iOSNative.postMessage(data);
     } else {
       console.warn('iOS interface not available');
     }
@@ -7705,8 +7711,7 @@ var requestFromMiniApp = function requestFromMiniApp(data, callbackKey, callback
   if (window.Android) {
     window.Android[callbackKey] = callback;
   } else if ((_window$webkit2 = window.webkit) !== null && _window$webkit2 !== void 0 && (_window$webkit2$messa = _window$webkit2.messageHandlers) !== null && _window$webkit2$messa !== void 0 && _window$webkit2$messa.iOSNative) {
-    window.miniAppResponse = window.miniAppResponse || {};
-    window.miniAppResponse[callbackKey] = callback;
+    window.webkit.messageHandlers.iOSNative[callbackKey] = callback;
   }
   CONNECT_APP(JSON.stringify(data));
 };
@@ -7878,11 +7883,13 @@ var useDebounce = function useDebounce(value, delay) {
 };
 
 var loadGoogleFont = function loadGoogleFont() {
-  if (!document.querySelector("link[href*='Source+Sans+Pro']")) {
-    var link = document.createElement('link');
-    link.href = 'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap';
-    link.rel = 'stylesheet';
-    document.head.appendChild(link);
+  if (typeof window !== 'undefined' && document) {
+    if (!document.querySelector("link[href*='Source+Sans+Pro']")) {
+      var link = document.createElement('link');
+      link.href = 'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap';
+      link.rel = 'stylesheet';
+      document.head.appendChild(link);
+    }
   }
 };
 loadGoogleFont();