@zezosoft/zezo-ott-react-native-ui-kit 1.1.5 → 1.1.6

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.
Files changed (252) hide show
  1. package/package.json +1 -14
  2. package/src/Styles/globalStyles.ts +0 -70
  3. package/src/assets/animations/135037-payment-processing-error.json +0 -1347
  4. package/src/assets/animations/7227-vui-animation.json +0 -3377
  5. package/src/assets/animations/Failed.json +0 -2103
  6. package/src/assets/animations/Pending.json +0 -522
  7. package/src/assets/animations/Successful.json +0 -2289
  8. package/src/assets/animations/heart.json +0 -788
  9. package/src/assets/animations/succesfull-payment.json +0 -2379
  10. package/src/assets/animations/voice-icon.json +0 -542
  11. package/src/assets/img/back.png +0 -0
  12. package/src/assets/img/bottom-panel.png +0 -0
  13. package/src/assets/img/camera.png +0 -0
  14. package/src/assets/img/camera2.png +0 -0
  15. package/src/assets/img/home.png +0 -0
  16. package/src/assets/img/lock.png +0 -0
  17. package/src/assets/img/play.png +0 -0
  18. package/src/assets/img/profile.jpg +0 -0
  19. package/src/assets/img/qr-code.png +0 -0
  20. package/src/assets/img/shadow.png +0 -0
  21. package/src/assets/img/shadow2.png +0 -0
  22. package/src/assets/img/user.png +0 -0
  23. package/src/assets/svg/Account.svg +0 -4
  24. package/src/assets/svg/Favourite.svg +0 -14
  25. package/src/assets/svg/Upcoming.svg +0 -4
  26. package/src/assets/svg/content-error.svg +0 -28
  27. package/src/assets/svg/download.svg +0 -3
  28. package/src/assets/svg/eye-off.svg +0 -10
  29. package/src/assets/svg/favorites.svg +0 -3
  30. package/src/assets/svg/h.svg +0 -4
  31. package/src/assets/svg/home.svg +0 -5
  32. package/src/assets/svg/home1.svg +0 -3
  33. package/src/assets/svg/menu-bar.svg +0 -4
  34. package/src/assets/svg/my-space.svg +0 -14
  35. package/src/assets/svg/play-icon-with-bg.svg +0 -5
  36. package/src/assets/svg/profile.svg +0 -4
  37. package/src/assets/svg/search.svg +0 -5
  38. package/src/assets/svg/search1.svg +0 -4
  39. package/src/assets/svg/server-error.svg +0 -139
  40. package/src/components/Account/Account.tsx +0 -367
  41. package/src/components/Account/index.ts +0 -1
  42. package/src/components/Alert/AlertDialog.tsx +0 -247
  43. package/src/components/Alert/UAAlert.tsx +0 -170
  44. package/src/components/Alert/index.ts +0 -2
  45. package/src/components/Auth/AuthProvider/AuthProvider.tsx +0 -419
  46. package/src/components/Auth/One/ForgotPassword/ForgotPassword.tsx +0 -324
  47. package/src/components/Auth/One/Login/LoginWithEmail.tsx +0 -455
  48. package/src/components/Auth/One/Login/LoginWithPhone.tsx +0 -306
  49. package/src/components/Auth/One/OTP/OTP.tsx +0 -465
  50. package/src/components/Auth/One/QrLogin/QrLogin.tsx +0 -602
  51. package/src/components/Auth/One/QrLogin/components/QrViewArea.tsx +0 -423
  52. package/src/components/Auth/One/SignUp/SignUp.tsx +0 -479
  53. package/src/components/Auth/One/SplashScreen/SplashScreen.tsx +0 -249
  54. package/src/components/Auth/One/SplashScreen/components/SplashImage/SplashImage.tsx +0 -103
  55. package/src/components/Auth/One/SplashScreen/components/SplashLottie/SplashLottie.tsx +0 -77
  56. package/src/components/Auth/One/SplashScreen/components/SplashVideo/SplashVideo.tsx +0 -174
  57. package/src/components/Auth/One/index.ts +0 -24
  58. package/src/components/Auth/Two/AuthHeader/AuthHeader.tsx +0 -108
  59. package/src/components/Auth/Two/ForgotPassword/ForgotPassword.tsx +0 -335
  60. package/src/components/Auth/Two/Login/AuthLoginShell.tsx +0 -173
  61. package/src/components/Auth/Two/Login/LoginWithEmail.tsx +0 -279
  62. package/src/components/Auth/Two/Login/LoginWithPhone.tsx +0 -188
  63. package/src/components/Auth/Two/OTP/OTP.tsx +0 -465
  64. package/src/components/Auth/Two/QrLogin/QrLogin.tsx +0 -602
  65. package/src/components/Auth/Two/QrLogin/components/QrViewArea.tsx +0 -423
  66. package/src/components/Auth/Two/SignUp/SignUp.tsx +0 -472
  67. package/src/components/Auth/Two/SplashScreen/SplashScreen.tsx +0 -248
  68. package/src/components/Auth/Two/SplashScreen/components/SplashImage/SplashImage.tsx +0 -92
  69. package/src/components/Auth/Two/SplashScreen/components/SplashLottie/SplashLottie.tsx +0 -77
  70. package/src/components/Auth/Two/SplashScreen/components/SplashVideo/SplashVideo.tsx +0 -178
  71. package/src/components/Auth/Two/index.ts +0 -28
  72. package/src/components/Auth/index.ts +0 -11
  73. package/src/components/BackgroundLayout/BackgroundLayout.tsx +0 -174
  74. package/src/components/BackgroundLayout/BackgroundLayoutOne.tsx +0 -56
  75. package/src/components/BlogView/BlogView.tsx +0 -276
  76. package/src/components/BlogView/index.ts +0 -8
  77. package/src/components/BlurView/BlurView.tsx +0 -199
  78. package/src/components/BlurView/index.ts +0 -7
  79. package/src/components/BottomSheet/BottomSheet.tsx +0 -200
  80. package/src/components/BottomSheet/BottomSheetOne.tsx +0 -220
  81. package/src/components/BottomSheet/index.ts +0 -4
  82. package/src/components/Button/BackBtn.tsx +0 -168
  83. package/src/components/Button/MenuBtn.tsx +0 -229
  84. package/src/components/Button/PrimaryBtn.tsx +0 -134
  85. package/src/components/Button/SecondaryBtn.tsx +0 -132
  86. package/src/components/Button/TextButton.tsx +0 -145
  87. package/src/components/Button/index.ts +0 -18
  88. package/src/components/Content/Card/Category/Category.tsx +0 -436
  89. package/src/components/Content/Card/Category/CategroyTwo.tsx +0 -429
  90. package/src/components/Content/Card/NowWatching/NowWatching.tsx +0 -624
  91. package/src/components/Content/Card/Sliders/Styles/One.tsx +0 -490
  92. package/src/components/Content/Card/Sliders/Styles/Three.tsx +0 -935
  93. package/src/components/Content/Card/Sliders/Styles/Two.tsx +0 -391
  94. package/src/components/Content/Card/Sliders/index.ts +0 -17
  95. package/src/components/Content/Card/Styles/Five.tsx +0 -385
  96. package/src/components/Content/Card/Styles/Four.tsx +0 -379
  97. package/src/components/Content/Card/Styles/One.tsx +0 -386
  98. package/src/components/Content/Card/Styles/RotateInOut.tsx +0 -413
  99. package/src/components/Content/Card/Styles/Six.tsx +0 -392
  100. package/src/components/Content/Card/Styles/Three.tsx +0 -314
  101. package/src/components/Content/Card/Styles/TopTen.tsx +0 -412
  102. package/src/components/Content/Card/Styles/Two.tsx +0 -416
  103. package/src/components/Content/Card/components/AdsPoster.tsx +0 -202
  104. package/src/components/Content/Card/components/CardPoster.tsx +0 -377
  105. package/src/components/Content/Card/components/NavigateToMore.tsx +0 -97
  106. package/src/components/Content/Card/components/RentOrBuyIcon.tsx +0 -129
  107. package/src/components/Content/Card/components/ShowAllButton.tsx +0 -92
  108. package/src/components/Content/Card/components/ThumbnailCard.tsx +0 -234
  109. package/src/components/Content/Card/components/index.ts +0 -1
  110. package/src/components/Content/Card/index.ts +0 -30
  111. package/src/components/Content/Content.tsx +0 -315
  112. package/src/components/Content/Sections.tsx +0 -238
  113. package/src/components/Content/types.ts +0 -176
  114. package/src/components/ContentView/MoreContentList.tsx +0 -327
  115. package/src/components/ContentView/One/ContentViewOne.tsx +0 -243
  116. package/src/components/ContentView/One/components/AboutSection.tsx +0 -216
  117. package/src/components/ContentView/One/components/CastCard.tsx +0 -265
  118. package/src/components/ContentView/One/components/EpisodeCard.tsx +0 -535
  119. package/src/components/ContentView/One/components/GenreTags.tsx +0 -132
  120. package/src/components/ContentView/One/components/HeroBanner.tsx +0 -357
  121. package/src/components/ContentView/One/components/MiniInfo.tsx +0 -356
  122. package/src/components/ContentView/One/components/PlayButton.tsx +0 -56
  123. package/src/components/ContentView/One/components/Title.tsx +0 -149
  124. package/src/components/ContentView/One/components/TrailerButton.tsx +0 -76
  125. package/src/components/ContentView/Two/ContentViewTwo.tsx +0 -343
  126. package/src/components/ContentView/Two/components/AboutSection.tsx +0 -216
  127. package/src/components/ContentView/Two/components/Details.tsx +0 -193
  128. package/src/components/ContentView/Two/components/EpisodeCard.tsx +0 -602
  129. package/src/components/ContentView/Two/components/GenreTags.tsx +0 -123
  130. package/src/components/ContentView/Two/components/HeroBanner.tsx +0 -402
  131. package/src/components/ContentView/Two/components/LikeShareActions.tsx +0 -125
  132. package/src/components/ContentView/Two/components/MoreLikeThisContentList .tsx +0 -305
  133. package/src/components/ContentView/Two/components/PlayOrTrailer.tsx +0 -133
  134. package/src/components/ContentView/Two/components/SectionTabs.tsx +0 -177
  135. package/src/components/ContentView/Two/components/Title.tsx +0 -226
  136. package/src/components/ContentView/Two/components/index.ts +0 -15
  137. package/src/components/ContentView/index.ts +0 -13
  138. package/src/components/Fallbacks/NoContentFallback.tsx +0 -176
  139. package/src/components/Fallbacks/NotFoundFallback.tsx +0 -94
  140. package/src/components/Fallbacks/index.ts +0 -2
  141. package/src/components/Headers/AppHeader.tsx +0 -150
  142. package/src/components/Headers/Four.tsx +0 -83
  143. package/src/components/Headers/One.tsx +0 -115
  144. package/src/components/Headers/Three.tsx +0 -135
  145. package/src/components/Headers/Two.tsx +0 -100
  146. package/src/components/Headers/index.ts +0 -18
  147. package/src/components/Input/Input.ts +0 -20
  148. package/src/components/Input/InputOne.tsx +0 -259
  149. package/src/components/Input/InputThree.tsx +0 -212
  150. package/src/components/Input/InputTwo.tsx +0 -212
  151. package/src/components/Input/PhoneNumberInput.tsx +0 -431
  152. package/src/components/Input/PhoneNumberInputTwo.tsx +0 -418
  153. package/src/components/Keyboard/HideKeyboard.tsx +0 -88
  154. package/src/components/Loader/Loader.tsx +0 -44
  155. package/src/components/Logo/Logo.tsx +0 -145
  156. package/src/components/NewRelease/NewReleaseSheet.tsx +0 -250
  157. package/src/components/NewRelease/index.ts +0 -1
  158. package/src/components/Reels/ReelsSeries/MediaControls/BottomControls.tsx +0 -221
  159. package/src/components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.tsx +0 -314
  160. package/src/components/Reels/ReelsSeries/MediaControls/MiddleControls.tsx +0 -196
  161. package/src/components/Reels/ReelsSeries/MediaControls/RightControls.tsx +0 -95
  162. package/src/components/Reels/ReelsSeries/MediaControls/TopControls.tsx +0 -163
  163. package/src/components/Reels/ReelsSeries/Model/DetailsModal.tsx +0 -210
  164. package/src/components/Reels/ReelsSeries/Model/SettingModal.tsx +0 -146
  165. package/src/components/Reels/ReelsSeries/Model/UnlockModal.tsx +0 -154
  166. package/src/components/Reels/ReelsSeries/ReelsSeries.tsx +0 -264
  167. package/src/components/Reels/ReelsSeries/ReelsSeriesItem.tsx +0 -494
  168. package/src/components/Reels/ReelsSeries/components/AnimatedThreeLines.tsx +0 -184
  169. package/src/components/Reels/ReelsSeries/components/Episodes.tsx +0 -154
  170. package/src/components/Reels/ReelsSeries/components/GradientOverlay.tsx +0 -41
  171. package/src/components/Reels/ReelsSeries/components/Like.tsx +0 -40
  172. package/src/components/Reels/ReelsSeries/components/RotatingLoader.tsx +0 -79
  173. package/src/components/Reels/ReelsSeries/components/Synopsis.tsx +0 -332
  174. package/src/components/Reels/ReelsSeries/components/VideoControls/QualityControl.tsx +0 -187
  175. package/src/components/Reels/ReelsSeries/components/VideoControls/SpeedControl.tsx +0 -80
  176. package/src/components/Reels/ReelsSeries/components/VideoControls/index.ts +0 -2
  177. package/src/components/Reels/ReelsSeries/types.ts +0 -54
  178. package/src/components/Reels/ReelsSeries/useReelsWatchProgress.ts +0 -85
  179. package/src/components/Reels/ReelsSeries/utils/quality.ts +0 -48
  180. package/src/components/Reels/index.ts +0 -9
  181. package/src/components/Reels/utils/Controls/gestureUtils.ts +0 -42
  182. package/src/components/Reels/utils/Controls/index.ts +0 -4
  183. package/src/components/Reels/utils/Controls/overlayUtils.ts +0 -35
  184. package/src/components/Reels/utils/Controls/videoControlsConstants.ts +0 -25
  185. package/src/components/Reels/utils/Controls/videoRef.ts +0 -4
  186. package/src/components/Reels/utils/index.ts +0 -1
  187. package/src/components/Reels/utils/timeoutUtils.ts +0 -29
  188. package/src/components/Search/One.tsx +0 -256
  189. package/src/components/Search/components/RecentSearchesSection.tsx +0 -181
  190. package/src/components/Search/components/SearchCard.tsx +0 -275
  191. package/src/components/Search/index.ts +0 -16
  192. package/src/components/Settings/AppSettings.tsx +0 -428
  193. package/src/components/Settings/index.ts +0 -1
  194. package/src/components/Subscription/SubOne.tsx +0 -874
  195. package/src/components/Subscription/index.ts +0 -12
  196. package/src/components/TabBar/One.tsx +0 -148
  197. package/src/components/TabBar/Three.tsx +0 -169
  198. package/src/components/TabBar/Two.tsx +0 -189
  199. package/src/components/TabBar/index.ts +0 -20
  200. package/src/components/Text/Text.tsx +0 -85
  201. package/src/components/Text/index.ts +0 -5
  202. package/src/components/User/DeviceSessions/DeviceSessions.tsx +0 -468
  203. package/src/components/User/ProfileUpdate/ProfileUpdate.tsx +0 -278
  204. package/src/components/User/PurchaseHistory/PurchaseHistory.tsx +0 -494
  205. package/src/components/User/WatchHistory/WatchHistory.tsx +0 -227
  206. package/src/components/User/WatchLater/WatchLater.tsx +0 -397
  207. package/src/components/User/components/UserAvatar.tsx +0 -120
  208. package/src/components/User/components/UserSection.tsx +0 -228
  209. package/src/components/User/index.ts +0 -18
  210. package/src/components/View/View.tsx +0 -37
  211. package/src/components/View/index.ts +0 -5
  212. package/src/components/common/AppStatusBar.tsx +0 -57
  213. package/src/components/index.ts +0 -29
  214. package/src/components/layout/SafeAreaWrapper.tsx +0 -45
  215. package/src/components/layout/index.ts +0 -1
  216. package/src/constants/dummySections.ts +0 -98
  217. package/src/hooks/Images/index.ts +0 -2
  218. package/src/hooks/Images/useImageLoader.ts +0 -206
  219. package/src/hooks/Images/useImageValidation.ts +0 -36
  220. package/src/hooks/index.ts +0 -17
  221. package/src/hooks/useAdTracking.ts +0 -349
  222. package/src/hooks/useCards.ts +0 -228
  223. package/src/hooks/useDebounce.ts +0 -35
  224. package/src/hooks/useKeyboard.ts +0 -43
  225. package/src/hooks/useNavigationMode.ts +0 -46
  226. package/src/hooks/usePaginatedSection.ts +0 -101
  227. package/src/hooks/usePrevious.ts +0 -28
  228. package/src/hooks/useSafeCallback.ts +0 -43
  229. package/src/hooks/useSkeletonItems.ts +0 -30
  230. package/src/hooks/useSplashCache.ts +0 -186
  231. package/src/hooks/useThemeColors.ts +0 -51
  232. package/src/index.tsx +0 -8
  233. package/src/store/RecentSearchesStore.ts +0 -78
  234. package/src/store/splashStore.ts +0 -91
  235. package/src/store/themeStore.ts +0 -43
  236. package/src/theme/ThemeProvider.tsx +0 -112
  237. package/src/theme/hook/index.ts +0 -1
  238. package/src/theme/hook/useInternalTheme.ts +0 -98
  239. package/src/theme/index.ts +0 -7
  240. package/src/theme/themes.ts +0 -336
  241. package/src/theme/utils/validateColor.ts +0 -127
  242. package/src/types/content/content-view.types.ts +0 -206
  243. package/src/types/hook/index.ts +0 -5
  244. package/src/types/hook/usePaginatedSetion.ts +0 -19
  245. package/src/types/index.ts +0 -7
  246. package/src/types/sections/index.ts +0 -84
  247. package/src/utils/Display.ts +0 -14
  248. package/src/utils/Formater.ts +0 -14
  249. package/src/utils/PlatformSelector.ts +0 -29
  250. package/src/utils/SizeMatters.ts +0 -7
  251. package/src/utils/Spacing.ts +0 -27
  252. package/src/utils/colorUtils.ts +0 -70
