@grupalia/rn-ui-kit 0.32.0 → 0.34.0

package/lib/commonjs/components/AppNotificationModal.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AppNotificationModal;
+var _reactNative = require("react-native");
+var _reactNativeRenderHtml = _interopRequireDefault(require("react-native-render-html"));
+var _reactNativeSvg = require("react-native-svg");
+var _BaseButton = _interopRequireDefault(require("./BaseButton"));
+var _BaseText = _interopRequireDefault(require("./BaseText"));
+var _hocComponents = require("../hoc-components");
+var _useTimezonedDate = require("../hooks/useTimezonedDate");
+var _foregroundColors = _interopRequireDefault(require("../styles/foreground-colors"));
+var _utilityColors = _interopRequireDefault(require("../styles/utility-colors"));
+var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BRAND_COLOR = _foregroundColors.default['fg-brand-primary'].light;
+const htmlStyles = {
+  body: {
+    fontSize: 16,
+    lineHeight: 24,
+    color: _foregroundColors.default['fg-secondary'].light
+  },
+  p: {
+    marginVertical: 8
+  },
+  strong: {
+    fontWeight: 'bold',
+    color: BRAND_COLOR
+  },
+  b: {
+    fontWeight: 'bold',
+    color: BRAND_COLOR
+  },
+  em: {
+    fontStyle: 'italic'
+  },
+  i: {
+    fontStyle: 'italic'
+  },
+  u: {
+    textDecorationLine: 'underline'
+  },
+  s: {
+    textDecorationLine: 'line-through'
+  },
+  strike: {
+    textDecorationLine: 'line-through'
+  },
+  del: {
+    textDecorationLine: 'line-through'
+  },
+  a: {
+    fontWeight: '500',
+    color: BRAND_COLOR,
+    textDecorationLine: 'underline'
+  },
+  h1: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginVertical: 12,
+    lineHeight: 32
+  },
+  blockquote: {
+    borderLeftWidth: 4,
+    borderLeftColor: _utilityColors.default['utility-gray-200'].light,
+    paddingLeft: 16,
+    marginVertical: 8,
+    backgroundColor: _utilityColors.default['utility-gray-50'].light,
+    paddingVertical: 8
+  },
+  code: {
+    backgroundColor: _utilityColors.default['utility-gray-100'].light,
+    paddingHorizontal: 4,
+    paddingVertical: 2,
+    fontSize: 14,
+    borderRadius: 4
+  },
+  pre: {
+    backgroundColor: _utilityColors.default['utility-gray-100'].light,
+    padding: 12,
+    marginVertical: 8,
+    fontSize: 14,
+    borderRadius: 8
+  },
+  div: {
+    marginVertical: 4
+  }
+};
+const htmlClassesStyles = {
+  'trix-content': {
+    fontSize: 14,
+    lineHeight: 20
+  }
+};
+function AppNotificationModal({
+  notification,
+  onClose,
+  onRead
+}) {
+  const {
+    tz
+  } = (0, _useTimezonedDate.useTimezonedDate)();
+  const {
+    width
+  } = _reactNative.Dimensions.get('window');
+  function handleRead() {
+    if (!notification.readAt) {
+      onRead(notification.id, tz().toISOString());
+    }
+    onClose();
+  }
+  const imageUrl = notification.portrait?.small?.url;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Modal, {
+    visible: true,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
+      className: "flex-1 items-center justify-center bg-overlay/90 px-8 py-16",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
+        className: "w-full space-y-5 rounded-lg bg-white p-4",
+        children: [!!imageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
+          className: "flex w-full items-center rounded-lg bg-tertiary py-3",
+          children: (0, _utils.isSvg)(imageUrl) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.SvgUri, {
+            width: "180",
+            height: "180",
+            uri: imageUrl
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Image, {
+            source: {
+              uri: imageUrl
+            },
+            className: "h-10 w-10 rounded-full"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
+          className: "text-center font-semibold",
+          children: notification.title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeRenderHtml.default, {
+          contentWidth: width,
+          source: {
+            html: notification.body
+          },
+          tagsStyles: htmlStyles,
+          classesStyles: htmlClassesStyles
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
+          text: "Entendido",
+          onPress: () => handleRead()
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=AppNotificationModal.js.map

package/lib/commonjs/components/AppNotificationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeRenderHtml","_interopRequireDefault","_reactNativeSvg","_BaseButton","_BaseText","_hocComponents","_useTimezonedDate","_foregroundColors","_utilityColors","_utils","_jsxRuntime","e","__esModule","default","BRAND_COLOR","foregroundColors","light","htmlStyles","body","fontSize","lineHeight","color","p","marginVertical","strong","fontWeight","b","em","fontStyle","i","u","textDecorationLine","s","strike","del","a","h1","blockquote","borderLeftWidth","borderLeftColor","utilityColors","paddingLeft","backgroundColor","paddingVertical","code","paddingHorizontal","borderRadius","pre","padding","div","htmlClassesStyles","AppNotificationModal","notification","onClose","onRead","tz","useTimezonedDate","width","Dimensions","get","handleRead","readAt","id","toISOString","imageUrl","portrait","small","url","jsx","Modal","visible","transparent","animationType","onRequestClose","children","View","className","jsxs","isSvg","SvgUri","height","uri","Image","source","title","contentWidth","html","tagsStyles","classesStyles","text","onPress"],"sourceRoot":"../../../src","sources":["components/AppNotificationModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/AppNotifications.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AppNotifications;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = require("react");
+var _outline = require("react-native-heroicons/outline");
+var _reactNativeSvg = require("react-native-svg");
+var _AppNotificationModal = _interopRequireDefault(require("./AppNotificationModal"));
+var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
+var _BasePing = _interopRequireDefault(require("./BasePing"));
+var _BaseText = _interopRequireDefault(require("./BaseText"));
+var _PressableOpacity = _interopRequireDefault(require("./PressableOpacity"));
+var _hocComponents = require("../hoc-components");
+var _svg = require("../utils/svg");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function AppNotificationCard({
+  notification,
+  onPress,
+  className,
+  ...props
+}) {
+  const imageUrl = notification.portrait?.small?.url;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PressableOpacity.default, {
+    className: (0, _clsx.default)('flex flex-row items-center space-x-2', className),
+    onPress: onPress,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
+      className: "h-14 w-14 items-center justify-center rounded-full border border-primary bg-quaternary",
+      children: [!!imageUrl && (0, _svg.isSvg)(imageUrl) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.SvgUri, {
+        width: "40",
+        height: "40",
+        uri: imageUrl
+      }), !!imageUrl && !(0, _svg.isSvg)(imageUrl) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Image, {
+        source: {
+          uri: imageUrl
+        },
+        className: "h-10 w-10 rounded-full"
+      }), !notification.readAt && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BasePing.default, {
+        className: "absolute -bottom-1 -right-1 mb-1 mr-1 h-3 w-3 rounded-full bg-warning-solid p-0.5"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
+      className: "flex-1",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
+        className: "text-sm font-medium text-secondary",
+        children: notification.title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
+        className: "text-sm text-tertiary",
+        children: notification.preview
+      })]
+    })]
+  });
+}
+function AppNotifications({
+  visible,
+  onClose,
+  notifications,
+  onNotificationRead
+}) {
+  const [selectedNotification, setSelectedNotification] = (0, _react.useState)(null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Modal, {
+    visible: visible,
+    transparent: true,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PressableOpacity.default, {
+      className: "flex-1 items-center justify-center bg-overlay/80 pl-10",
+      onPress: onClose,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.Pressable, {
+        className: "w-full flex-1 bg-primary p-6",
+        onPress: e => e.stopPropagation(),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
+          className: "mb-6 flex flex-row items-center justify-between",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
+            className: "font-semibold text-primary",
+            children: "Notificaciones"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
+            icon: _outline.XMarkIcon,
+            size: 24,
+            color: "fg-primary",
+            onPress: onClose
+          })]
+        }), notifications.map(notification => /*#__PURE__*/(0, _jsxRuntime.jsx)(AppNotificationCard, {
+          className: "mb-4",
+          notification: notification,
+          onPress: () => setSelectedNotification(notification)
+        }, notification.id)), selectedNotification && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppNotificationModal.default, {
+          notification: selectedNotification,
+          onClose: () => setSelectedNotification(null),
+          onRead: onNotificationRead
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=AppNotifications.js.map

package/lib/commonjs/components/AppNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_react","_outline","_reactNativeSvg","_AppNotificationModal","_BaseIcon","_BasePing","_BaseText","_PressableOpacity","_hocComponents","_svg","_jsxRuntime","e","__esModule","default","AppNotificationCard","notification","onPress","className","props","imageUrl","portrait","small","url","jsxs","clsx","children","View","isSvg","jsx","SvgUri","width","height","uri","Image","source","readAt","title","preview","AppNotifications","visible","onClose","notifications","onNotificationRead","selectedNotification","setSelectedNotification","useState","Modal","transparent","onRequestClose","Pressable","stopPropagation","icon","XMarkIcon","size","color","map","id","onRead"],"sourceRoot":"../../../src","sources":["components/AppNotifications.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/BaseAlert.js

@@ -7,49 +7,27 @@ exports.default = void 0;
 var _clsx = _interopRequireDefault(require("clsx"));
 var _nativewind = require("nativewind");
 var _outline = require("react-native-heroicons/outline");
-var _solid = require("react-native-heroicons/solid");
 var _hocComponents = require("../hoc-components");
 var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
 var _BaseText = _interopRequireDefault(require("./BaseText"));
 var _useIsAboveBreakpoint = require("../hooks/useIsAboveBreakpoint");
+var _foregroundColors = _interopRequireDefault(require("../styles/foreground-colors"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function IconComponent({
-  type,
-  variant = 'primary'
+  type
 }) {
   const iconColors = {
-    brand: {
-      primary: 'fg-white',
-      secondary: 'fg-brand-primary'
-    },
-    error: {
-      primary: 'fg-white',
-      secondary: 'fg-error-primary'
-    },
-    success: {
-      primary: 'fg-white',
-      secondary: 'fg-success-primary'
-    },
-    alert: {
-      primary: 'fg-white',
-      secondary: 'fg-warning-primary'
-    }
+    brand: 'fg-brand-primary',
+    error: 'fg-error-primary',
+    alert: 'fg-warning-primary'
   };
-  const icons = {
-    brand: _solid.InformationCircleIcon,
-    error: _solid.XCircleIcon,
-    success: _solid.CheckCircleIcon,
-    alert: _solid.ExclamationTriangleIcon
-  };
-  if (variant === 'secondary') {
-    icons.brand = _outline.InformationCircleIcon;
-  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
-    icon: icons[type],
-    size: 18,
-    color: iconColors[type][variant],
-    className: "mr-1"
+    icon: _outline.InformationCircleIcon,
+    size: 16,
+    color: iconColors[type],
+    strokeWidth: 2,
+    className: "shrink-0"
   });
 }
 function BaseAlert({
@@ -62,82 +40,48 @@ function BaseAlert({
 }) {
   const largePhone = (0, _useIsAboveBreakpoint.useIsAboveBreakpoint)('xs');
   const alertClasses = () => {
-    if (variant === 'primary') {
-      switch (type) {
-        case 'error':
-          return 'bg-error-solid';
-        case 'success':
-          return 'bg-success-solid';
-        case 'alert':
-          return 'bg-warning-solid';
-        case 'brand':
-        default:
-          return 'bg-brand-solid';
-      }
-    } else {
-      switch (type) {
-        case 'error':
-          return 'bg-white border border-error';
-        case 'success':
-        case 'alert':
-          return 'bg-white border border-primary';
-        case 'brand':
-        default:
-          return 'bg-white border border-brand';
-      }
-    }
-  };
-  const messageTextColor = () => {
-    if (variant === 'primary') {
-      return 'text-white';
-    }
+    if (variant === 'secondary') return 'bg-primary';
     switch (type) {
       case 'error':
-        return 'text-error-primary';
-      case 'success':
-        return 'text-success-primary';
+        return 'bg-error-primary';
       case 'alert':
-        return 'text-warning-primary';
+        return 'bg-warning-primary';
       case 'brand':
       default:
-        return 'text-brand-secondary';
+        return 'bg-brand-primary';
     }
   };
-  const descriptionTextColor = () => {
-    if (variant === 'primary') {
-      return 'text-utility-gray-100';
-    }
-    switch (type) {
-      case 'error':
-        return 'text-error-primary';
-      case 'success':
-        return 'text-success-primary';
-      case 'alert':
-        return 'text-warning-primary';
-      case 'brand':
-      default:
-        return 'text-brand-tertiary';
-    }
+
+  // @TODO handle dark mode colors
+  const iconBorderColors = {
+    brand: _foregroundColors.default['fg-brand-primary'].light,
+    error: _foregroundColors.default['fg-error-primary'].light,
+    alert: _foregroundColors.default['fg-warning-primary'].light
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
-    className: (0, _clsx.default)('flex flex-row rounded-lg', alertClasses(), largePhone ? 'px-2 py-4' : 'px-1 py-2'),
+    className: (0, _clsx.default)('flex w-full flex-col rounded-xl border border-primary', alertClasses(), largePhone ? 'p-4' : 'p-2'),
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
-      className: "shrink-0",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
-        type: type,
-        variant: variant
+      className: "items-center -ml-1.5 justify-center self-start rounded-full border-2 p-[4px]",
+      style: {
+        borderColor: `${iconBorderColors[type]}19`
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
+        className: "items-center justify-center self-start rounded-full border-2 p-[2px]",
+        style: {
+          borderColor: `${iconBorderColors[type]}66`
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+          type: type
+        })
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
-      className: (0, _clsx.default)('flex flex-1 flex-col pr-2', largePhone ? 'ml-3' : 'ml-1'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
-        className: (0, _clsx.default)('flex-1 font-semibold', messageTextColor(), largePhone ? 'text-base' : 'text-sm'),
-        children: message
-      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
-        className: (0, _clsx.default)('flex-1 text-sm', descriptionTextColor(), largePhone ? 'mt-3' : 'mt-1'),
-        children: description
-      }), children]
-    })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
+      className: (0, _clsx.default)('mt-2 font-semibold text-secondary', largePhone ? 'text-sm' : 'text-xs'),
+      children: message
+    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
+      className: (0, _clsx.default)('text-sm text-quaternary', largePhone ? 'mt-3' : 'mt-1'),
+      children: description
+    }), children]
   });
 }
 var _default = exports.default = (0, _nativewind.styled)(BaseAlert);

