@moneylion/react-native-offer-carousel 1.4.0 → 1.5.0

package/lib/typescript/src/components/MoneyLionOfferCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoneyLionOfferCarousel.d.ts","sourceRoot":"","sources":["../../../../src/components/MoneyLionOfferCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAMvC,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAEN,KAAK,uBAAuB,EAC5B,MAAM,iCAAiC,CAAC;AAQzC,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAiQF,eAAO,MAAM,sBAAsB,UAC3B,2BAA2B,GACjC,KAAK,uBAAuB,EAAE,eAAe,GAAG,UAAU,CAAC,sBAa5D,CAAC"}
+{"version":3,"file":"MoneyLionOfferCarousel.d.ts","sourceRoot":"","sources":["../../../../src/components/MoneyLionOfferCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAEN,KAAK,uBAAuB,EAC5B,MAAM,iCAAiC,CAAC;AAQzC,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AA+PF,eAAO,MAAM,sBAAsB,UAC3B,2BAA2B,GACjC,KAAK,uBAAuB,EAAE,eAAe,GAAG,UAAU,CAAC,sBAa5D,CAAC"}

package/lib/typescript/src/components/Text/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type TextStyle, type StyleProp, type TextProps as RNTextProps } from "react-native";
+import { Text as RNText, type TextStyle, type StyleProp, type TextProps as RNTextProps } from "react-native";
 import { type ThemeColors } from "../../context/ThemeProvider";
 export type Variant = "title-1" | "title-2" | "title-3" | "title-4" | "title-5" | "title-6" | "featured-1" | "featured-2" | "featured-3" | "body-1" | "body-2" | "body-3" | "caption-1" | "caption-2";
 export type TextDecoration = "line-through";
@@ -12,6 +12,7 @@ export interface TextProps extends Omit<RNTextProps, "style"> {
     children?: React.ReactNode;
     style?: StyleProp<TextStyle>;
 }
+export type TextRef = React.ElementRef<typeof RNText>;
 declare const Text: React.FC<TextProps>;
 export default Text;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGN,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,IAAI,WAAW,EAC7B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAGzE,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAGf,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAGtD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAgD7B,CAAC;AAwEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACN,IAAI,IAAI,MAAM,EAEd,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,IAAI,WAAW,EAC7B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAIzE,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAGf,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAGtD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B;AAED,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AAItD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAgD7B,CAAC;AAwEF,eAAe,IAAI,CAAC"}

package/lib/typescript/src/components/Touchable/TouchableOpacity.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TouchableOpacity as RNTouchableOpacity } from "react-native";
+export type TouchableOpacityProps = React.ComponentProps<typeof RNTouchableOpacity>;
+export type TouchableOpacityRef = React.ElementRef<typeof RNTouchableOpacity>;
+declare const TouchableOpacity: import("react").ForwardRefExoticComponent<import("react-native").TouchableOpacityProps & Pick<import("react-native").AccessibilityProps, "accessibilityLabel"> & Pick<import("react-native").ViewProps, "testID"> & import("react").RefAttributes<RNTouchableOpacity>>;
+export default TouchableOpacity;
+//# sourceMappingURL=TouchableOpacity.d.ts.map

package/lib/typescript/src/components/Touchable/TouchableOpacity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableOpacity.d.ts","sourceRoot":"","sources":["../../../../../src/components/Touchable/TouchableOpacity.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAItE,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACvD,OAAO,kBAAkB,CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE9E,QAAA,MAAM,gBAAgB,wQAErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/src/components/Touchable/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TouchableOpacity } from "./TouchableOpacity";
+export * from "./TouchableOpacity";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Touchable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Touchable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,oBAAoB,CAAC"}

