@moneylion/react-native-offer-carousel 1.10.1 → 1.11.0

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

@@ -1,7 +1,5 @@
 import React, { Fragment } from "react";
 
-import { match } from "ts-pattern";
-
 import type { ProductTypeBuilder } from "../../../builder";
 import {
 	DefaultOfferCard,
@@ -58,63 +56,66 @@ export const Offer = ({
 			return <></>;
 		}
 
-		return (
-			<Fragment key={`${offerIndex}-${offer.uuid}`}>
-				{match(builder)
-					.with({ layout: "defaultOfferCard" }, (layout) => (
+		const renderCard = () => {
+			if (!builder) {
+				if (!fallbackTemplate) return <></>;
+				const FallbackTemplate = fallbackTemplate;
+				return (
+					<FallbackTemplate
+						showCardBorder={showCardBorder}
+						offerIndex={offerIndex}
+						key={`${offerIndex}-${offer.uuid}`}
+						offer={offer}
+						showProductTypeLabel={showProductTypeLabel}
+						fullCardWidth={fullCardWidth}
+						isHorizontalScroll={isHorizontalScroll}
+					/>
+				);
+			}
+			switch (builder.layout) {
+				case "defaultOfferCard":
+					return (
 						<DefaultOfferCard
 							offerIndex={offerIndex}
 							key={`${offerIndex}-${offer.uuid}`}
 							offer={offer}
-							productTypeBuilder={layout}
+							productTypeBuilder={builder}
 							showCardBorder={showCardBorder}
 							showProductTypeLabel={showProductTypeLabel}
 							fullCardWidth={fullCardWidth}
 							isHorizontalScroll={isHorizontalScroll}
 						/>
-					))
-					.with({ layout: "creditCardOfferCard" }, (layout) => (
+					);
+				case "creditCardOfferCard":
+					return (
 						<CreditCardOfferCard
 							offerIndex={offerIndex}
 							key={`${offerIndex}-${offer.uuid}`}
 							offer={offer}
-							productTypeBuilder={layout}
+							productTypeBuilder={builder}
 							showCardBorder={showCardBorder}
 							showProductTypeLabel={showProductTypeLabel}
 							fullCardWidth={fullCardWidth}
 							isHorizontalScroll={isHorizontalScroll}
 						/>
-					))
-					.with({ layout: "headlineWithDescriptionCard" }, (layout) => (
+					);
+				case "headlineWithDescriptionCard":
+					return (
 						<HeadlineWithDescriptionCard
 							offerIndex={offerIndex}
 							key={`${offerIndex}-${offer.uuid}`}
 							offer={offer}
-							productTypeBuilder={layout}
+							productTypeBuilder={builder}
 							showCardBorder={showCardBorder}
 							showProductTypeLabel={showProductTypeLabel}
 							fullCardWidth={fullCardWidth}
 							isHorizontalScroll={isHorizontalScroll}
 						/>
-					))
-					.with(undefined, () => {
-						if (!fallbackTemplate) {
-							return <></>;
-						}
-						const FallbackTemplate = fallbackTemplate;
-						return (
-							<FallbackTemplate
-								showCardBorder={showCardBorder}
-								offerIndex={offerIndex}
-								key={`${offerIndex}-${offer.uuid}`}
-								offer={offer}
-								showProductTypeLabel={showProductTypeLabel}
-								fullCardWidth={fullCardWidth}
-								isHorizontalScroll={isHorizontalScroll}
-							/>
-						);
-					})
-					.exhaustive()}
-			</Fragment>
+					);
+			}
+		};
+
+		return (
+			<Fragment key={`${offerIndex}-${offer.uuid}`}>{renderCard()}</Fragment>
 		);
 	});

package/src/version.ts

@@ -1,2 +1,2 @@
 // Version is kept in sync with package.json via the sync-version script
-export const VERSION = "1.10.1";
+export const VERSION = "1.11.0";