package/lib/commonjs/components/BaseAlert.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_outline","_solid","_hocComponents","_BaseIcon","_BaseText","_useIsAboveBreakpoint","_jsxRuntime","e","__esModule","default","IconComponent","type","variant","iconColors","brand","primary","secondary","error","success","alert","icons","SolidInformationCircleIcon","XCircleIcon","CheckCircleIcon","ExclamationTriangleIcon","OutlinedInformationCircleIcon","jsx","icon","size","color","className","BaseAlert","message","description","children","props","largePhone","useIsAboveBreakpoint","alertClasses","messageTextColor","descriptionTextColor","jsxs","View","clsx","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseAlert.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_outline","_hocComponents","_BaseIcon","_BaseText","_useIsAboveBreakpoint","_foregroundColors","_jsxRuntime","e","__esModule","default","IconComponent","type","iconColors","brand","error","alert","jsx","icon","InformationCircleIcon","size","color","strokeWidth","className","BaseAlert","message","description","variant","children","props","largePhone","useIsAboveBreakpoint","alertClasses","iconBorderColors","foregroundColors","light","jsxs","View","clsx","style","borderColor","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/BaseAlert.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/BasePing.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _nativewind = require("nativewind");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _hocComponents = require("../hoc-components");
+var _jsxRuntime = require("react/jsx-runtime");
+function BasePing({
+  style,
+  ...props
+}) {
+  const pingScale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const pingOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  (0, _react.useEffect)(() => {
+    const startPingAnimation = () => {
+      pingScale.setValue(1);
+      pingOpacity.setValue(1);
+      _reactNative.Animated.parallel([_reactNative.Animated.timing(pingScale, {
+        toValue: 2,
+        duration: 1500,
+        useNativeDriver: true
+      }), _reactNative.Animated.timing(pingOpacity, {
+        toValue: 0,
+        duration: 1500,
+        useNativeDriver: true
+      })]).start(() => {
+        startPingAnimation();
+      });
+    };
+    startPingAnimation();
+    return () => {
+      pingScale.stopAnimation();
+      pingOpacity.stopAnimation();
+    };
+  }, [pingScale, pingOpacity]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
+      style: [style, {
+        zIndex: 1
+      }],
+      ...props
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [style, {
+        opacity: pingOpacity,
+        transform: [{
+          scale: pingScale
+        }],
+        zIndex: 0
+      }],
+      ...props
+    })]
+  });
+}
+var _default = exports.default = (0, _nativewind.styled)(BasePing);
+//# sourceMappingURL=BasePing.js.map