@@ -1,84 +0,0 @@
1
- /**
2
- * @author Naresh Dhamu
3
- * @lastModified Wed 24 Dec 2025 at 12:09 PM
4
- */
5
-
6
- import type { IContentData, IServeAd } from '@zezosoft/zezo-ott-api-client';
7
- export type IAdItem = IServeAd & {
8
- type: 'ads';
9
- };
10
- export type ISectionType =
11
- | 'normal'
12
- | 'card_style_2'
13
- | 'card_style_3'
14
- | 'card_style_4'
15
- | 'card_style_5'
16
- | 'card_style_6'
17
- | 'card_rotate_in_out'
18
- | 'slider'
19
- | 'slider_style_2'
20
- | 'slider_style_3'
21
- | 'card_series_featured_style_1'
22
- | 'continue_watching'
23
- | 'new_releases'
24
- | 'top_10'
25
- | 'category';
26
-
27
- /**
28
- * Generic pagination metadata
29
- */
30
- export interface ISectionPagination {
31
- page: number;
32
- limit: number;
33
- total: number;
34
- length: number;
35
- hasNextPage: boolean;
36
- nextPage: number | null;
37
- }
38
-
39
- /**
40
- * Single section object with associated content
41
- */
42
- export interface IGetSectionData {
43
- _id: string;
44
- name: string;
45
- label: string;
46
- order: number;
47
- type: ISectionType;
48
- content_ids: string[];
49
- category: {
50
- _id: string;
51
- name: string;
52
- slug: string;
53
- };
54
- genre?: string;
55
- content: {
56
- data: (IContentData | IAdItem)[];
57
- meta: {
58
- pagination: ISectionPagination;
59
- };
60
- };
61
- status: boolean;
62
- createdAt: Date;
63
- updatedAt: Date;
64
- }
65
-
66
- /**
67
- * Full response from section fetch API
68
- */
69
- export interface IGetSectionResponse {
70
- success: boolean;
71
- message: string;
72
- data: IGetSectionData[];
73
- meta: {
74
- pagination: ISectionPagination;
75
- };
76
- cache: boolean;
77
- }
78
-
79
- /**
80
- * Optional utility types (for local use)
81
- */
82
- export type ISectionItem = IGetSectionData;
83
- export type ISectionContent = IGetSectionData['content'];
84
- export type ISectionMeta = IGetSectionResponse['meta'];
@@ -1,14 +0,0 @@
1
- /**
2
- * @author Naresh Dhamu
3
- * @lastModified Mon 09 Jun 2025 at 04:24 PM
4
- */
5
- import { Dimensions } from 'react-native';
6
-
7
- const { height, width } = Dimensions.get('window');
8
-
9
- const setHeight = (h: number) => (height / 100) * h;
10
- const setWidth = (w: number) => (width / 100) * w;
11
- const fullWidth = Dimensions.get('window').width;
12
- const fullHeight = Dimensions.get('window').height;
13
-
14
- export default { setHeight, setWidth, fullWidth, fullHeight };
@@ -1,14 +0,0 @@
1
- export function formatCount(count: number): string {
2
- if (count < 1000) {
3
- return count.toString();
4
- } else if (count < 1000000) {
5
- const thousands = count / 1000;
6
- return thousands % 1 === 0 ? `${thousands}K` : `${thousands.toFixed(1)}K`;
7
- } else if (count < 1000000000) {
8
- const millions = count / 1000000;
9
- return millions % 1 === 0 ? `${millions}M` : `${millions.toFixed(1)}M`;
10
- } else {
11
- const billions = count / 1000000000;
12
- return billions % 1 === 0 ? `${billions}B` : `${billions.toFixed(1)}B`;
13
- }
14
- }
@@ -1,29 +0,0 @@
1
- /**
2
- * @author Naresh Dhamu
3
- * @lastModified Mon 09 Jun 2025 at 04:26 PM
4
- */
5
-
6
- import { Platform } from 'react-native';
7
-
8
- /**
9
- * @description platform selector
10
- */
11
- class PlatformSelector {
12
- /**
13
- * @description return true if it is android
14
- * @returns {boolean}
15
- */
16
- public isAndroid(): boolean {
17
- return Platform.OS === 'android';
18
- }
19
-
20
- /**
21
- * @description return true if it is ios
22
- * @returns {boolean}
23
- */
24
- public isIOS(): boolean {
25
- return Platform.OS === 'ios';
26
- }
27
- }
28
-
29
- export default new PlatformSelector();
@@ -1,7 +0,0 @@
1
- /**
2
- * @author Naresh Dhamu
3
- * @lastModified Mon 07 Jul 2025 at 12:14 PM
4
- */
5
- import * as SizeMatters from 'react-native-size-matters';
6
-
7
- export default SizeMatters;
@@ -1,27 +0,0 @@
1
- /**
2
- * @author Naresh Dhamu
3
- * @lastModified Mon 16 Jun 2025 at 03:05 PM
4
- */
5
-
6
- import { Platform } from 'react-native';
7
- import { verticalScale } from 'react-native-size-matters';
8
-
9
- /**
10
- * Get responsive bottom spacing that accounts for platform differences
11
- * Automatically adds extra spacing for Android navigation bar
12
- * @param baseSpacing - Base spacing value (default: 35)
13
- * @returns Platform-specific responsive bottom spacing
14
- * @example
15
- * // Usage in any component
16
- * bottom: getResponsiveBottomSpacing(35) // iOS: 35, Android: 45
17
- */
18
- export const getResponsiveBottomSpacing = (
19
- baseSpacing: number = 35
20
- ): number => {
21
- return Platform.OS === 'ios'
22
- ? verticalScale(baseSpacing)
23
- : verticalScale(baseSpacing + 10);
24
- };
25
-
26
- // Legacy export for backward compatibility
27
- export const getAuthBottomSpacing = getResponsiveBottomSpacing;
@@ -1,70 +0,0 @@
1
- /**
2
- * Color utility functions
3
- * @author Naresh Dhamu
4
- */
5
-
6
- /**
7
- * Converts a color string to rgba format with specified opacity
8
- * Supports multiple color formats: rgba, rgb, hex (#RGB, #RRGGBB, #RRGGBBAA)
9
- *
10
- * @param color - Color string in any supported format
11
- * @param opacity - Opacity value between 0 and 1 (default: 0.9)
12
- * @returns Color string in rgba format with specified opacity
13
- *
14
- * @example
15
- * convertColorWithOpacity('rgb(255, 0, 0)', 0.5) // 'rgba(255, 0, 0, 0.5)'
16
- * convertColorWithOpacity('#FF0000', 0.8) // 'rgba(255, 0, 0, 0.8)'
17
- * convertColorWithOpacity('rgba(255, 0, 0, 1)', 0.5) // 'rgba(255, 0, 0, 0.5)'
18
- */
19
- export const convertColorWithOpacity = (
20
- color: string,
21
- opacity: number = 0.9
22
- ): string => {
23
- // Handle rgba format
24
- if (color.startsWith('rgba(')) {
25
- return color.replace(/rgba\(([^)]+)\)/, (match, rgb) => {
26
- const values = rgb.split(',').map((v: string) => v.trim());
27
- if (values.length === 4) {
28
- return `rgba(${values[0]}, ${values[1]}, ${values[2]}, ${opacity})`;
29
- }
30
- return match;
31
- });
32
- }
33
-
34
- // Handle rgb format
35
- if (color.startsWith('rgb(')) {
36
- return color.replace(/rgb\(([^)]+)\)/, (match, rgb) => {
37
- const values = rgb.split(',').map((v: string) => v.trim());
38
- if (values.length === 3) {
39
- return `rgba(${values[0]}, ${values[1]}, ${values[2]}, ${opacity})`;
40
- }
41
- return match;
42
- });
43
- }
44
-
45
- // Handle hex format (#RGB, #RRGGBB, #RRGGBBAA)
46
- if (color.startsWith('#')) {
47
- const hex = color.replace('#', '');
48
- let r: number, g: number, b: number;
49
-
50
- if (hex.length === 3) {
51
- // #RGB format
52
- r = parseInt(hex[0]! + hex[0]!, 16);
53
- g = parseInt(hex[1]! + hex[1]!, 16);
54
- b = parseInt(hex[2]! + hex[2]!, 16);
55
- } else if (hex.length === 6 || hex.length === 8) {
56
- // #RRGGBB or #RRGGBBAA format
57
- r = parseInt(hex.substring(0, 2)!, 16);
58
- g = parseInt(hex.substring(2, 4)!, 16);
59
- b = parseInt(hex.substring(4, 6)!, 16);
60
- } else {
61
- return color; // Invalid hex, return as is
62
- }
63
-
64
- return `rgba(${r}, ${g}, ${b}, ${opacity})`;
65
- }
66
-
67
- // For other formats (named colors, etc.), return as is
68
- // In a real scenario, you might want to convert named colors to rgba
69
- return color;
70
- };