@moneylion/react-native-offer-carousel 1.8.4 → 1.9.0

package/src/capabilities/offer-catalog/src/utils/stats/formatters/rangeCurrencyUnabbreviated.spec.ts

@@ -1,27 +0,0 @@
-// import type { BaseOffer } from '@capabilities/offer-catalog'
-// import { describe, expect, it } from 'vitest'
-// import { fromRangeCurrencyUnabbreviatedStat } from './rangeCurrencyUnabbreviated'
-
-// describe('fromRangeCurrencyUnabbreviatedStat', () => {
-//   it.each([
-//     [{ amountCentsMin: 500, amountCentsMax: 500000 }, 'Amount', '$5 - $5,000'],
-//     [{ amountCentsMin: 0, amountCentsMax: 500000 }, 'Amount', 'Up to $5,000'],
-//     [{ amountCentsMin: 1, amountCentsMax: 500000 }, 'Amount', 'Up to $5,000'],
-//     [{ amountCentsMax: 500000 }, 'Amount', 'N/A'],
-//     [{ amountCentsMin: 5000 }, 'Amount', 'N/A'],
-//   ])(
-//     'should return correct label and content for offer %j',
-//     (offer: unknown, label: string, expectedContent: string) => {
-//       const result = fromRangeCurrencyUnabbreviatedStat(offer as BaseOffer)({
-//         format: 'rangeCurrencyUnabbreviated',
-//         label,
-//         initialFieldName: 'amountCentsMin',
-//         endFieldName: 'amountCentsMax',
-//       })
-//       expect(result).toEqual({
-//         label: 'Amount',
-//         content: expectedContent,
-//       })
-//     },
-//   )
-// })

package/src/capabilities/offer-catalog/src/utils/stats/formatters/rangeMonths.spec.ts

@@ -1,44 +0,0 @@
-// import type { BaseOffer } from '@capabilities/offer-catalog'
-// import { describe, expect, it } from 'vitest'
-// import { fromRangeMonthsStat } from './rangeMonths'
-
-// describe('fromRangeMonthsStat util', () => {
-//   it.each([
-//     [{ initialTerm: 0, endTerm: 0 }, 'Term Length', 'OPEN'],
-//     [{ initialTerm: 12, endTerm: 12 }, 'Term Length', '1 year'],
-//     [{ initialTerm: 18, endTerm: 18 }, 'Term Length', '18 months'],
-//     [{ initialTerm: 1, endTerm: 12 }, 'Term Length', '1 - 12 months'],
-//     [{ initialTerm: 24, endTerm: 36 }, 'Term Length', '2 - 3 years'],
-//     [{ initialTerm: 0, endTerm: 12 }, 'Term Length', '0 - 12 months'],
-//     [{ initialTerm: 24, endTerm: 12 }, 'Term Length', 'Invalid case'],
-//   ])(
-//     'when initialFieldName is %p and endFieldName is %p, should return %s',
-//     (offer: unknown, label: string, expectedContent: string) => {
-//       const result = fromRangeMonthsStat(offer as BaseOffer)({
-//         label,
-//         initialFieldName: 'initialTerm',
-//         endFieldName: 'endTerm',
-//         format: 'rangeMonths',
-//       })
-
-//       expect(result).toEqual({ label, content: expectedContent })
-//     },
-//   )
-
-//   it.each([
-//     [{ initialTerm: undefined, endTerm: undefined }, 'Test Label', 'OPEN'],
-//     [{ initialTerm: 0, endTerm: undefined }, 'Test Label', 'OPEN'],
-//     [{ initialTerm: undefined, endTerm: 12 }, 'Test Label', 'OPEN'],
-//   ])(
-//     'should return "-" when initialFieldName or endFieldName is undefined',
-//     (offer, label, expectedContent) => {
-//       const result = fromRangeMonthsStat(offer as unknown as BaseOffer)({
-//         label,
-//         initialFieldName: 'initialTerm',
-//         endFieldName: 'endTerm',
-//         format: 'rangeMonths',
-//       })
-//       expect(result).toEqual({ label, content: expectedContent })
-//     },
-//   )
-// })

