kupos-ui-components-lib 10.4.11 → 10.4.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/images/filter/bus.svg +19 -0
- package/dist/assets/images/filter/clock.svg +4 -0
- package/dist/assets/images/filter/filter.svg +3 -0
- package/dist/assets/images/filter/money.svg +12 -0
- package/dist/assets/images/filter/night.svg +5 -0
- package/dist/assets/images/filter/rise.svg +20 -0
- package/dist/assets/images/filter/search.svg +4 -0
- package/dist/assets/images/filter/seat.svg +4 -0
- package/dist/assets/images/filter/star.svg +10 -0
- package/dist/assets/images/filter/sun.svg +20 -0
- package/dist/assets/images/filter/sunset.svg +15 -0
- package/dist/assets/images/filter/track.svg +4 -0
- package/dist/components/FilterSortBar/FilterChip.d.ts +21 -0
- package/dist/components/FilterSortBar/FilterChip.js +42 -0
- package/dist/components/FilterSortBar/FilterSortBarMobile.d.ts +10 -0
- package/dist/components/FilterSortBar/FilterSortBarMobile.js +121 -0
- package/dist/components/FilterSortBar/FiltersMasterSheet.d.ts +16 -0
- package/dist/components/FilterSortBar/FiltersMasterSheet.js +111 -0
- package/dist/components/FilterSortBar/OptionCheckboxList.d.ts +13 -0
- package/dist/components/FilterSortBar/OptionCheckboxList.js +30 -0
- package/dist/components/FilterSortBar/PriceRangeSlider.d.ts +12 -0
- package/dist/components/FilterSortBar/PriceRangeSlider.js +113 -0
- package/dist/components/FilterSortBar/SheetFooter.d.ts +9 -0
- package/dist/components/FilterSortBar/SheetFooter.js +36 -0
- package/dist/components/FilterSortBar/SingleFilterSheet.d.ts +15 -0
- package/dist/components/FilterSortBar/SingleFilterSheet.js +21 -0
- package/dist/components/FilterSortBar/defaultIcons.d.ts +2 -0
- package/dist/components/FilterSortBar/defaultIcons.js +18 -0
- package/dist/components/FilterSortBar/icons.d.ts +50 -0
- package/dist/components/FilterSortBar/icons.js +67 -0
- package/dist/components/FilterSortBar/index.d.ts +4 -0
- package/dist/components/FilterSortBar/index.js +3 -0
- package/dist/components/FilterSortBar/types.d.ts +57 -0
- package/dist/components/FilterSortBar/types.js +8 -0
- package/dist/components/PaymentSideBar/PaymentSideBarMobile.js +15 -8
- package/dist/components/PaymentSideBar/types.d.ts +3 -0
- package/dist/index.d.ts +4 -1
- package/dist/index.js +5 -0
- package/dist/styles.css +64 -0
- package/dist/ui/BottomSheet/BottomSheet.d.ts +2 -1
- package/dist/ui/BottomSheet/BottomSheet.js +2 -1
- package/package.json +1 -1
- package/patch.py +35 -0
- package/src/assets/images/filter/bus.svg +19 -0
- package/src/assets/images/filter/clock.svg +4 -0
- package/src/assets/images/filter/filter.svg +3 -0
- package/src/assets/images/filter/money.svg +12 -0
- package/src/assets/images/filter/night.svg +5 -0
- package/src/assets/images/filter/rise.svg +20 -0
- package/src/assets/images/filter/search.svg +4 -0
- package/src/assets/images/filter/seat.svg +4 -0
- package/src/assets/images/filter/star.svg +10 -0
- package/src/assets/images/filter/sun.svg +20 -0
- package/src/assets/images/filter/sunset.svg +15 -0
- package/src/assets/images/filter/track.svg +4 -0
- package/src/components/FilterSortBar/FilterChip.tsx +113 -0
- package/src/components/FilterSortBar/FilterSortBarMobile.tsx +236 -0
- package/src/components/FilterSortBar/FiltersMasterSheet.tsx +208 -0
- package/src/components/FilterSortBar/OptionCheckboxList.tsx +86 -0
- package/src/components/FilterSortBar/PriceRangeSlider.tsx +184 -0
- package/src/components/FilterSortBar/SheetFooter.tsx +61 -0
- package/src/components/FilterSortBar/SingleFilterSheet.tsx +82 -0
- package/src/components/FilterSortBar/defaultIcons.ts +29 -0
- package/src/components/FilterSortBar/icons.tsx +237 -0
- package/src/components/FilterSortBar/index.ts +15 -0
- package/src/components/FilterSortBar/types.ts +79 -0
- package/src/components/PaymentSideBar/PaymentSideBarMobile.tsx +553 -526
- package/src/components/PaymentSideBar/types.ts +3 -0
- package/src/index.ts +18 -0
- package/src/ui/BottomSheet/BottomSheet.tsx +4 -1
- package/src/ui/PaymentCardMobile/PaymentCardMobile.tsx +982 -0
- package/src/ui/PaymentCardMobile/index.ts +1 -0
- package/src/ui/SlidingModal/SlidingModal.tsx +145 -0
- package/src/ui/SlidingModal/index.ts +2 -0
- package/dist/assets/images/anims/service_list/60_percent_anim.json +0 -1
- package/dist/components/PaymentOptions/PaymentOptionsDesktop.d.ts +0 -4
- package/dist/components/PaymentOptions/PaymentOptionsDesktop.js +0 -5
- package/dist/components/PaymentOptions/PaymentOptionsMobile.d.ts +0 -4
- package/dist/components/PaymentOptions/PaymentOptionsMobile.js +0 -5
- package/dist/components/PaymentOptions/ResponsivePaymentOptions.d.ts +0 -3
- package/dist/components/PaymentOptions/ResponsivePaymentOptions.js +0 -10
- package/dist/components/PaymentOptions/index.d.ts +0 -5
- package/dist/components/PaymentOptions/index.js +0 -4
- package/dist/components/PaymentOptions/mobileTypes.d.ts +0 -0
- package/dist/components/PaymentOptions/mobileTypes.js +0 -0
- package/dist/components/PaymentOptions/type.d.ts +0 -4
- package/dist/components/PaymentOptions/type.js +0 -1
- package/dist/components/ServiceItem/ExpandedDropdown.d.ts +0 -19
- package/dist/components/ServiceItem/ExpandedDropdown.js +0 -28
- package/dist/components/ServiceItem/ServiceItemDesktopPeru.d.ts +0 -6
- package/dist/components/ServiceItem/ServiceItemDesktopPeru.js +0 -612
- package/dist/ui/TopAmenities/PromoCountdown.d.ts +0 -18
- package/dist/ui/TopAmenities/PromoCountdown.js +0 -55
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PaymentCardMobile } from "./PaymentCardMobile";
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
export interface SlidingModalProps {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
title?: string;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const SlidingModal: React.FC<SlidingModalProps> = ({
|
|
11
|
+
isOpen,
|
|
12
|
+
onClose,
|
|
13
|
+
title = "Detalles del viaje",
|
|
14
|
+
children,
|
|
15
|
+
}) => {
|
|
16
|
+
// Close on backdrop click
|
|
17
|
+
const handleBackdropClick = (e: React.MouseEvent<HTMLDivElement>) => {
|
|
18
|
+
if (e.target === e.currentTarget) {
|
|
19
|
+
onClose();
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
return (
|
|
24
|
+
<>
|
|
25
|
+
{/* Inline styles for the animation (no external CSS dependency) */}
|
|
26
|
+
<style>{`
|
|
27
|
+
@keyframes slidingModalFadeIn {
|
|
28
|
+
from { opacity: 0; }
|
|
29
|
+
to { opacity: 1; }
|
|
30
|
+
}
|
|
31
|
+
@keyframes slidingModalSlideUp {
|
|
32
|
+
from { transform: translateY(100%); }
|
|
33
|
+
to { transform: translateY(0); }
|
|
34
|
+
}
|
|
35
|
+
@keyframes slidingModalSlideDown {
|
|
36
|
+
from { transform: translateY(0); }
|
|
37
|
+
to { transform: translateY(100%); }
|
|
38
|
+
}
|
|
39
|
+
.sliding-modal-backdrop {
|
|
40
|
+
position: fixed;
|
|
41
|
+
inset: 0;
|
|
42
|
+
background: rgba(0, 0, 0, 0.4);
|
|
43
|
+
z-index: 1000;
|
|
44
|
+
display: flex;
|
|
45
|
+
align-items: flex-end;
|
|
46
|
+
backdrop-filter: blur(2px);
|
|
47
|
+
-webkit-backdrop-filter: blur(2px);
|
|
48
|
+
animation: slidingModalFadeIn 0.25s ease forwards;
|
|
49
|
+
}
|
|
50
|
+
.sliding-modal-sheet {
|
|
51
|
+
width: 100%;
|
|
52
|
+
max-height: 85vh;
|
|
53
|
+
background: #fff;
|
|
54
|
+
border-radius: 24px 24px 0 0;
|
|
55
|
+
overflow: hidden;
|
|
56
|
+
display: flex;
|
|
57
|
+
flex-direction: column;
|
|
58
|
+
animation: slidingModalSlideUp 0.35s cubic-bezier(0.32, 0.72, 0, 1) forwards;
|
|
59
|
+
box-shadow: 0 -4px 32px rgba(0,0,0,0.15);
|
|
60
|
+
}
|
|
61
|
+
.sliding-modal-header {
|
|
62
|
+
display: flex;
|
|
63
|
+
align-items: center;
|
|
64
|
+
justify-content: space-between;
|
|
65
|
+
padding: 20px 20px 14px;
|
|
66
|
+
border-bottom: 1px solid #f0f0f0;
|
|
67
|
+
flex-shrink: 0;
|
|
68
|
+
}
|
|
69
|
+
.sliding-modal-handle {
|
|
70
|
+
width: 36px;
|
|
71
|
+
height: 4px;
|
|
72
|
+
background: #ddd;
|
|
73
|
+
border-radius: 99px;
|
|
74
|
+
margin: 12px auto 0;
|
|
75
|
+
flex-shrink: 0;
|
|
76
|
+
}
|
|
77
|
+
.sliding-modal-title {
|
|
78
|
+
font-size: 18px;
|
|
79
|
+
font-weight: 700;
|
|
80
|
+
color: #1a1a1a;
|
|
81
|
+
margin: 0;
|
|
82
|
+
}
|
|
83
|
+
.sliding-modal-close-btn {
|
|
84
|
+
width: 32px;
|
|
85
|
+
height: 32px;
|
|
86
|
+
border-radius: 50%;
|
|
87
|
+
background: #f5f5f5;
|
|
88
|
+
border: none;
|
|
89
|
+
cursor: pointer;
|
|
90
|
+
display: flex;
|
|
91
|
+
align-items: center;
|
|
92
|
+
justify-content: center;
|
|
93
|
+
transition: background 0.15s ease;
|
|
94
|
+
flex-shrink: 0;
|
|
95
|
+
}
|
|
96
|
+
.sliding-modal-close-btn:hover {
|
|
97
|
+
background: #e8e8e8;
|
|
98
|
+
}
|
|
99
|
+
.sliding-modal-body {
|
|
100
|
+
overflow-y: auto;
|
|
101
|
+
padding: 16px 20px 32px;
|
|
102
|
+
flex: 1;
|
|
103
|
+
-webkit-overflow-scrolling: touch;
|
|
104
|
+
}
|
|
105
|
+
`}</style>
|
|
106
|
+
|
|
107
|
+
{isOpen ? (
|
|
108
|
+
<div className="sliding-modal-backdrop" onClick={handleBackdropClick}>
|
|
109
|
+
<div className="sliding-modal-sheet">
|
|
110
|
+
{/* Drag handle */}
|
|
111
|
+
<div className="sliding-modal-handle" />
|
|
112
|
+
|
|
113
|
+
{/* Header */}
|
|
114
|
+
<div className="sliding-modal-header">
|
|
115
|
+
<h2 className="sliding-modal-title">{title}</h2>
|
|
116
|
+
<button
|
|
117
|
+
className="sliding-modal-close-btn"
|
|
118
|
+
onClick={onClose}
|
|
119
|
+
aria-label="Close"
|
|
120
|
+
>
|
|
121
|
+
<svg
|
|
122
|
+
width="16"
|
|
123
|
+
height="16"
|
|
124
|
+
viewBox="0 0 24 24"
|
|
125
|
+
fill="none"
|
|
126
|
+
stroke="#555"
|
|
127
|
+
strokeWidth="2.5"
|
|
128
|
+
strokeLinecap="round"
|
|
129
|
+
strokeLinejoin="round"
|
|
130
|
+
>
|
|
131
|
+
<path d="M18 6L6 18M6 6l12 12" />
|
|
132
|
+
</svg>
|
|
133
|
+
</button>
|
|
134
|
+
</div>
|
|
135
|
+
|
|
136
|
+
{/* Scrollable body */}
|
|
137
|
+
<div className="sliding-modal-body">{children}</div>
|
|
138
|
+
</div>
|
|
139
|
+
</div>
|
|
140
|
+
) : null}
|
|
141
|
+
</>
|
|
142
|
+
);
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
export default SlidingModal;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"nm":"Main Scene","h":100,"w":100,"meta":{"g":"@lottiefiles/creator@1.89.0"},"layers":[{"ty":4,"nm":"Shape Layer 1","sr":1,"st":0,"op":150,"ip":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[37,9]},"s":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100,100],"t":1},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[109,109],"t":48},{"s":[100,100],"t":89}]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[50,50]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"gr","nm":"Group 1","it":[{"ty":"sh","nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.51,0.27],[0.31,0.46],[0.14,0.56],[0,0.59],[-0.31,0.79],[-0.58,0.44],[-0.83,0],[-0.49,-0.27],[-0.26,-0.44],[-0.05,-0.49],[0,0],[0.25,0.2],[0.39,0],[0.27,-0.23],[0.15,-0.45],[0.02,-0.66],[0,-0.02],[0,-0.01],[-0.24,0.18],[-0.3,0.1],[-0.32,0],[-0.47,-0.26],[-0.28,-0.49],[0,-0.65],[0.3,-0.51],[0.52,-0.3],[0.67,0]],"o":[[-0.75,0],[-0.51,-0.28],[-0.31,-0.46],[-0.13,-0.57],[0,-1.1],[0.31,-0.8],[0.59,-0.44],[0.71,0],[0.49,0.27],[0.26,0.44],[0,0],[-0.07,-0.37],[-0.24,-0.21],[-0.37,0],[-0.27,0.22],[-0.15,0.45],[0,0.01],[0,0.02],[0.14,-0.24],[0.24,-0.18],[0.3,-0.1],[0.54,0],[0.47,0.25],[0.29,0.48],[0,0.61],[-0.29,0.5],[-0.51,0.3],[0,0]],"v":[[10.74,14.17],[8.85,13.76],[7.61,12.66],[6.94,11.13],[6.75,9.39],[7.21,6.55],[8.54,4.69],[10.67,4.03],[12.46,4.44],[13.58,5.5],[14.04,6.9],[12.08,6.9],[11.6,6.05],[10.65,5.74],[9.69,6.09],[9.06,7.1],[8.8,8.76],[8.8,8.81],[8.8,8.85],[9.38,8.22],[10.19,7.8],[11.11,7.64],[12.63,8.04],[13.75,9.14],[14.18,10.84],[13.73,12.52],[12.51,13.72],[10.74,14.17]]}}},{"ty":"sh","nm":"Path 2","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.23,0.12],[-0.13,0.22],[0,0.28],[0.14,0.21],[0.24,0.12],[0.31,0],[0.23,-0.12],[0.14,-0.22],[0,-0.29],[-0.14,-0.23],[-0.23,-0.13],[-0.31,0]],"o":[[0.3,0],[0.23,-0.13],[0.14,-0.22],[0,-0.31],[-0.13,-0.22],[-0.23,-0.13],[-0.3,0],[-0.23,0.12],[-0.14,0.22],[0,0.29],[0.14,0.22],[0.24,0.12],[0,0]],"v":[[10.62,12.38],[11.42,12.19],[11.97,11.66],[12.18,10.91],[11.97,10.12],[11.41,9.6],[10.6,9.41],[9.8,9.59],[9.24,10.11],[9.03,10.88],[9.24,11.66],[9.8,12.19],[10.62,12.38]]}}},{"ty":"sh","nm":"Path 3","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.64,0.43],[0.35,0.76],[0,1],[-0.35,0.76],[-0.64,0.43],[-0.91,0],[-0.64,-0.43],[-0.35,-0.77],[0,-1],[0.35,-0.77],[0.64,-0.43],[0.91,0]],"o":[[-0.91,0],[-0.64,-0.43],[-0.35,-0.77],[0,-1],[0.35,-0.77],[0.64,-0.43],[0.91,0],[0.64,0.43],[0.35,0.76],[0,1],[-0.35,0.76],[-0.64,0.43],[0,0]],"v":[[19.93,14.17],[17.61,13.52],[16.11,11.75],[15.59,9.1],[16.11,6.47],[17.61,4.68],[19.93,4.03],[22.25,4.68],[23.74,6.47],[24.27,9.1],[23.74,11.75],[22.25,13.52],[19.93,14.17]]}}},{"ty":"sh","nm":"Path 4","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.33,0.26],[-0.18,0.47],[0,0.65],[0.19,0.47],[0.34,0.25],[0.44,0],[0.34,-0.26],[0.19,-0.48],[0,-0.65],[-0.18,-0.48],[-0.33,-0.26],[-0.44,0]],"o":[[0.44,0],[0.34,-0.26],[0.19,-0.48],[0,-0.65],[-0.18,-0.48],[-0.33,-0.26],[-0.44,0],[-0.33,0.25],[-0.18,0.47],[0,0.65],[0.19,0.47],[0.34,0.26],[0,0]],"v":[[19.93,12.28],[21.08,11.89],[21.85,10.79],[22.13,9.1],[21.85,7.42],[21.08,6.33],[19.93,5.94],[18.77,6.33],[18,7.42],[17.73,9.1],[18,10.79],[18.77,11.89],[19.93,12.28]]}}},{"ty":"sh","nm":"Path 5","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[27.69,14],[33.13,4.2],[35.18,4.2],[29.73,14],[27.69,14]]}}},{"ty":"sh","nm":"Path 6","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.38,0.21],[0.22,0.38],[0,0.52],[-0.22,0.37],[-0.37,0.21],[-0.46,0],[-0.37,-0.21],[-0.21,-0.38],[0,-0.54],[0.22,-0.38],[0.37,-0.21],[0.47,0]],"o":[[-0.47,0],[-0.37,-0.21],[-0.22,-0.38],[0,-0.54],[0.22,-0.38],[0.38,-0.21],[0.48,0],[0.37,0.21],[0.22,0.37],[0,0.52],[-0.22,0.38],[-0.36,0.21],[0,0]],"v":[[34.94,14.17],[33.66,13.86],[32.77,12.98],[32.43,11.62],[32.77,10.25],[33.66,9.37],[34.92,9.06],[36.2,9.37],[37.08,10.25],[37.42,11.62],[37.08,12.98],[36.18,13.86],[34.94,14.17]]}}},{"ty":"sh","nm":"Path 7","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.13,0.08],[-0.07,0.17],[0,0.24],[0.07,0.17],[0.13,0.08],[0.17,0],[0.13,-0.09],[0.07,-0.17],[0,-0.25],[-0.07,-0.17],[-0.13,-0.09],[-0.17,0]],"o":[[0.17,0],[0.13,-0.09],[0.07,-0.17],[0,-0.26],[-0.07,-0.17],[-0.13,-0.09],[-0.17,0],[-0.13,0.08],[-0.07,0.17],[0,0.25],[0.07,0.17],[0.13,0.08],[0,0]],"v":[[34.92,12.75],[35.37,12.63],[35.68,12.24],[35.79,11.62],[35.68,10.98],[35.37,10.6],[34.92,10.46],[34.48,10.6],[34.17,10.98],[34.06,11.61],[34.17,12.24],[34.48,12.63],[34.92,12.75]]}}},{"ty":"sh","nm":"Path 8","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.38,0.21],[0.22,0.38],[0,0.52],[-0.22,0.37],[-0.37,0.21],[-0.47,0],[-0.37,-0.21],[-0.21,-0.38],[0,-0.54],[0.22,-0.38],[0.37,-0.21],[0.47,0]],"o":[[-0.47,0],[-0.37,-0.21],[-0.22,-0.38],[0,-0.54],[0.22,-0.38],[0.38,-0.21],[0.47,0],[0.37,0.21],[0.22,0.37],[0,0.52],[-0.21,0.38],[-0.37,0.21],[0,0]],"v":[[27.99,9.14],[26.72,8.83],[25.82,7.95],[25.49,6.59],[25.82,5.22],[26.72,4.34],[27.99,4.03],[29.25,4.34],[30.14,5.22],[30.47,6.59],[30.14,7.95],[29.25,8.83],[27.99,9.14]]}}},{"ty":"sh","nm":"Path 9","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.13,0.08],[-0.07,0.17],[0,0.24],[0.07,0.17],[0.13,0.08],[0.17,0],[0.13,-0.09],[0.07,-0.17],[0,-0.26],[-0.07,-0.17],[-0.13,-0.09],[-0.17,0]],"o":[[0.17,0],[0.13,-0.09],[0.07,-0.17],[0,-0.26],[-0.07,-0.17],[-0.13,-0.09],[-0.17,0],[-0.13,0.08],[-0.07,0.17],[0,0.24],[0.07,0.17],[0.13,0.08],[0,0]],"v":[[27.98,7.73],[28.43,7.6],[28.74,7.21],[28.85,6.59],[28.74,5.95],[28.43,5.57],[27.98,5.43],[27.53,5.57],[27.22,5.95],[27.11,6.59],[27.22,7.21],[27.53,7.6],[27.98,7.73]]}}},{"ty":"sh","nm":"Path 10","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.73,0.43],[0.42,0.76],[0,1],[-0.41,0.76],[-0.73,0.43],[-0.96,0],[-0.74,-0.43],[-0.4,-0.77],[0,-1],[0.41,-0.77],[0.74,-0.43],[0.96,0]],"o":[[-0.96,0],[-0.73,-0.43],[-0.41,-0.77],[0,-1],[0.42,-0.77],[0.73,-0.43],[0.96,0],[0.74,0.43],[0.41,0.76],[0,1],[-0.4,0.76],[-0.74,0.43],[0,0]],"v":[[46.66,14.17],[44.12,13.52],[42.4,11.75],[41.79,9.1],[42.4,6.47],[44.12,4.68],[46.66,4.03],[49.21,4.68],[50.91,6.47],[51.53,9.1],[50.91,11.75],[49.21,13.52],[46.66,14.17]]}}},{"ty":"sh","nm":"Path 11","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-0.4,0.26],[-0.22,0.47],[0,0.65],[0.22,0.47],[0.41,0.25],[0.57,0],[0.41,-0.26],[0.22,-0.48],[0,-0.65],[-0.22,-0.48],[-0.41,-0.26],[-0.55,0]],"o":[[0.57,0],[0.41,-0.26],[0.22,-0.48],[0,-0.65],[-0.22,-0.48],[-0.4,-0.26],[-0.55,0],[-0.41,0.25],[-0.22,0.47],[0,0.65],[0.22,0.47],[0.41,0.26],[0,0]],"v":[[46.66,12.28],[48.11,11.89],[49.07,10.79],[49.4,9.1],[49.07,7.42],[48.11,6.33],[46.66,5.94],[45.22,6.33],[44.26,7.42],[43.93,9.1],[44.26,10.79],[45.22,11.89],[46.66,12.28]]}}},{"ty":"sh","nm":"Path 12","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[53.1,14],[53.1,4.2],[59.61,4.2],[59.61,5.89],[55.2,5.89],[55.2,8.27],[58.67,8.27],[58.67,9.91],[55.2,9.91],[55.2,14],[53.1,14]]}}},{"ty":"sh","nm":"Path 13","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[60.99,14],[60.99,4.2],[67.5,4.2],[67.5,5.89],[63.09,5.89],[63.09,8.27],[66.56,8.27],[66.56,9.91],[63.09,9.91],[63.09,14],[60.99,14]]}}},{"ty":"fl","nm":"Fill","c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[37.094,9.075]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[37.094,9.075]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","nm":"Group 2","it":[{"ty":"sh","nm":"Path 14","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,-3.53],[0,0],[3.53,0],[0,0],[0,3.53],[0,0],[-3.53,0]],"o":[[0,0],[3.53,0],[0,0],[0,3.53],[0,0],[-3.53,0],[0,0],[0,-3.53],[0,0]],"v":[[6.4,0],[67.6,0],[74,6.4],[74,11.6],[67.6,18],[6.4,18],[0,11.6],[0,6.4],[6.4,0]]}}},{"ty":"fl","nm":"Fill","c":{"a":0,"k":[1,0.361,0.38]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[37,9]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[37,9]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1}],"v":"5.7.0","fr":30,"op":89,"ip":0,"assets":[]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import PaymentOptionsDesktop from "./PaymentOptionsDesktop";
|
|
3
|
-
import PaymentOptionsMobile from "./PaymentOptionsMobile";
|
|
4
|
-
export default function ResponsivePaymentOptions(props) {
|
|
5
|
-
const { variant } = props;
|
|
6
|
-
if (variant === "mobile") {
|
|
7
|
-
return React.createElement(PaymentOptionsMobile, Object.assign({}, props));
|
|
8
|
-
}
|
|
9
|
-
return React.createElement(PaymentOptionsDesktop, Object.assign({}, props));
|
|
10
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import PaymentOptionsDesktop from "./PaymentOptionsDesktop";
|
|
2
|
-
import PaymentOptionsMobile from "./PaymentOptionsMobile";
|
|
3
|
-
import ResponsivePaymentOptions from "./ResponsivePaymentOptions";
|
|
4
|
-
export { PaymentOptionsDesktop, PaymentOptionsMobile, ResponsivePaymentOptions };
|
|
5
|
-
export type { PaymentOptionsProps } from "./type";
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import PaymentOptionsDesktop from "./PaymentOptionsDesktop";
|
|
2
|
-
import PaymentOptionsMobile from "./PaymentOptionsMobile";
|
|
3
|
-
import ResponsivePaymentOptions from "./ResponsivePaymentOptions";
|
|
4
|
-
export { PaymentOptionsDesktop, PaymentOptionsMobile, ResponsivePaymentOptions };
|
|
File without changes
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface ExpandedDropdownProps {
|
|
3
|
-
serviceItem: {
|
|
4
|
-
pet_seat_info?: Record<string, any>;
|
|
5
|
-
is_change_ticket?: boolean;
|
|
6
|
-
is_tracking_enabled?: boolean;
|
|
7
|
-
};
|
|
8
|
-
showPromo: boolean;
|
|
9
|
-
colors: {
|
|
10
|
-
priceColor?: string;
|
|
11
|
-
};
|
|
12
|
-
grayscaleClass: string;
|
|
13
|
-
translation?: {
|
|
14
|
-
[key: string]: string;
|
|
15
|
-
};
|
|
16
|
-
getAnimationIcon: (icon: string) => any;
|
|
17
|
-
}
|
|
18
|
-
declare function ExpandedDropdown({ serviceItem, showPromo, colors, grayscaleClass, translation, getAnimationIcon, }: ExpandedDropdownProps): React.ReactElement;
|
|
19
|
-
export default ExpandedDropdown;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import LottiePlayer from "../../assets/LottiePlayer";
|
|
3
|
-
function ExpandedDropdown({ serviceItem, showPromo, colors, grayscaleClass, translation, getAnimationIcon, }) {
|
|
4
|
-
const hasPetInfo = serviceItem.pet_seat_info &&
|
|
5
|
-
Object.keys(serviceItem.pet_seat_info).length > 0;
|
|
6
|
-
return (React.createElement("div", { className: "px-[15px] pt-[26px] pb-[14px] -mt-[16px] pt-[20px] relative -z-9", style: {
|
|
7
|
-
backgroundColor: "#f5f5f5",
|
|
8
|
-
borderRadius: "0 0 10px 10px",
|
|
9
|
-
border: showPromo
|
|
10
|
-
? `1px solid ${colors.priceColor}`
|
|
11
|
-
: "1px solid #ccc",
|
|
12
|
-
borderTop: "none",
|
|
13
|
-
} },
|
|
14
|
-
React.createElement("div", { className: "flex flex-col gap-[12px] text-[13px] text-[#464647]" },
|
|
15
|
-
hasPetInfo && (React.createElement("div", { className: "flex items-center gap-[10px]" },
|
|
16
|
-
React.createElement(LottiePlayer, { animationData: getAnimationIcon("petFriendlyAnim"), width: "20px", height: "20px" }),
|
|
17
|
-
React.createElement("div", { className: "h-auto mr-[4px] text-[13px] text-[#464647] bold-text" },
|
|
18
|
-
React.createElement("span", null, translation === null || translation === void 0 ? void 0 : translation.petFriendly)))),
|
|
19
|
-
serviceItem.is_change_ticket && (React.createElement("div", { className: "flex items-center gap-[10px]" },
|
|
20
|
-
React.createElement(LottiePlayer, { animationData: getAnimationIcon("flexibleIcon"), width: "20px", height: "20px" }),
|
|
21
|
-
React.createElement("div", { className: "h-auto mr-[4px] text-[13px] text-[#464647] bold-text" },
|
|
22
|
-
React.createElement("span", null, translation === null || translation === void 0 ? void 0 : translation.flexible)))),
|
|
23
|
-
(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_tracking_enabled) && (React.createElement("div", { className: `${grayscaleClass} flex items-center gap-[10px]` },
|
|
24
|
-
React.createElement(LottiePlayer, { animationData: getAnimationIcon("locationAnim"), width: "20px", height: "20px" }),
|
|
25
|
-
React.createElement("div", { className: "h-auto mr-[4px] text-[13px] text-[#464647] bold-text" },
|
|
26
|
-
React.createElement("span", null, "GPS Tracker")))))));
|
|
27
|
-
}
|
|
28
|
-
export default ExpandedDropdown;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ServiceItemProps } from "./types";
|
|
3
|
-
declare function ServiceItemDesktopPeru({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, currencySign, isCiva, showRating, showLastSeats, removeArrivalTime, removeDuplicateSeats, originIconStyle, showAvailableSeats, isSeatIcon, isTurbus, t, }: ServiceItemProps & {
|
|
4
|
-
currencySign?: string;
|
|
5
|
-
}): React.ReactElement;
|
|
6
|
-
export default ServiceItemDesktopPeru;
|