package/lib/commonjs/components/BasePing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_nativewind","require","_react","_reactNative","_hocComponents","_jsxRuntime","BasePing","style","props","pingScale","useRef","Animated","Value","current","pingOpacity","useEffect","startPingAnimation","setValue","parallel","timing","toValue","duration","useNativeDriver","start","stopAnimation","jsxs","Fragment","children","jsx","View","zIndex","opacity","transform","scale","_default","exports","default","styled"],"sourceRoot":"../../../src","sources":["components/BasePing.tsx"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AAEzC,SAASK,QAAQA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAChD,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACvD,MAAMC,WAAW,GAAG,IAAAJ,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEzD,IAAAE,gBAAS,EAAC,MAAM;IACd,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;MAC/BP,SAAS,CAACQ,QAAQ,CAAC,CAAC,CAAC;MACrBH,WAAW,CAACG,QAAQ,CAAC,CAAC,CAAC;MAEvBN,qBAAQ,CAACO,QAAQ,CAAC,CAChBP,qBAAQ,CAACQ,MAAM,CAACV,SAAS,EAAE;QACzBW,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,IAAI;QACdC,eAAe,EAAE;MACnB,CAAC,CAAC,EACFX,qBAAQ,CAACQ,MAAM,CAACL,WAAW,EAAE;QAC3BM,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,IAAI;QACdC,eAAe,EAAE;MACnB,CAAC,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,MAAM;QACbP,kBAAkB,CAAC,CAAC;MACtB,CAAC,CAAC;IACJ,CAAC;IAEDA,kBAAkB,CAAC,CAAC;IAEpB,OAAO,MAAM;MACXP,SAAS,CAACe,aAAa,CAAC,CAAC;MACzBV,WAAW,CAACU,aAAa,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACf,SAAS,EAAEK,WAAW,CAAC,CAAC;EAE5B,oBACE,IAAAT,WAAA,CAAAoB,IAAA,EAAApB,WAAA,CAAAqB,QAAA;IAAAC,QAAA,gBACE,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,cAAA,CAAAyB,IAAI;MACHtB,KAAK,EAAE,CACLA,KAAK,EACL;QAAEuB,MAAM,EAAE;MAAE,CAAC,CACb;MAAA,GACEtB;IAAK,CACV,CAAC,eACF,IAAAH,WAAA,CAAAuB,GAAA,EAACzB,YAAA,CAAAQ,QAAQ,CAACkB,IAAI;MACZtB,KAAK,EAAE,CACLA,KAAK,EACL;QACEwB,OAAO,EAAEjB,WAAW;QACpBkB,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAExB;QAAU,CAAC,CAAC;QACjCqB,MAAM,EAAE;MACV,CAAC,CACD;MAAA,GACEtB;IAAK,CACV,CAAC;EAAA,CACF,CAAC;AAEP;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,kBAAM,EAAC/B,QAAQ,CAAC","ignoreList":[]}