package/src/capabilities/offer-catalog/src/utils/stats/formatters/rangePercent.spec.ts

@@ -1,81 +0,0 @@
-// import type { BaseOffer } from '@capabilities/offer-catalog'
-// import { describe, expect, it } from 'vitest'
-// import { fromRangePercentStat } from './rangePercent'
-
-// describe('fromRangePercentStat function', () => {
-//   it.each([
-//     [{}, 'Interest Rate', 'Interest Rate', 'N/A', undefined],
-//     [
-//       { minRate: 100, maxRate: 500 },
-//       'Interest Rate',
-//       'Interest Rate',
-//       '1% - 5%',
-//       undefined,
-//     ],
-//     [{ minRate: 0, maxRate: 0 }, 'Interest Rate', 'Interest Rate', '0%', undefined],
-//     [{ minRate: 150 }, 'Interest Rate', 'Interest Rate', 'N/A', undefined],
-//     [{ maxRate: 450 }, 'Interest Rate', 'Interest Rate', 'N/A', undefined],
-//     // Test case with dynamic label value
-//     [
-//       { minRate: 100, maxRate: 500, duration: '12 months' },
-//       'Interest over ${duration}',
-//       'Interest over 12 months',
-//       '1% - 5%',
-//       'duration',
-//     ],
-//     [
-//       { minRate: 200, maxRate: 800, term: '6 months' },
-//       'Interest over ${term}',
-//       'Interest over 6 months',
-//       '2% - 8%',
-//       'term',
-//     ],
-//     // Edge case: dynamicValue is not provided in offer
-//     [
-//       { minRate: 100, maxRate: 500 },
-//       'Interest over ${duration}',
-//       'Interest over Undefined',
-//       '1% - 5%',
-//       'duration',
-//     ],
-//     // Edge case: dynamicValue is a number
-//     [
-//       { minRate: 100, maxRate: 500, months: 12 },
-//       'Interest over ${months} months',
-//       'Interest over 12 months',
-//       '1% - 5%',
-//       'months',
-//     ],
-//     // Edge case: Both initial and end values undefined
-//     [{}, 'Interest Rate', 'Interest Rate', 'N/A', undefined],
-//     // Edge case: Both initial and end values null
-//     [
-//       { minRate: null, maxRate: null },
-//       'Interest Rate',
-//       'Interest Rate',
-//       'N/A',
-//       undefined,
-//     ],
-//   ])(
-//     'should return correct label and content for offer %j',
-//     (
-//       offer: unknown,
-//       label: string,
-//       expectedLabel: string,
-//       expectedContent: string,
-//       dynamicLabelValue?: string,
-//     ) => {
-//       const result = fromRangePercentStat(offer as BaseOffer)({
-//         format: 'rangePercent',
-//         label,
-//         initialFieldName: 'minRate',
-//         endFieldName: 'maxRate',
-//         dynamicLabelValue,
-//       })
-//       expect(result).toEqual({
-//         label: expectedLabel,
-//         content: expectedContent,
-//       })
-//     },
-//   )
-// })

package/src/capabilities/offer-catalog/src/utils/stats/formatters/recommendedCredit.spec.ts

@@ -1,26 +0,0 @@
-// import type { BaseOffer } from '@capabilities/offer-catalog'
-// import { describe, expect, it } from 'vitest'
-// import { recommendedCredit } from './recommendedCredit'
-
-// describe('recommendedCredit', () => {
-//   it.each([
-//     [
-//       { recommendedCreditRatings: ['limited', 'poor', 'fair', 'good', 'excellent'] },
-//       'Any',
-//     ],
-//     [{ recommendedCreditRatings: ['limited', 'poor', 'fair'] }, 'limited, poor & fair'],
-//     [{ recommendedCreditRatings: ['good', 'excellent'] }, 'good & excellent'],
-//   ])('returns %s when recommendedCreditRatings is %s', (offer, expected) => {
-//     const result = recommendedCredit(offer as unknown as BaseOffer)({
-//       format: 'recommendedCredit',
-//       label: 'Recommended Credit',
-//       fieldName: 'recommendedCreditRatings',
-//     })
-
-//     expect(result).toEqual({
-//       label: 'Recommended Credit',
-//       content: expected,
-//       isHighlighted: true,
-//     })
-//   })
-// })

