@moneylion/react-native-offer-carousel 1.0.5 → 1.0.6

package/src/components/DynamicOffers/Render/DynamicOffersRender.tsx

@@ -5,7 +5,6 @@ import React, {
 	useRef,
 	useState,
 } from "react";
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src/types/offerCatalogSchema";
 import type { Layout } from "../../../utils";
 import { productTypeBuilder as builder } from "../../../builder/builder";
 import { Offer } from "./Offer";
@@ -19,6 +18,7 @@ import {
 	type NativeSyntheticEvent,
 } from "react-native";
 import { useEventHandler } from "../../../context/EventHandlerProvider";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 
 export type DynamicOffersRenderProps = {
 	title: string;
@@ -30,7 +30,7 @@ export type DynamicOffersRenderProps = {
 		offerIndex: number;
 	}>;
 	productTypeBuilder: typeof builder;
-	showBorder: boolean;
+	showCardBorder: boolean;
 	showProductTypeLabel?: boolean;
 };
 
@@ -40,7 +40,7 @@ export const DynamicOffersRender = ({
 	displayLayout,
 	productTypeBuilder = builder,
 	fallbackTemplate,
-	showBorder,
+	showCardBorder,
 	showProductTypeLabel,
 }: DynamicOffersRenderProps) => {
 	// Performance optimization: store card measurements
@@ -178,13 +178,13 @@ export const DynamicOffersRender = ({
 		// Create offer components
 		return displayLayout === "fixed"
 			? [
-					// <VideosCard key="videos-card" videosContent={videosContent} showBorder={showBorder} />,
+					// <VideosCard key="videos-card" videosContent={videosContent} showCardBorder={showCardBorder} />,
 					...Offer({
 						productTypeBuilder,
 						offers,
 						showProductTypeLabel,
 						fallbackTemplate,
-						showBorder,
+						showCardBorder,
 					}),
 				]
 			: Offer({
@@ -192,7 +192,7 @@ export const DynamicOffersRender = ({
 					offers,
 					showProductTypeLabel,
 					fallbackTemplate,
-					showBorder,
+					showCardBorder,
 				});
 	}, [
 		displayLayout,
@@ -200,7 +200,7 @@ export const DynamicOffersRender = ({
 		offers,
 		showProductTypeLabel,
 		fallbackTemplate,
-		showBorder,
+		showCardBorder,
 	]);
 
 	// Wrapped offer components with layout measurement

package/src/components/DynamicOffers/Render/FallbackOfferTemplate.tsx

@@ -1,16 +1,16 @@
 import React from "react";
 import { HeadlineWithDescriptionCard } from "../../Layouts/HeadlineWithDescriptionCard";
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 
 export function FallbackOfferTemplate({
 	offer,
 	offerIndex,
-	showBorder = true,
+	showCardBorder = true,
 	showProductTypeLabel = true,
 }: {
 	offer: BaseOffer;
 	offerIndex: number;
-	showBorder?: boolean;
+	showCardBorder?: boolean;
 	showProductTypeLabel?: boolean;
 }) {
 	return (
@@ -22,7 +22,7 @@ export function FallbackOfferTemplate({
 				productTypes: [],
 				layout: "headlineWithDescriptionCard",
 			}}
-			showBorder={showBorder}
+			showCardBorder={showCardBorder}
 			showProductTypeLabel={showProductTypeLabel}
 		/>
 	);

package/src/components/DynamicOffers/Render/Offer.tsx

@@ -3,12 +3,12 @@ import React, { Fragment } from "react";
 import { match } from "ts-pattern";
 
 import type { ProductTypeBuilder } from "../../../builder";
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
 import {
 	DefaultOfferCard,
 	CreditCardOfferCard,
 	HeadlineWithDescriptionCard,
 } from "../../Layouts";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 
 type RenderOfferListProps = {
 	productTypeBuilder: ProductTypeBuilder;
@@ -17,12 +17,14 @@ type RenderOfferListProps = {
 		offer,
 		offerIndex,
 		showProductTypeLabel,
+		showCardBorder,
 	}: {
 		offer: BaseOffer;
 		offerIndex: number;
 		showProductTypeLabel?: boolean;
+		showCardBorder?: boolean;
 	}) => React.ReactNode;
-	showBorder?: boolean;
+	showCardBorder?: boolean;
 	showProductTypeLabel?: boolean;
 	// featureClient?: CnfFeatureClient; TODO: this is the like split on cnf side it uses growthbook
 };
@@ -32,7 +34,7 @@ export const Offer = ({
 	offers,
 	showProductTypeLabel = true,
 	fallbackTemplate,
-	showBorder = true,
+	showCardBorder = true,
 }: RenderOfferListProps) =>
 	offers.map((offer: BaseOffer, offerIndex: number) => {
 		const builder = productTypeBuilder.find(({ productTypes }) =>
@@ -56,7 +58,7 @@ export const Offer = ({
 							key={`${offerIndex}-${offer.uuid}`}
 							offer={offer}
 							productTypeBuilder={layout}
-							showBorder={showBorder}
+							showCardBorder={showCardBorder}
 							showProductTypeLabel={showProductTypeLabel}
 						/>
 					))
@@ -66,7 +68,7 @@ export const Offer = ({
 							key={`${offerIndex}-${offer.uuid}`}
 							offer={offer}
 							productTypeBuilder={layout}
-							showBorder={showBorder}
+							showCardBorder={showCardBorder}
 							showProductTypeLabel={showProductTypeLabel}
 						/>
 					))
@@ -76,7 +78,7 @@ export const Offer = ({
 							key={`${offerIndex}-${offer.uuid}`}
 							offer={offer}
 							productTypeBuilder={layout}
-							showBorder={showBorder}
+							showCardBorder={showCardBorder}
 							showProductTypeLabel={showProductTypeLabel}
 						/>
 					))
@@ -87,6 +89,7 @@ export const Offer = ({
 						const FallbackTemplate = fallbackTemplate;
 						return (
 							<FallbackTemplate
+								showCardBorder={showCardBorder}
 								offerIndex={offerIndex}
 								key={`${offerIndex}-${offer.uuid}`}
 								offer={offer}

package/src/components/Layouts/CreditCardOfferCard/index.tsx

@@ -1,6 +1,4 @@
 import { get } from "radash";
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
-
 import React from "react";
 
 import type { CreditCardOfferCard as CreditCardOfferCardBuilderProps } from "../../../builder";
@@ -10,11 +8,12 @@ import Divider from "../../Divider";
 import Text from "../../Text";
 import { CallToAction } from "../../Common/DynamicOfferCard/CallToAction";
 import { StyleSheet } from "react-native";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 
 type CreditCardOfferCardProps = {
 	productTypeBuilder: CreditCardOfferCardBuilderProps;
 	offer: BaseOffer;
-	showBorder: boolean;
+	showCardBorder: boolean;
 	showProductTypeLabel?: boolean;
 	offerIndex: number;
 };
@@ -22,7 +21,7 @@ type CreditCardOfferCardProps = {
 export const CreditCardOfferCard = ({
 	offer,
 	productTypeBuilder,
-	// showBorder, TODO: this is unused in the cnf-app as well
+	showCardBorder,
 	showProductTypeLabel,
 	offerIndex,
 }: CreditCardOfferCardProps) => {
@@ -34,7 +33,7 @@ export const CreditCardOfferCard = ({
 	const showBadge = badges.length > 0;
 
 	return (
-		<BaseOfferCard showBorder={showBadge}>
+		<BaseOfferCard showCardBorder={showCardBorder}>
 			{showProductTypeLabel && (
 				<BaseOfferCard.TopBar>
 					<BaseOfferCard.ProductType>

package/src/components/Layouts/CreditCardOfferCard/statsBuilder.tsx

@@ -1,6 +1,6 @@
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
 import type { CreditCardOfferCard } from "../../../builder";
-import { statsToElementPropsBuilder } from "../../../../src/capabilities/offer-catalog/src/utils/stats";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
+import { statsToElementPropsBuilder } from "../../../capabilities/offer-catalog/src/utils/stats";
 
 export const makeCreditCardOfferStats =
 	(productTypeBuilder: CreditCardOfferCard) => (offer: BaseOffer) => {

package/src/components/Layouts/DefaultOfferCard/index.tsx

@@ -1,18 +1,17 @@
 import { get } from "radash";
-
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
 import React from "react";
 
 import { makeDefaultOfferCardStats } from "./statsBuilder";
 import type { DefaultOfferCard as DefaultOfferCardBuilderProps } from "../../../builder";
 import { BaseOfferCard, DynamicOfferCard, SeeMore } from "../../Common";
 import { useConfiguration } from "../../../context/ConfigurationProvider";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 
 type DefaultOfferCardProps = {
 	productTypeBuilder: DefaultOfferCardBuilderProps;
 	offer: BaseOffer;
 	offerIndex: number;
-	showBorder: boolean;
+	showCardBorder: boolean;
 	showProductTypeLabel?: boolean;
 };
 
@@ -20,7 +19,7 @@ export const DefaultOfferCard = ({
 	offer,
 	productTypeBuilder,
 	offerIndex,
-	showBorder,
+	showCardBorder,
 	showProductTypeLabel,
 }: DefaultOfferCardProps) => {
 	const { stats, topStats } =
@@ -40,7 +39,7 @@ export const DefaultOfferCard = ({
 			key={`${offerIndex}-${offer.uuid}`}
 			offer={offer}
 			offerIndex={offerIndex}
-			showBorder={showBorder}
+			showCardBorder={showCardBorder}
 			showProductTypeLabel={showProductTypeLabel}
 		>
 			<BaseOfferCard.TopContainer>

package/src/components/Layouts/DefaultOfferCard/statsBuilder.tsx

@@ -1,6 +1,6 @@
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
 import type { DefaultOfferCard } from "../../../builder";
-import { statsToElementPropsBuilder } from "../../../../src/capabilities/offer-catalog/src/utils/stats";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
+import { statsToElementPropsBuilder } from "../../../capabilities/offer-catalog/src/utils/stats";
 
 export const makeDefaultOfferCardStats =
 	(productTypeBuilder: DefaultOfferCard) => (offer: BaseOffer) => {

package/src/components/Layouts/HeadlineWithDescriptionCard/index.tsx

@@ -2,23 +2,23 @@ import { get } from "radash";
 
 import React from "react";
 import { SeeMore } from "../../Common/DynamicOfferCard/SeeMore";
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
 import type { HeadlineWithDescriptionCard as HeadlineWithDescriptionCardBuilderProps } from "../../../builder";
 import { BaseOfferCard, DynamicOfferCard } from "../../Common";
 import { useConfiguration } from "../../../context/ConfigurationProvider";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 
 type HeadlineWithDescriptionCardProps = {
 	productTypeBuilder: HeadlineWithDescriptionCardBuilderProps;
 	offer: BaseOffer;
 	offerIndex: number;
-	showBorder: boolean;
+	showCardBorder: boolean;
 	showProductTypeLabel?: boolean;
 };
 export const HeadlineWithDescriptionCard = ({
 	offer,
 	productTypeBuilder,
 	offerIndex,
-	showBorder,
+	showCardBorder,
 	showProductTypeLabel,
 }: HeadlineWithDescriptionCardProps) => {
 	const {
@@ -43,7 +43,7 @@ export const HeadlineWithDescriptionCard = ({
 			key={`${offerIndex}-${offer.uuid}`}
 			offer={offer}
 			offerIndex={offerIndex}
-			showBorder={showBorder}
+			showCardBorder={showCardBorder}
 			showProductTypeLabel={showProductTypeLabel}
 		>
 			<BaseOfferCard.TopContainer>

package/src/components/Modal/OfferDetailsModal.tsx

@@ -10,11 +10,11 @@ import {
 	Platform,
 } from "react-native";
 import Text from "../Text";
-import type { BaseOffer } from "../../../src/capabilities/offer-catalog/src";
 import { DescriptionPoints } from "./DescriptionPoints";
 import { Disclaimer } from "./Disclaimer";
 import { CallToAction } from "../Common/DynamicOfferCard/CallToAction";
 import Divider from "../Divider";
+import type { BaseOffer } from "../../capabilities/offer-catalog/src";
 
 type OfferDetailsModalProps = {
 	visible: boolean;

package/src/components/MoneyLionOfferCarousel.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { localCnfContext } from "../config/mocks/cnfContext";
 import { Text } from "react-native";
-import type { CnfContext } from "../../src/capabilities/core/src/system/cnfContext/CnfContext";
 import { getPageData } from "../pageData";
 import type { Layout } from "../utils";
 import {
@@ -15,8 +14,9 @@ import {
 	type EventHandlerContextType,
 } from "../context/EventHandlerProvider";
 import { getConfigApiBaseUrl } from "../apiEnvironment";
-import { getDefaultPaletteColor } from "../utils/getDefaultPaletteColor";
 import { ConfigurationProvider } from "../context/ConfigurationProvider";
+import type { CnfContext } from "../capabilities/core/src/system/cnfContext/CnfContext";
+import { getDefaultPaletteColor } from "../utils/getDefaultPaletteColor";
 
 export type MoneyLionOfferCarouselProps = {
 	channel: string;
@@ -31,6 +31,7 @@ export type MoneyLionOfferCarouselProps = {
 	fontFamily?: Partial<FontFamily>;
 	showProductTypeLabel?: boolean;
 	isDev: boolean;
+	showCardBorder?: boolean;
 };
 
 const getConfiguration = async ({
@@ -165,7 +166,7 @@ export const MoneyLionOfferCarousel = (
 		shouldHideFooter,
 		displayLayout,
 		showProductTypeLabel,
-		showBorder,
+		showCardBorder,
 		title,
 		offers,
 		rateTableUuid,
@@ -177,7 +178,7 @@ export const MoneyLionOfferCarousel = (
 		shouldHideFooter,
 		displayLayout,
 		showProductTypeLabel,
-		showBorder,
+		showCardBorder,
 		title,
 	};
 

package/src/components/View/index.tsx

@@ -71,13 +71,8 @@ const View: React.FC<ViewProps> = ({
 
 		// Border color handling
 		...(borderColor && {
-			borderColor:
-				(borderColor in
-				["neutral", "positive", "warning", "critical", "primary"]
-					? styles[
-							`border${borderColor as "neutral" | "positive" | "warning" | "critical" | "primary"}`
-						]?.borderColor
-					: undefined) || borderColor,
+			borderWidth: 1,
+			borderColor: "#bbbbbb", // This will get update in follow up one using themeColors
 		}),
 
 		// Direction handling

package/src/context/EventHandlerProvider.tsx

@@ -1,6 +1,6 @@
 import React, { createContext, useContext } from "react";
 import type { ResultType } from "../services/getProductTypes";
-import type { BaseOffer } from "../../src/capabilities/offer-catalog/src";
+import type { BaseOffer } from "../capabilities/offer-catalog/src";
 
 interface onInitializeProps {
 	timestamp: string;

package/src/pageData.ts

@@ -1,5 +1,6 @@
-import type { CnfContext } from "../src/capabilities/core/src/system/cnfContext/CnfContext";
-import { getIsDevEnvironment } from "../src/capabilities/offer-catalog/src/utils/contextUtil";
+import type { CnfContext } from "./capabilities/core/src/system/cnfContext/CnfContext";
+import { getIsDevEnvironment } from "./capabilities/offer-catalog/src/utils/contextUtil";
+
 import type { MoneyLionOfferCarouselProps } from "./components/MoneyLionOfferCarousel";
 import type { onRateTableSubmitProps } from "./context/EventHandlerProvider";
 import { getDynamicOffers } from "./services/getDynamicOffers";
@@ -30,6 +31,7 @@ export async function getPageData({
 		displayLayout,
 		searchAPIToken,
 		showProductTypeLabel,
+		showCardBorder,
 	} = params;
 
 	// Resolve Tags
@@ -90,7 +92,7 @@ export async function getPageData({
 		offers,
 		currentCountry,
 		// videosContent,
-		// showBorder,
+		showCardBorder,
 		// shouldHideFooter,
 		showProductTypeLabel,
 		displayLayout: safeDisplayLayout,

package/src/services/getDynamicOffers.ts

@@ -1,9 +1,4 @@
 import { isEmpty } from "radash";
-import type { CnfContext } from "../../src/capabilities/core/src/system/cnfContext/CnfContext";
-import type {
-	PartnerOverride,
-	ProductTypeDefinition,
-} from "../../src/capabilities/offer-catalog/src";
 import {
 	addClientTagsToOfferLinks,
 	getOffersByProductTypes,
@@ -18,6 +13,11 @@ import { sortOffersByRecommendationScore } from "../utils/sortOffersByRecommenda
 import { pipe } from "effect";
 import { formatOfferUrl } from "../utils/formatOfferUrl";
 import { getOffersBasedOnLayout } from "../utils/getOffersBasedOnLayout";
+import type {
+	PartnerOverride,
+	ProductTypeDefinition,
+} from "../capabilities/offer-catalog/src";
+import type { CnfContext } from "../capabilities/core/src/system/cnfContext/CnfContext";
 
 export type GetDynamicOffersProps = {
 	tags: string;

package/src/services/getProductTypesByQuery.ts

@@ -1,6 +1,6 @@
 import { pipe } from "effect";
-import { orderProductTypesByRank } from "../../src/capabilities/core/src/domain/third-party-search";
 import { getEwsSearchApiBaseUrl } from "../apiEnvironment";
+import { orderProductTypesByRank } from "../capabilities/core/src/domain/third-party-search";
 
 type GetProductTypesByQueryProps = {
 	query: string;

package/src/utils/addClientTagsToOfferLinks.ts

@@ -1,4 +1,4 @@
-import type { BaseOffer } from "../../src/capabilities/offer-catalog/src";
+import type { BaseOffer } from "../capabilities/offer-catalog/src";
 
 /**
  * Add client tags to offer links

package/src/utils/formatOfferUrl.ts

@@ -3,7 +3,7 @@ import {
 	type BaseOffer,
 	type PartnerOverride,
 	type ProductTypeDefinition,
-} from "../../src/capabilities/offer-catalog/src";
+} from "../capabilities/offer-catalog/src";
 
 /**
  * Format the offer URL

package/src/utils/getDefaultProductType.ts

@@ -1,4 +1,4 @@
-import type { CnfContext } from "../../src/capabilities/core/src/system/cnfContext/CnfContext";
+import type { CnfContext } from "../capabilities/core/src/system/cnfContext/CnfContext";
 
 export const getDefaultProductType = (context: CnfContext) =>
 	context.configuration.configuration.defaultProductTypeSlug;

package/src/utils/getEnableUseCachedOffers.ts

@@ -1,4 +1,4 @@
-import type { CnfContext } from "../../src/capabilities/core/src/system/cnfContext/CnfContext";
+import type { CnfContext } from "../capabilities/core/src/system/cnfContext/CnfContext";
 
 /**
  * Get enabled cache offers request

package/src/utils/getOffersBasedOnLayout.ts

@@ -1,7 +1,7 @@
 import { pipe } from "effect";
 import type { Layout } from "./layouts";
 import { sortOffersByRecommendationScore } from "./sortOffersByRecommendationScore";
-import type { BaseOffer } from "../../src/capabilities/offer-catalog/src";
+import type { BaseOffer } from "../capabilities/offer-catalog/src";
 
 const MAX_OFFERS_TO_DISPLAY = 3;
 

package/src/utils/getOffersByProductTypes.ts

@@ -1,9 +1,10 @@
-import type { CnfContext } from "../../src/capabilities/core/src/system/cnfContext/CnfContext";
+import type { CnfContext } from "../capabilities/core/src/system/cnfContext/CnfContext";
 import {
 	getCachedOffersByProductTypes,
 	getOffersForProductTypes,
-} from "../../src/capabilities/offer-catalog/src/api/offerCatalogApi";
-import { parseClientTags } from "../../src/capabilities/offer-catalog/src/utils/contextUtil";
+} from "../capabilities/offer-catalog/src/api/offerCatalogApi";
+import { parseClientTags } from "../capabilities/offer-catalog/src/utils/contextUtil";
+
 /**
  * Retrieves offers by product types.
  *

package/src/utils/getProductTypesDefinition.ts

@@ -1,4 +1,4 @@
-import type { CnfContext } from "../../src/capabilities/core/src/system/cnfContext/CnfContext";
+import type { CnfContext } from "../capabilities/core/src/system/cnfContext/CnfContext";
 
 export const getProductTypesDefinition = (context: CnfContext) => {
 	const offersConfig = context.configuration.configuration;

package/src/utils/selectDynamicOffers.ts

@@ -1,7 +1,6 @@
-import type { BaseOffer } from "../../src/capabilities/offer-catalog/src";
+import type { BaseOffer } from "../capabilities/offer-catalog/src";
 import { sortOffersByRecommendationScore } from "./sortOffersByRecommendationScore";
 
-
 export const selectDynamicOffers = (
 	offers: BaseOffer[],
 	productTypes: string[]

package/src/utils/sortOffersByRecommendationScore.ts

@@ -1,5 +1,5 @@
 import { sort } from "radash";
-import type { BaseOffer } from "../../src/capabilities/offer-catalog/src";
+import type { BaseOffer } from "../capabilities/offer-catalog/src";
 
 export const sortOffersByRecommendationScore = (offers: BaseOffer[]) => {
 	return sort(offers, (offer) => offer.recommendationScore, true);