kupos-ui-components-lib 10.4.11 → 10.4.13

package/src/components/PaymentSideBar/types.ts

@@ -106,4 +106,7 @@ export interface PaymentSideBarProps {
   isPeru?: boolean;
   serviceFeeDataStateValue?: any;
   isOpsite?: boolean;
+  isNewUi?: boolean;
+  showDetails?: boolean;
+  setShowDetails?: (value: boolean) => void;
 }

package/src/index.ts

@@ -25,6 +25,9 @@ import {
   ResponsiveFilterBar,
 } from "./components/FilterBar";
 
+// Import FilterSortBar components
+import { FilterSortBarMobile } from "./components/FilterSortBar";
+
 // Import Survey components
 import {
   SurveyDesktop,
@@ -57,6 +60,9 @@ export {
   FilterBarMobile,
   ResponsiveFilterBar,
 
+  // FilterSortBar components
+  FilterSortBarMobile,
+
 
   //Survey components
   SurveyDesktop,
@@ -74,6 +80,18 @@ export type { MobileServiceItemProps } from "./components/ServiceItem/mobileType
 export type { PaymentSideBarProps } from "./components/PaymentSideBar/types";
 export type { ServiceListProps } from "./components/ServiceList/types";
 export type { FilterBarProps } from "./components/FilterBar/tyoes";
+export type {
+  FilterCategory,
+  FilterCategoryKey,
+  FilterCategoryKind,
+  FilterOptionItem,
+  PriceRangeValue,
+  FilterSortBarColors,
+  FilterSortBarIcons,
+  FilterSortBarMobileProps,
+  TimeOfDayVariant,
+} from "./components/FilterSortBar";
+export { DEFAULT_CATEGORY_LABELS } from "./components/FilterSortBar";
 export type { SurveyProps } from "./components/Survey/types";
 export type { ModalProps, ModalVariant, ModalSize, ModalHeaderProps } from "./ui/Modal";
 

package/src/ui/BottomSheet/BottomSheet.tsx

@@ -13,6 +13,7 @@ export interface BottomSheetProps {
   closeOnBackdrop?: boolean;
   padding?: string | number;
   maxHeight?: string;
+  height?: string;
   borderRadius?: string;
 }
 
@@ -52,8 +53,9 @@ const BottomSheet = ({
   blurBackground = false,
   blurAmount = "6px",
   closeOnBackdrop = true,
-  padding = "20px 20px 32px",
+  padding = "20px 20px 0px",
   maxHeight = "92vh",
+  height,
   borderRadius = "24px 24px 0 0",
 }: BottomSheetProps) => {
   if (!isOpen) return null;
@@ -92,6 +94,7 @@ const BottomSheet = ({
           zIndex: 9999,
           background: "#FFFFFF",
           maxHeight,
+          height,
           borderRadius,
           overflowY: "auto",
           boxSizing: "border-box" as const,