package/src/capabilities/offer-catalog/src/utils/stats/formatters/rewardsDisplay.spec.ts

@@ -1,28 +0,0 @@
-// import type { BaseOffer } from '@capabilities/offer-catalog'
-// import { describe, expect, it } from 'vitest'
-// import { rewardsDisplay } from './rewardsDisplay'
-
-// describe('rewardsDisplay', () => {
-//   it.each([
-//     [
-//       { rewardsDescription: 'Cash Back & Travel Rewards' },
-//       'Cash Back & Travel Rewards',
-//       false,
-//     ],
-//     [{ rewardsDescription: 'Cash Back' }, 'Cash Back', false],
-//     [{ rewardsDescription: 'Travel Rewards' }, 'Travel Rewards', false],
-//     [{ rewardsDescription: null }, 'None', true],
-//   ])('returns %s when rewards is %s', (offer, expected, isNull) => {
-//     const result = rewardsDisplay(offer as unknown as BaseOffer)({
-//       format: 'rewardsDisplay',
-//       label: 'Bonus',
-//       fieldName: 'rewardsDescription',
-//     })
-
-//     expect(result).toEqual({
-//       label: 'Bonus',
-//       content: expected,
-//       isNull,
-//     })
-//   })
-// })

package/src/capabilities/ui/elements/src/components/thumbor/useSvgUriViewBox.test.ts

@@ -1,42 +0,0 @@
-// import { renderHook, waitFor } from "@testing-library/react-native";
-// import useSvgUriViewBox from "./useSvgUriViewBox";
-
-// describe("useSvgUriViewBox()", () => {
-// 	const MOCK_SVG_WITH_VIEWBOX = `<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"></svg>`;
-// 	const MOCK_SVG_WITHOUT_VIEWBOX = `<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none"></svg>`;
-
-// 	function arrangeMocks() {
-// 		const mockResponseTextFn = jest
-// 			.fn()
-// 			.mockResolvedValue(MOCK_SVG_WITHOUT_VIEWBOX);
-// 		jest
-// 			.spyOn(global, "fetch")
-// 			.mockResolvedValue({ text: mockResponseTextFn } as unknown as Response);
-
-// 		return { mockText: mockResponseTextFn };
-// 	}
-
-// 	it("should return view-box if svg if missing a view-box", async () => {
-// 		const { mockText } = arrangeMocks();
-// 		mockText.mockResolvedValueOnce(MOCK_SVG_WITHOUT_VIEWBOX);
-
-// 		const hook = renderHook(() => useSvgUriViewBox("URI", true));
-// 		await waitFor(() => expect(hook.result.current).toBeDefined());
-// 	});
-
-// 	it("should return view-box if svg already has view-box", async () => {
-// 		const { mockText } = arrangeMocks();
-// 		mockText.mockResolvedValueOnce(MOCK_SVG_WITH_VIEWBOX);
-
-// 		const hook = renderHook(() => useSvgUriViewBox("URI", true));
-// 		await waitFor(() => expect(hook.result.current).toBeDefined());
-// 	});
-
-// 	it("should not make async calls if image is not an svg", async () => {
-// 		const mocks = arrangeMocks();
-// 		const hook = renderHook(() => useSvgUriViewBox("URI", false));
-
-// 		await waitFor(() => expect(hook.result.current).toBeUndefined());
-// 		expect(mocks.mockText).not.toHaveBeenCalled();
-// 	});
-// });