package/lib/commonjs/components/DateTimeSelector.js

@@ -13,6 +13,7 @@ var _BaseDatesScrollView = _interopRequireDefault(require("./BaseDatesScrollView
 var _BaseRadioGroup = _interopRequireDefault(require("./BaseRadioGroup"));
 var _BaseText = _interopRequireDefault(require("./BaseText"));
 var _hooks = require("../hooks");
+var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function parseMilitaryTime(time) {
@@ -102,6 +103,8 @@ function DateTimeSelector({
   error,
   allowPastDatetimes = false,
   availableDates,
+  emptyTimeSlotsMessage = 'No hay horarios disponibles para este día',
+  emptyTimeSlotsDescription = 'Por favor, selecciona otro día.',
   ...props
 }) {
   const {
@@ -113,10 +116,7 @@ function DateTimeSelector({
   const maxDateEndOfDay = (0, _react.useMemo)(() => maxDate ? (0, _dateFns.startOfDay)(tz(maxDate)) : null, [maxDate, tz]);
   const dateRange = (0, _react.useMemo)(() => {
     if (availableDates && availableDates.length > 0) {
-      return availableDates.filter(availableDate => {
-        const availableTimeBlocks = availableDate.availableTimeBlocks.filter(block => (0, _dateFns.isAfter)(block.startsAt, new _tz.TZDate()));
-        return availableTimeBlocks.length > 0;
-      }).map(availableDate => (0, _dateFns.parse)(availableDate.date, 'yyyy-MM-dd', new _tz.TZDate()));
+      return availableDates.map(availableDate => (0, _dateFns.parse)(availableDate.date, 'yyyy-MM-dd', new _tz.TZDate()));
     }
     const startDate = minDateStartOfDay;
     const endDate = maxDateEndOfDay || (0, _dateFns.addDays)(startDate, 7);
@@ -228,7 +228,7 @@ function DateTimeSelector({
     if (availableDates && availableDates.length > 0) {
       const dateStr = (0, _dateFns.format)(day, 'yyyy-MM-dd');
       const availableDate = availableDates.find(avail => avail.date === dateStr);
-      return !availableDate || availableDate.availableTimeBlocks.length === 0;
+      return !availableDate;
     }
     if (minDateStartOfDay && (0, _dateFns.isBefore)(day, minDateStartOfDay)) return true;
     if (maxDateEndOfDay && (0, _dateFns.isAfter)(day, maxDateEndOfDay)) return true;
@@ -267,12 +267,17 @@ function DateTimeSelector({
       selectedDate: selectedDate,
       isDayDisabled: isDayDisabled,
       onDayPress: handleDayPress
-    }), selectedDate && /*#__PURE__*/(0, _jsxRuntime.jsx)(TimeSlots, {
+    }), selectedDate && timeSlots.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(TimeSlots, {
       timeSlots: timeSlots,
       selectedTime: selectedTime,
       handleTimePress: handleTimePress,
       disabled: disabled,
       timeLabel: timeLabel
+    }), selectedDate && timeSlots.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseAlert.default, {
+      className: "mt-10",
+      type: "alert",
+      message: emptyTimeSlotsMessage,
+      description: emptyTimeSlotsDescription
     }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
       className: "mt-2 text-error-primary",
       children: error