package/lib/typescript/src/components/utils/withTestID.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare function withTestID<P extends object, R = unknown>(Component: React.ComponentType<P & React.RefAttributes<R>>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P & Pick<import("react-native").AccessibilityProps, "accessibilityLabel"> & Pick<import("react-native").ViewProps, "testID">> & React.RefAttributes<R>>;
+export default withTestID;
+//# sourceMappingURL=withTestID.d.ts.map

package/lib/typescript/src/components/utils/withTestID.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTestID.d.ts","sourceRoot":"","sources":["../../../../../src/components/utils/withTestID.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B,iBAAS,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,GAAG,OAAO,EAChD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,iNAqB1D;AAGD,eAAe,UAAU,CAAC"}

package/lib/typescript/src/pageData.d.ts

@@ -15,7 +15,6 @@ export declare function getPageData({ context, params, onRateTableSubmit, }: Get
     currentCountry: string | undefined;
     showCardBorder: boolean | undefined;
     showProductTypeLabel: boolean | undefined;
-    displayLayout: "fixed" | "carousel";
 }>;
 export {};
 //# sourceMappingURL=pageData.d.ts.map

package/lib/typescript/src/pageData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pageData.d.ts","sourceRoot":"","sources":["../../../src/pageData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAGvF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAW7E,KAAK,gBAAgB,GAAG;IACvB,OAAO,EAAE,UAAU,CAAC;IACpB,MAAM,EAAE,2BAA2B,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,wBAAsB,WAAW,CAAC,EACjC,OAAO,EACP,MAAM,EACN,iBAAiB,GACjB,EAAE,gBAAgB;;;;;;;;;;GA4ElB"}
+{"version":3,"file":"pageData.d.ts","sourceRoot":"","sources":["../../../src/pageData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAGvF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAU7E,KAAK,gBAAgB,GAAG;IACvB,OAAO,EAAE,UAAU,CAAC;IACpB,MAAM,EAAE,2BAA2B,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,wBAAsB,WAAW,CAAC,EACjC,OAAO,EACP,MAAM,EACN,iBAAiB,GACjB,EAAE,gBAAgB;;;;;;;;;GAuElB"}

package/lib/typescript/src/services/getDynamicOffers.d.ts

@@ -1,10 +1,8 @@
-import { type Layout } from "../utils";
 import type { GetProductTypesProps, ProductTypesResult } from "./getProductTypes";
 import type { PartnerOverride, ProductTypeDefinition } from "../capabilities/offer-catalog/src";
 import type { CnfContext } from "../capabilities/core/src/system/cnfContext/CnfContext";
 export type GetDynamicOffersProps = {
     tags: string;
-    displayLayout: Layout;
     productTypes: string[];
     resultType: ProductTypesResult["resultType"];
     isCachedOffersRequest: boolean;
@@ -18,7 +16,7 @@ export type GetDynamicOffersProps = {
  * @param {GetDynamicOffersProps} params - The parameters for retrieving dynamic offers.
  * @returns {Promise<{ productTypeDisplayName: string; offers: typeof offers }>} An object containing the product type display name and the offers.
  */
-export declare const getDynamicOffers: ({ tags, displayLayout, defaultProductType, productTypes, resultType, isCachedOffersRequest, productTypesDefinition, partnersOverrideDefinition, context, }: Omit<GetDynamicOffersProps, "isDev">) => Promise<{
+export declare const getDynamicOffers: ({ tags, defaultProductType, productTypes, resultType, isCachedOffersRequest, productTypesDefinition, partnersOverrideDefinition, context, }: Omit<GetDynamicOffersProps, "isDev">) => Promise<{
     offers: import("../capabilities/offer-catalog/src").BaseOffer[];
     isError: boolean | undefined;
     errorCode: number | undefined;

package/lib/typescript/src/services/getDynamicOffers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDynamicOffers.d.ts","sourceRoot":"","sources":["../../../../src/services/getDynamicOffers.ts"],"names":[],"mappings":"AACA,OAAO,EAIN,KAAK,MAAM,EACX,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EACX,oBAAoB,EACpB,kBAAkB,EAClB,MAAM,mBAAmB,CAAC;AAK3B,OAAO,KAAK,EACX,eAAe,EACf,qBAAqB,EACrB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uDAAuD,CAAC;AAExF,MAAM,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC7C,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;IAChD,0BAA0B,EAAE,eAAe,EAAE,CAAC;IAC9C,OAAO,EAAE,UAAU,CAAC;CACpB,GAAG,IAAI,CACP,oBAAoB,EAClB,SAAS,GACT,kBAAkB,GAClB,OAAO,GACP,WAAW,GACX,UAAU,GACV,gBAAgB,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,+JAU1B,KAAK,qBAAqB,EAAE,OAAO,CAAC;;;;;;EA6CtC,CAAC"}
+{"version":3,"file":"getDynamicOffers.d.ts","sourceRoot":"","sources":["../../../../src/services/getDynamicOffers.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACX,oBAAoB,EACpB,kBAAkB,EAClB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,KAAK,EACX,eAAe,EACf,qBAAqB,EACrB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uDAAuD,CAAC;AAExF,MAAM,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC7C,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;IAChD,0BAA0B,EAAE,eAAe,EAAE,CAAC;IAC9C,OAAO,EAAE,UAAU,CAAC;CACpB,GAAG,IAAI,CACP,oBAAoB,EAClB,SAAS,GACT,kBAAkB,GAClB,OAAO,GACP,WAAW,GACX,UAAU,GACV,gBAAgB,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,gJAS1B,KAAK,qBAAqB,EAAE,OAAO,CAAC;;;;;;EA6CtC,CAAC"}

package/lib/typescript/src/utils/index.d.ts

@@ -2,7 +2,6 @@ export * from "./addClientTagsToOfferLinks";
 export * from "./getDefaultProductType";
 export * from "./getOffersByProductTypes";
 export * from "./getProductTypesDefinition";
-export * from "./layouts";
 export * from "./resolveProductTypes";
 export * from "./selectDynamicOffers";
 export * from "./sortOffersByRecommendationScore";

package/lib/typescript/src/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@moneylion/react-native-offer-carousel",
-	"version": "1.4.0",
+	"version": "1.5.0",
 	"description": "React Native components for the Engine by MoneyLion Mobile SDK",
 	"main": "lib/commonjs/index",
 	"module": "lib/module/index",

package/src/components/Button/index.tsx

@@ -1,15 +1,18 @@
 import React, { forwardRef, type ReactNode } from "react";
 import {
-	TouchableOpacity,
 	View,
 	StyleSheet,
 	ActivityIndicator,
 	type StyleProp,
 	type ViewStyle,
-	type TouchableOpacityProps,
 } from "react-native";
 import { useTheme, type ThemeColors } from "../../context/ThemeProvider";
 import Text, { type Variant } from "../Text";
+import {
+	TouchableOpacity,
+	type TouchableOpacityProps,
+	type TouchableOpacityRef,
+} from "../Touchable";
 
 // Helper function to determine text color based on background color
 const getContrastColor = (hexColor: string): string => {
@@ -42,7 +45,7 @@ export interface ButtonProps extends TouchableOpacityProps {
 	textFontWeight?: "normal" | "medium" | "bold";
 }
 
-const Button = forwardRef<TouchableOpacity, ButtonProps>((props, ref) => {
+const Button = forwardRef<TouchableOpacityRef, ButtonProps>((props, ref) => {
 	const {
 		color,
 		highlighted = false,

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

@@ -11,6 +11,7 @@ import { Dimensions, StyleSheet } from "react-native";
 import { ThumborImage } from "../../../capabilities/ui/elements/src";
 import { arrayToMarkdownList } from "../../../capabilities/offer-catalog/src";
 import { MarkdownText } from "../../../capabilities/ui/elements/src/components/MarkdownText";
+import { useTheme } from "../../../context/ThemeProvider";
 
 const CardWidth = 282;
 
@@ -24,7 +25,7 @@ const BaseOfferCard = ({
 
 	return (
 		<View
-			borderColor={showCardBorder ? "borderNeutralFaded" : undefined}
+			borderColor={showCardBorder ? "borderNeutral" : undefined}
 			direction={"column"}
 			backgroundColor={"backgroundElevationBase"}
 			width={fullCardWidth ? screenWidth - 32 : CardWidth} // 32 = left(16) + right(16) margin of the card
@@ -118,13 +119,18 @@ const PartnerImage = (
 	);
 };
 
-const TopContainer = ({ children, ...viewProps }: ViewProps) => (
-	<View {...viewProps} gap={3} direction={"column"}>
-		{children}
+const TopContainer = ({ children, ...viewProps }: ViewProps) => {
+	const themeContext = useTheme();
+	const theme = themeContext?.theme || {};
 
-		<Divider />
-	</View>
-);
+	return (
+		<View {...viewProps} gap={3} direction={"column"}>
+			{children}
+
+			<Divider color={theme.borderNeutral} />
+		</View>
+	);
+};
 
 const TopBar = ({ children, ...viewProps }: ViewProps) => (
 	<View
@@ -211,6 +217,9 @@ const DescriptionHandler = ({
 	contentDescription?: string;
 	hasDivider?: boolean;
 }) => {
+	const themeContext = useTheme();
+	const theme = themeContext?.theme || {};
+
 	const renderContentDescription = () => {
 		if (descriptionPoints.length > 0) {
 			return (
@@ -236,7 +245,7 @@ const DescriptionHandler = ({
 
 	return (
 		<View gap={3} direction={"column"}>
-			{hasDivider && <Divider />}
+			{hasDivider && <Divider color={theme.borderNeutral} />}
 			{renderContentDescription()}
 		</View>
 	);

package/src/components/Common/DynamicOfferCard/SeeMore.tsx

@@ -1,21 +1,24 @@
 import React, { useCallback, useState } from "react";
 import Text from "../../Text";
-import { TouchableOpacity, StyleSheet } from "react-native";
+import { StyleSheet } from "react-native";
 import { OfferDetailsModal } from "../../Modal/OfferDetailsModal";
 import { useEventHandler } from "../../../context/EventHandlerProvider";
 import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 import { getEventCallbackContext } from "../../../capabilities/offer-catalog/src/utils/getEventCallbackContext";
+import { TouchableOpacity } from "../../Touchable";
 
 export type SeeMoreProps = {
 	offer: BaseOffer;
 	offerIndex: number;
 	isHorizontalScroll?: boolean;
+	testID?: string;
 };
 
 export const SeeMore = ({
 	offer,
 	offerIndex,
 	isHorizontalScroll = true,
+	testID,
 }: SeeMoreProps) => {
 	const [modalVisible, setModalVisible] = useState(false);
 	const {
@@ -59,7 +62,11 @@ export const SeeMore = ({
 
 	return (
 		<>
-			<TouchableOpacity onPress={handleMoreInfoClick} style={styles.container}>
+			<TouchableOpacity
+				onPress={handleMoreInfoClick}
+				style={styles.container}
+				testID={testID}
+			>
 				<Text
 					variant={"body-3"}
 					color={"foregroundNeutral"}

package/src/components/Common/DynamicOfferCard/index.tsx

@@ -53,6 +53,7 @@ function DynamicOfferCard({
 						style={styles.cta}
 						context={getEventCallbackContext(isHorizontalScroll)}
 						offerIndex={offerIndex}
+						testID="offer_carousel.dynamic_offer_card.cta"
 					>
 						{"Continue"}
 					</CallToAction>

package/src/components/Divider/index.tsx

@@ -27,7 +27,6 @@ const styles = StyleSheet.create({
 	divider: {
 		height: 1,
 		width: "100%",
-		backgroundColor: "#E0E0E0", // Default neutral border color
 		marginVertical: 12,
 	},
 });

package/src/components/DynamicOffers/DynamicOffers.tsx

@@ -2,13 +2,11 @@ import React from "react";
 import { productTypeBuilder } from "../../builder/builder";
 import { DynamicOffersRender, FallbackOfferTemplate } from "./Render";
 import type { DynamicOffersRenderProps } from "./Render/DynamicOffersRender";
-import type { Layout } from "../../utils";
 import { View } from "react-native";
 
 export type DynamicOfferProps = {
 	title?: string;
 	subtitle?: string;
-	displayLayout: Layout;
 	showCardBorder: boolean;
 	showProductTypeLabel?: boolean;
 	shouldHideFooter: boolean;
@@ -24,7 +22,6 @@ export type DynamicOfferProps = {
 export const DynamicOffers = ({
 	title,
 	subtitle,
-	displayLayout,
 	showCardBorder,
 	showProductTypeLabel,
 	// shouldHideFooter,
@@ -48,7 +45,6 @@ export const DynamicOffers = ({
 				title={title}
 				subtitle={subtitle}
 				offers={offers}
-				displayLayout={displayLayout}
 				fallbackTemplate={FallbackOfferTemplate}
 				productTypeBuilder={productTypeBuilder}
 				showCardBorder={showCardBorder}

package/src/components/DynamicOffers/DynamicOffersContainer.tsx

@@ -1,34 +1,15 @@
 import React, { Suspense } from "react";
-import { match } from "ts-pattern";
-import type { Layout } from "../../utils";
 import { DynamicOffers, type DynamicOfferProps } from "./DynamicOffers";
 import Skeleton from "../Skeleton";
-import { View, StyleSheet } from "react-native";
 
-export const DynamicOfferSkeleton = React.memo(
-	({ displayLayout = "carousel" }: { displayLayout?: Layout }) =>
-		match(displayLayout)
-			.with("fixed", () => <Skeleton height={300} />)
-			.otherwise(() => (
-				<View style={styles.skeletonContainer}>
-					<Skeleton height={10} width={73} />
-					<Skeleton height={300} />
-				</View>
-			))
-);
+export const DynamicOfferSkeleton = React.memo(() => <Skeleton height={300} />);
 
 export const DynamicOffersContainer = React.memo(
 	({ config }: { config: DynamicOfferProps }) => {
 		return (
-			<Suspense
-				fallback={<DynamicOfferSkeleton displayLayout={config.displayLayout} />}
-			>
+			<Suspense fallback={<DynamicOfferSkeleton />}>
 				<DynamicOffers {...config} />
 			</Suspense>
 		);
 	}
 );
-
-const styles = StyleSheet.create({
-	skeletonContainer: { gap: 2, width: "100%" },
-});

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

@@ -5,7 +5,6 @@ import React, {
 	useRef,
 	useState,
 } from "react";
-import type { Layout } from "../../../utils";
 import { productTypeBuilder as builder } from "../../../builder/builder";
 import { Offer } from "./Offer";
 import {
@@ -29,7 +28,6 @@ export type DynamicOffersRenderProps = {
 	title?: string;
 	subtitle?: string;
 	offers: BaseOffer[];
-	displayLayout: Layout;
 	fallbackTemplate?: React.FC<{
 		offer: BaseOffer;
 		showProductTypeLabel?: boolean;
@@ -50,7 +48,6 @@ export const DynamicOffersRender = ({
 	title,
 	subtitle,
 	offers,
-	displayLayout,
 	productTypeBuilder = builder,
 	fallbackTemplate,
 	showCardBorder,
@@ -268,32 +265,18 @@ export const DynamicOffersRender = ({
 		const fullCardWidth = offers.length === 1 || !isHorizontalScroll;
 
 		// Create offer components
-		return displayLayout === "fixed"
-			? [
-					// <VideosCard key="videos-card" videosContent={videosContent} showCardBorder={showCardBorder} />,
-					...Offer({
-						productTypeBuilder,
-						offers,
-						showProductTypeLabel,
-						fallbackTemplate,
-						showCardBorder,
-						fullCardWidth,
-						isHorizontalScroll,
-					}),
-				]
-			: Offer({
-					productTypeBuilder,
-					offers,
-					showProductTypeLabel,
-					fallbackTemplate,
-					showCardBorder,
-					fullCardWidth,
-					isHorizontalScroll,
-				});
+		return Offer({
+			productTypeBuilder,
+			offers,
+			showProductTypeLabel,
+			fallbackTemplate,
+			showCardBorder,
+			fullCardWidth,
+			isHorizontalScroll,
+		});
 	}, [
 		offers,
 		isHorizontalScroll,
-		displayLayout,
 		productTypeBuilder,
 		showProductTypeLabel,
 		fallbackTemplate,
@@ -348,7 +331,6 @@ export const DynamicOffersRender = ({
 	const config = {
 		title,
 		subtitle,
-		displayLayout,
 		showCardBorder,
 		showProductTypeLabel,
 		shouldHideFooter: false,
@@ -369,7 +351,12 @@ export const DynamicOffersRender = ({
 					{showHeaderText && (
 						<View style={styles.headerTextContainer}>
 							{showTitle && (
-								<Text variant="featured-3" weight="bold">
+								<Text
+									variant="featured-3"
+									weight="bold"
+									color="foregroundNeutral"
+									testID="offer_carousel.dynamic_offers.title"
+								>
 									{title}
 								</Text>
 							)}
@@ -392,6 +379,7 @@ export const DynamicOffersRender = ({
 			)}
 			{isHorizontalScroll ? (
 				<ScrollView
+					scrollEnabled={wrappedOfferComponents?.length > 1}
 					horizontal={true}
 					showsHorizontalScrollIndicator={false}
 					contentContainerStyle={styles.contentContainer}

package/src/components/DynamicOffers/SeeAllButton.tsx

@@ -15,6 +15,7 @@ export const SeeAllButton = ({ onPress }: SeeAllButtonProps) => {
 				textFontWeight={"bold"}
 				style={styles.seeAllButton}
 				onPress={onPress}
+				testID="offer_carousel.dynamic_offers.see_all"
 			>
 				{"See all"}
 			</Button>

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

@@ -78,6 +78,7 @@ export const DefaultOfferCard = ({
 						offer={offer}
 						offerIndex={offerIndex}
 						isHorizontalScroll={isHorizontalScroll}
+						testID="offer_carousel.dynamic_offer_card.see_details"
 					/>
 				)}
 			</BaseOfferCard.Stats>

package/src/components/Modal/AllOffersModal.tsx

@@ -4,7 +4,6 @@ import {
 	View,
 	SafeAreaView,
 	ScrollView,
-	TouchableOpacity,
 	StyleSheet,
 	Linking,
 	type LayoutChangeEvent,
@@ -15,6 +14,7 @@ import Text from "../Text";
 import { DynamicOffersContainer } from "../DynamicOffers/DynamicOffersContainer";
 import type { DynamicOfferProps } from "../DynamicOffers/DynamicOffers";
 import { useTheme } from "../../context/ThemeProvider";
+import { TouchableOpacity } from "../Touchable";
 
 type AllOffersModalProps = {
 	visible: boolean;
@@ -114,6 +114,7 @@ export const AllOffersModal = ({
 						onPress={onClose}
 						style={styles.closeXButton}
 						hitSlop={{ top: 15, right: 15, bottom: 15, left: 15 }}
+						testID="offer_carousel.all_offers_modal.close_button"
 					>
 						<Text style={styles.closeXText} color={"foregroundNeutral"}>
 							✕
@@ -124,6 +125,7 @@ export const AllOffersModal = ({
 						weight="bold"
 						color={"foregroundNeutral"}
 						style={styles.headerTitle}
+						testID="offer_carousel.all_offers_modal.title"
 					>
 						{title}
 					</Text>

package/src/components/Modal/DescriptionPoints.tsx

@@ -11,7 +11,12 @@ export function DescriptionPoints({
 }) {
 	return (
 		<View gap={8}>
-			<Text variant={"body-3"} weight={"bold"} color={"foregroundNeutral"}>
+			<Text
+				variant={"body-3"}
+				weight={"bold"}
+				color={"foregroundNeutral"}
+				testID="offer_carousel.offer_details_modal.offer_details_title"
+			>
 				Offer Details
 			</Text>
 			<MarkdownText

package/src/components/Modal/Disclaimer.tsx

@@ -6,7 +6,12 @@ import { MarkdownText } from "../../capabilities/ui/elements/src/components/Mark
 export function Disclaimer({ disclaimer }: { disclaimer: string }) {
 	return (
 		<View gap={16}>
-			<Text variant={"body-3"} weight={"bold"} color={"foregroundNeutral"}>
+			<Text
+				variant={"body-3"}
+				weight={"bold"}
+				color={"foregroundNeutral"}
+				testID="offer_carousel.offer_details_modal.provider_disclaimer_title"
+			>
 				Provider Disclaimer
 			</Text>
 			<MarkdownText

package/src/components/Modal/OfferDetailsModal.tsx

@@ -4,7 +4,6 @@ import {
 	View,
 	SafeAreaView,
 	ScrollView,
-	TouchableOpacity,
 	StyleSheet,
 	StatusBar,
 	Platform,
@@ -16,6 +15,7 @@ import { CallToAction } from "../Common/DynamicOfferCard/CallToAction";
 import Divider from "../Divider";
 import type { BaseOffer } from "../../capabilities/offer-catalog/src";
 import { useTheme } from "../../context/ThemeProvider";
+import { TouchableOpacity } from "../Touchable";
 
 type OfferDetailsModalProps = {
 	visible: boolean;
@@ -32,7 +32,7 @@ export const OfferDetailsModal = ({
 	onClose,
 	offerIndex,
 }: OfferDetailsModalProps) => {
-	const { theme } = useTheme();
+	const { theme, isDarkTheme } = useTheme();
 
 	const showDescriptionPoints = Boolean(offer?.descriptionPoints?.length);
 
@@ -45,7 +45,7 @@ export const OfferDetailsModal = ({
 	return (
 		<Modal
 			animationType="slide"
-			transparent={false}
+			transparent={true}
 			visible={visible}
 			onRequestClose={onClose}
 			statusBarTranslucent={true}
@@ -54,15 +54,21 @@ export const OfferDetailsModal = ({
 				{visible && (
 					<StatusBar
 						backgroundColor={backgroundColor}
-						barStyle={"dark-content"}
+						barStyle={isDarkTheme ? "light-content" : "dark-content"}
 						translucent={false}
 					/>
 				)}
-				<View style={styles.modalHeader}>
+				<View
+					style={[
+						styles.modalHeader,
+						{ borderBottomColor: theme.borderNeutral },
+					]}
+				>
 					<TouchableOpacity
 						onPress={onClose}
 						style={styles.closeXButton}
 						hitSlop={{ top: 15, right: 15, bottom: 15, left: 15 }}
+						testID="offer_carousel.offer_details_modal.close_button"
 					>
 						<Text
 							style={[styles.closeXText, { color: theme.foregroundNeutral }]}
@@ -89,6 +95,7 @@ export const OfferDetailsModal = ({
 					overrideUrl={offer.overrideUrl}
 					style={styles.cta}
 					context={"offer_details"}
+					testID="offer_carousel.offer_details_modal.cta"
 				>
 					{CTA_LABEL}
 				</CallToAction>
@@ -108,7 +115,6 @@ const styles = StyleSheet.create({
 		paddingHorizontal: 16,
 		paddingBottom: 32,
 		borderBottomWidth: 1,
-		borderBottomColor: "#e0e0e0",
 		position: "relative",
 	},
 	closeXButton: {

package/src/components/MoneyLionOfferCarousel.tsx

@@ -2,7 +2,6 @@ import React, { useEffect, useMemo, useState } from "react";
 import { localCnfContext } from "../config/mocks/cnfContext";
 import { Text } from "react-native";
 import { getPageData } from "../pageData";
-import type { Layout } from "../utils";
 import {
 	DynamicOffersContainer,
 	DynamicOfferSkeleton,
@@ -34,7 +33,6 @@ export type MoneyLionOfferCarouselProps = {
 	productType?: string;
 	query?: string;
 	tags?: string;
-	displayLayout?: Layout;
 	staticProductTypes?: string;
 	fontFamily?: Partial<FontFamily>;
 	showProductTypeLabel?: boolean;
@@ -247,7 +245,7 @@ const InternalMoneyLionOfferCarousel = (
 	);
 
 	if (isLoading) {
-		return <DynamicOfferSkeleton displayLayout={"fixed"} />;
+		return <DynamicOfferSkeleton />;
 	}
 
 	if (error) {
@@ -259,12 +257,11 @@ const InternalMoneyLionOfferCarousel = (
 	}
 
 	if (!pageData) {
-		return <DynamicOfferSkeleton displayLayout={"fixed"} />;
+		return <DynamicOfferSkeleton />;
 	}
 
 	const {
 		shouldHideFooter,
-		displayLayout,
 		showProductTypeLabel,
 		showCardBorder,
 		offers,
@@ -275,7 +272,6 @@ const InternalMoneyLionOfferCarousel = (
 	const config: DynamicOfferProps = {
 		offers,
 		shouldHideFooter,
-		displayLayout,
 		showProductTypeLabel,
 		showCardBorder,
 		title,