package/src/components/Cards/VideosCard/VideoContent.tsx

@@ -1,36 +0,0 @@
-// "use client";
-
-// import { memo } from "react";
-// import React from "react";
-// import Text from "../../Text";
-
-// type Video = {
-// 	muxId: string;
-// 	subtitle: string;
-// };
-
-// export type VideoContentProps = Video;
-
-// export const VideoContent = memo(({ muxId, subtitle }: VideoContentProps) => (
-// 	<View gap={2} direction="column" width={27}>
-// 		<View width={27} height={48} borderRadius="large">
-// 			{/* TODO: Add the video player logic  */}
-// 			<View key={`${muxId}`} />
-// 			{/* <VideoPlayer playbackId={muxId} /> */}
-// 		</View>
-// 		<Tooltip text={subtitle}>
-// 			{(attributes) => (
-// 				<Actionable attributes={attributes} as="div">
-// 					<Text
-// 						variant="caption-2"
-// 						weight="medium"
-// 						color="neutral-faded"
-// 						numberOfLines={2}
-// 					>
-// 						{subtitle}
-// 					</Text>
-// 				</Actionable>
-// 			)}
-// 		</Tooltip>
-// 	</View>
-// ));

package/src/components/Cards/VideosCard/VideosCard.tsx

@@ -1,54 +0,0 @@
-// import { memo } from "react";
-// import { VideoContent, type VideoContentProps } from "./VideoContent";
-// import { GenericOfferVertical } from "../../../../src/capabilities/ui/elements/src";
-// import React from "react";
-// import Text from "../../Text";
-// import { View, StyleSheet } from "react-native";
-
-// type VideosContent = {
-// 	title: string;
-// 	subtitle: string;
-// 	videos: VideoContentProps[];
-// };
-
-// export type VideosCardProps = {
-// 	videosContent: VideosContent;
-// 	showCardBorder: boolean;
-// };
-
-// export const VideosCard = memo(
-// 	({
-// 		videosContent: { title, subtitle, videos },
-// 		showCardBorder,
-// 	}: VideosCardProps) => {
-// 		const renderVideos = () =>
-// 			videos.map((video) => <VideoContent key={video.muxId} {...video} />);
-
-// 		return (
-// 			<GenericOfferVertical showCardBorder={showCardBorder}>
-// 				<GenericOfferVertical.Container>
-// 					<View style={styles.textContainer}>
-// 						<Text variant="featured-2" weight="bold">
-// 							{title}
-// 						</Text>
-// 						<Text variant="body-3" weight="normal">
-// 							{subtitle}
-// 						</Text>
-// 					</View>
-// 					<View style={styles.videoContainer}>{renderVideos()}</View>
-// 				</GenericOfferVertical.Container>
-// 			</GenericOfferVertical>
-// 		);
-// 	}
-// );
-
-// const styles = StyleSheet.create({
-// 	textContainer: {
-// 		gap: 1,
-// 	},
-// 	videoContainer: {
-// 		flexDirection: "row",
-// 		gap: 3,
-// 		justifyContent: "space-between",
-// 	},
-// });

package/src/components/Cards/index.ts

@@ -1 +0,0 @@
-// export * from "./VideosCard/VideosCard";

package/src/components/Common/BaseOfferCard/ThumbsUpIcon.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-
-export const ThumbsUpIcon = () => (
-	<svg
-		width="13"
-		height="12"
-		viewBox="0 0 13 12"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<path
-			d="M12.8349 4.99359L12.0782 7.71044C11.9052 8.33122 11.4165 8.8054 10.8156 8.97501C10.5694 9.04451 10.3256 8.85546 10.3256 8.5996C10.3256 8.42574 10.4407 8.27334 10.6081 8.22597C10.9522 8.12787 11.2329 7.85591 11.3314 7.50307L12.0885 4.78622C12.1765 4.47516 12.109 4.13304 11.9122 3.87382C11.7151 3.61438 11.404 3.46421 11.0825 3.46421H7.93031C7.82148 3.46421 7.71779 3.41751 7.64517 3.33461C7.57254 3.2517 7.53634 3.14265 7.54662 3.03383L7.68137 1.63406C7.71266 1.32814 7.52093 1.043 7.22528 0.949597C7.14238 0.923675 7.07489 0.954737 7.04897 1.01708L6.5987 2.14802C6.51937 2.34713 6.31937 2.47718 6.10641 2.45484C5.94596 2.43808 5.84541 2.34042 5.813 2.15071C5.79021 2.01707 5.81122 1.87965 5.86641 1.75607L6.33345 0.711163C6.52004 0.291278 6.99177 0.0734024 7.42752 0.208373C8.09612 0.410383 8.51622 1.043 8.44874 1.71697L8.37388 2.49551C8.36405 2.59808 8.44449 2.68657 8.54729 2.68657H11.0773C11.6425 2.68657 12.1868 2.95606 12.5292 3.40723C12.8713 3.85818 12.9855 4.44924 12.8349 4.99359Z"
-			fill="black"
-			fillOpacity="0.6"
-		/>
-		<path
-			d="M9.76404 5.48096C9.42192 5.03001 8.87756 4.76029 8.31243 4.76029H5.59066L5.68384 3.79092C5.71982 3.4307 5.61681 3.08254 5.41077 2.80523C5.23133 2.56389 4.97391 2.37618 4.6624 2.2821C4.22687 2.14735 3.75514 2.36501 3.56833 2.78511L2.43292 5.36185H1.00723C0.509358 5.36185 0.0999756 5.77146 0.0999756 6.26911V9.28115C0.0999756 9.77903 0.509358 10.1889 1.00723 10.1889H2.56275L3.0966 10.5725C3.59447 10.9303 4.18039 11.1167 4.79201 11.1167H7.5607C8.37477 11.1167 9.09544 10.5674 9.31309 9.78439L10.07 7.06776C10.2203 6.52341 10.1064 5.93191 9.76404 5.48096ZM9.32337 6.86017L8.5665 9.57679C8.44204 10.0228 8.02751 10.339 7.5607 10.339H4.79201C4.34084 10.339 3.91045 10.1991 3.54777 9.93992L2.91515 9.48361C2.84766 9.43691 2.7699 9.41098 2.687 9.41098H1.00723C0.934606 9.41098 0.877623 9.354 0.877623 9.28138V6.26933C0.877623 6.19671 0.934606 6.13973 1.00723 6.13973V6.13459H2.687C2.75046 6.13459 2.81124 6.11917 2.86509 6.09101C2.94353 6.05056 3.00789 5.98397 3.04476 5.90107L4.28385 3.09103C4.30978 3.02891 4.37704 2.99785 4.46017 3.02377C4.60877 3.0707 4.731 3.16612 4.8119 3.28813C4.89257 3.40902 4.93212 3.55583 4.91648 3.70801L4.78173 5.10778C4.77122 5.21683 4.80743 5.32565 4.88027 5.40878C4.9196 5.4537 4.9681 5.48811 5.02195 5.51001C5.06687 5.52878 5.11558 5.53839 5.16564 5.53839H8.31757C8.63913 5.53839 8.95019 5.68856 9.14728 5.94777C9.34415 6.20699 9.41141 6.54888 9.32337 6.86017Z"
-			fill="black"
-			fillOpacity="0.6"
-		/>
-		<path
-			d="M3.03448 6.92743V8.52965C3.03448 8.74216 2.85817 8.91848 2.64565 8.91848C2.43314 8.91848 2.25661 8.74216 2.25661 8.52965V6.92743C2.25661 6.71492 2.43314 6.53861 2.64565 6.53861C2.72677 6.53861 2.80253 6.5643 2.86509 6.60788C2.96699 6.67849 3.03448 6.79603 3.03448 6.92743Z"
-			fill="black"
-			fillOpacity="0.6"
-		/>
-	</svg>
-);