@moneylion/react-native-offer-carousel 1.2.0 → 1.2.2

package/lib/typescript/src/components/DynamicOffers/Render/DynamicOffersRender.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import type { Layout } from "../../../utils";
 import { productTypeBuilder as builder } from "../../../builder/builder";
 import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
+import type { CnfContext } from "../../../capabilities/core/src/system/cnfContext/CnfContext";
 export type DynamicOffersRenderProps = {
     title?: string;
     subtitle?: string;
@@ -15,6 +16,12 @@ export type DynamicOffersRenderProps = {
     productTypeBuilder: typeof builder;
     showCardBorder: boolean;
     showProductTypeLabel?: boolean;
+    isHorizontalScroll?: boolean;
+    /** Used for vertical scroll only */
+    parentScrollOffset?: number;
+    /** Used for vertical scroll only */
+    parentScrollViewHeight?: number;
+    brand: CnfContext["brand"];
 };
-export declare const DynamicOffersRender: ({ title, subtitle, offers, displayLayout, productTypeBuilder, fallbackTemplate, showCardBorder, showProductTypeLabel, }: DynamicOffersRenderProps) => React.JSX.Element;
+export declare const DynamicOffersRender: ({ title, subtitle, offers, displayLayout, productTypeBuilder, fallbackTemplate, showCardBorder, showProductTypeLabel, isHorizontalScroll, parentScrollOffset, parentScrollViewHeight, brand, }: DynamicOffersRenderProps) => React.JSX.Element;
 //# sourceMappingURL=DynamicOffersRender.d.ts.map

package/lib/typescript/src/components/DynamicOffers/Render/DynamicOffersRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicOffersRender.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DynamicOffers/Render/DynamicOffersRender.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAYzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,MAAM,MAAM,wBAAwB,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC3B,KAAK,EAAE,SAAS,CAAC;QACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH,kBAAkB,EAAE,OAAO,OAAO,CAAC;IACnC,cAAc,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,4HAS7B,wBAAwB,sBA6N1B,CAAC"}
+{"version":3,"file":"DynamicOffersRender.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DynamicOffers/Render/DynamicOffersRender.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAYzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AAI9F,MAAM,MAAM,wBAAwB,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC3B,KAAK,EAAE,SAAS,CAAC;QACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH,kBAAkB,EAAE,OAAO,OAAO,CAAC;IACnC,cAAc,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,mMAa7B,wBAAwB,sBAiW1B,CAAC"}

package/lib/typescript/src/components/DynamicOffers/Render/FallbackOfferTemplate.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
-export declare function FallbackOfferTemplate({ offer, offerIndex, showCardBorder, showProductTypeLabel, }: {
+export declare function FallbackOfferTemplate({ offer, offerIndex, showCardBorder, showProductTypeLabel, isHorizontalScroll, }: {
     offer: BaseOffer;
     offerIndex: number;
     showCardBorder?: boolean;
     showProductTypeLabel?: boolean;
+    isHorizontalScroll?: boolean;
 }): React.JSX.Element;
 //# sourceMappingURL=FallbackOfferTemplate.d.ts.map

package/lib/typescript/src/components/DynamicOffers/Render/FallbackOfferTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FallbackOfferTemplate.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DynamicOffers/Render/FallbackOfferTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,wBAAgB,qBAAqB,CAAC,EACrC,KAAK,EACL,UAAU,EACV,cAAqB,EACrB,oBAA2B,GAC3B,EAAE;IACF,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,qBAcA"}
+{"version":3,"file":"FallbackOfferTemplate.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DynamicOffers/Render/FallbackOfferTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,wBAAgB,qBAAqB,CAAC,EACrC,KAAK,EACL,UAAU,EACV,cAAqB,EACrB,oBAA2B,EAC3B,kBAAyB,GACzB,EAAE;IACF,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,qBAeA"}

package/lib/typescript/src/components/DynamicOffers/Render/Offer.d.ts

@@ -4,15 +4,20 @@ import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 type RenderOfferListProps = {
     productTypeBuilder: ProductTypeBuilder;
     offers: BaseOffer[];
-    fallbackTemplate?: ({ offer, offerIndex, showProductTypeLabel, showCardBorder, }: {
+    fallbackTemplate?: ({ offer, offerIndex, showProductTypeLabel, showCardBorder, fullCardWidth, isHorizontalScroll, }: {
         offer: BaseOffer;
         offerIndex: number;
         showProductTypeLabel?: boolean;
         showCardBorder?: boolean;
+        fullCardWidth?: boolean;
+        isHorizontalScroll?: boolean;
     }) => React.ReactNode;
     showCardBorder?: boolean;
     showProductTypeLabel?: boolean;
+    /** Offer card should be full width when offers.length === 1 in horizontal scroll or offers are scrolled vertically (when !isHorizontalScroll is true) */
+    fullCardWidth?: boolean;
+    isHorizontalScroll?: boolean;
 };
-export declare const Offer: ({ productTypeBuilder, offers, showProductTypeLabel, fallbackTemplate, showCardBorder, }: RenderOfferListProps) => React.JSX.Element[];
+export declare const Offer: ({ productTypeBuilder, offers, showProductTypeLabel, fallbackTemplate, showCardBorder, fullCardWidth, isHorizontalScroll, }: RenderOfferListProps) => React.JSX.Element[];
 export {};
 //# sourceMappingURL=Offer.d.ts.map

package/lib/typescript/src/components/DynamicOffers/Render/Offer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Offer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DynamicOffers/Render/Offer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAM3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,KAAK,oBAAoB,GAAG;IAC3B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,EACnB,KAAK,EACL,UAAU,EACV,oBAAoB,EACpB,cAAc,GACd,EAAE;QACF,KAAK,EAAE,SAAS,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;KACzB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAE/B,CAAC;AAEF,eAAO,MAAM,KAAK,4FAMf,oBAAoB,wBAiEpB,CAAC"}
+{"version":3,"file":"Offer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DynamicOffers/Render/Offer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAM3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,KAAK,oBAAoB,GAAG;IAC3B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,EACnB,KAAK,EACL,UAAU,EACV,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,kBAAkB,GAClB,EAAE;QACF,KAAK,EAAE,SAAS,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC7B,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yJAAyJ;IACzJ,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAE7B,CAAC;AAEF,eAAO,MAAM,KAAK,+HAQf,oBAAoB,wBAyEpB,CAAC"}

package/lib/typescript/src/components/DynamicOffers/SeeAllButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface SeeAllButtonProps {
+    onPress: () => void;
+}
+export declare const SeeAllButton: ({ onPress }: SeeAllButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=SeeAllButton.d.ts.map

package/lib/typescript/src/components/DynamicOffers/SeeAllButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeeAllButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/DynamicOffers/SeeAllButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,iBAAiB;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,gBAAiB,iBAAiB,sBAc1D,CAAC"}

package/lib/typescript/src/components/Layouts/CreditCardOfferCard/index.d.ts

@@ -7,7 +7,9 @@ type CreditCardOfferCardProps = {
     showCardBorder: boolean;
     showProductTypeLabel?: boolean;
     offerIndex: number;
+    fullCardWidth?: boolean;
+    isHorizontalScroll?: boolean;
 };
-export declare const CreditCardOfferCard: ({ offer, productTypeBuilder, showCardBorder, showProductTypeLabel, offerIndex, }: CreditCardOfferCardProps) => React.JSX.Element;
+export declare const CreditCardOfferCard: ({ offer, productTypeBuilder, showCardBorder, showProductTypeLabel, offerIndex, fullCardWidth, isHorizontalScroll, }: CreditCardOfferCardProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Layouts/CreditCardOfferCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layouts/CreditCardOfferCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,IAAI,+BAA+B,EAAE,MAAM,kBAAkB,CAAC;AAO/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,KAAK,wBAAwB,GAAG;IAC/B,kBAAkB,EAAE,+BAA+B,CAAC;IACpD,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,qFAM7B,wBAAwB,sBAiE1B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layouts/CreditCardOfferCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,IAAI,+BAA+B,EAAE,MAAM,kBAAkB,CAAC;AAO/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,KAAK,wBAAwB,GAAG;IAC/B,kBAAkB,EAAE,+BAA+B,CAAC;IACpD,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,wHAQ7B,wBAAwB,sBAwE1B,CAAC"}

package/lib/typescript/src/components/Layouts/DefaultOfferCard/index.d.ts

@@ -7,7 +7,9 @@ type DefaultOfferCardProps = {
     offerIndex: number;
     showCardBorder: boolean;
     showProductTypeLabel?: boolean;
+    fullCardWidth?: boolean;
+    isHorizontalScroll?: boolean;
 };
-export declare const DefaultOfferCard: ({ offer, productTypeBuilder, offerIndex, showCardBorder, showProductTypeLabel, }: DefaultOfferCardProps) => React.JSX.Element;
+export declare const DefaultOfferCard: ({ offer, productTypeBuilder, offerIndex, showCardBorder, showProductTypeLabel, fullCardWidth, isHorizontalScroll, }: DefaultOfferCardProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Layouts/DefaultOfferCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layouts/DefaultOfferCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,IAAI,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAGzF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,KAAK,qBAAqB,GAAG;IAC5B,kBAAkB,EAAE,4BAA4B,CAAC;IACjD,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,qFAM1B,qBAAqB,sBAkDvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layouts/DefaultOfferCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,IAAI,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAGzF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,KAAK,qBAAqB,GAAG;IAC5B,kBAAkB,EAAE,4BAA4B,CAAC;IACjD,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,wHAQ1B,qBAAqB,sBA0DvB,CAAC"}

package/lib/typescript/src/components/Layouts/HeadlineWithDescriptionCard/index.d.ts

@@ -7,7 +7,9 @@ type HeadlineWithDescriptionCardProps = {
     offerIndex: number;
     showCardBorder: boolean;
     showProductTypeLabel?: boolean;
+    fullCardWidth?: boolean;
+    isHorizontalScroll?: boolean;
 };
-export declare const HeadlineWithDescriptionCard: ({ offer, productTypeBuilder, offerIndex, showCardBorder, showProductTypeLabel, }: HeadlineWithDescriptionCardProps) => React.JSX.Element;
+export declare const HeadlineWithDescriptionCard: ({ offer, productTypeBuilder, offerIndex, showCardBorder, showProductTypeLabel, fullCardWidth, isHorizontalScroll, }: HeadlineWithDescriptionCardProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Layouts/HeadlineWithDescriptionCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layouts/HeadlineWithDescriptionCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,2BAA2B,IAAI,uCAAuC,EAAE,MAAM,kBAAkB,CAAC;AAG/G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,KAAK,gCAAgC,GAAG;IACvC,kBAAkB,EAAE,uCAAuC,CAAC;IAC5D,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AACF,eAAO,MAAM,2BAA2B,qFAMrC,gCAAgC,sBAuClC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layouts/HeadlineWithDescriptionCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,2BAA2B,IAAI,uCAAuC,EAAE,MAAM,kBAAkB,CAAC;AAG/G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,KAAK,gCAAgC,GAAG;IACvC,kBAAkB,EAAE,uCAAuC,CAAC;IAC5D,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AACF,eAAO,MAAM,2BAA2B,wHAQrC,gCAAgC,sBA+ClC,CAAC"}

package/lib/typescript/src/components/Modal/AllOffersModal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { DynamicOfferProps } from "../DynamicOffers/DynamicOffers";
+type AllOffersModalProps = {
+    visible: boolean;
+    onClose: () => void;
+    config: DynamicOfferProps;
+};
+export declare const AllOffersModal: ({ visible, onClose, config, }: AllOffersModalProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=AllOffersModal.d.ts.map

package/lib/typescript/src/components/Modal/AllOffersModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllOffersModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/AllOffersModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAe9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAExE,KAAK,mBAAmB,GAAG;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AA0BF,eAAO,MAAM,cAAc,kCAIxB,mBAAmB,sBAuGrB,CAAC"}

package/lib/typescript/src/components/Modal/OfferDetailsModal.d.ts

@@ -5,7 +5,8 @@ type OfferDetailsModalProps = {
     offer: BaseOffer;
     offerIndex: number;
     onClose: () => void;
+    isHorizontalScroll?: boolean;
 };
-export declare const OfferDetailsModal: ({ visible, offer, onClose, offerIndex, }: OfferDetailsModalProps) => React.JSX.Element;
+export declare const OfferDetailsModal: ({ visible, offer, onClose, offerIndex, isHorizontalScroll, }: OfferDetailsModalProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=OfferDetailsModal.d.ts.map

package/lib/typescript/src/components/Modal/OfferDetailsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OfferDetailsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/OfferDetailsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEtE,KAAK,sBAAsB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,iBAAiB,6CAK3B,sBAAsB,sBAwDxB,CAAC"}
+{"version":3,"file":"OfferDetailsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/OfferDetailsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE,KAAK,sBAAsB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,iBAAiB,iEAM3B,sBAAsB,sBAwDxB,CAAC"}

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,KAA8B,MAAM,OAAO,CAAC;AAInD,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;AAKzC,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,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KAClB,KAAK,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAmDF,eAAO,MAAM,sBAAsB,UAC3B,2BAA2B,GACjC,KAAK,uBAAuB,EAAE,eAAe,GAAG,UAAU,CAAC,sBA6L5D,CAAC"}
+{"version":3,"file":"MoneyLionOfferCarousel.d.ts","sourceRoot":"","sources":["../../../../src/components/MoneyLionOfferCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,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;AAKzC,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,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KAClB,KAAK,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAmDF,eAAO,MAAM,sBAAsB,UAC3B,2BAA2B,GACjC,KAAK,uBAAuB,EAAE,eAAe,GAAG,UAAU,CAAC,sBA8L5D,CAAC"}

package/lib/typescript/src/context/EventHandlerProvider.d.ts

@@ -24,6 +24,7 @@ interface onOfferDisplayInViewportProps {
     leadUuid: string;
     offer: BaseOffer;
     offerIndex: number;
+    context: "horizontal_scroll" | "vertical_scroll";
 }
 interface onOfferClickProps {
     timestamp: string;
@@ -32,7 +33,7 @@ interface onOfferClickProps {
     leadUuid: string;
     offer: BaseOffer;
     offerIndex: number;
-    context: "offer" | "offer_details";
+    context: "horizontal_scroll" | "vertical_scroll";
 }
 interface onOfferDetailsPageOpenProps {
     timestamp: string;
@@ -41,6 +42,7 @@ interface onOfferDetailsPageOpenProps {
     leadUuid: string;
     offer: BaseOffer;
     offerIndex: number;
+    context: "horizontal_scroll" | "vertical_scroll";
 }
 interface onOfferDetailsPageCloseProps {
     timestamp: string;

package/lib/typescript/src/context/EventHandlerProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventHandlerProvider.d.ts","sourceRoot":"","sources":["../../../../src/context/EventHandlerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,wBAAwB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,6BAA6B;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC;CACnC;AAED,UAAU,2BAA2B;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,4BAA4B;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5D,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAChE,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACtE,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACxE,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,wCAG9B,CAAC;AAEH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,EAAE,uBAAuB,CAAC;CACvC,CAMA,CAAC;AAEF,eAAO,MAAM,eAAe,+BAAwC,CAAC"}
+{"version":3,"file":"EventHandlerProvider.d.ts","sourceRoot":"","sources":["../../../../src/context/EventHandlerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,wBAAwB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,6BAA6B;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,mBAAmB,GAAG,iBAAiB,CAAC;CACjD;AAED,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,mBAAmB,GAAG,iBAAiB,CAAC;CACjD;AAED,UAAU,2BAA2B;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,mBAAmB,GAAG,iBAAiB,CAAC;CACjD;AAED,UAAU,4BAA4B;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5D,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAChE,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACtE,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACxE,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,wCAG9B,CAAC;AAEH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,EAAE,uBAAuB,CAAC;CACvC,CAMA,CAAC;AAEF,eAAO,MAAM,eAAe,+BAAwC,CAAC"}

package/package.json

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

package/src/capabilities/offer-catalog/src/utils/getEventCallbackContext.ts

@@ -0,0 +1,3 @@
+export const getEventCallbackContext = (isHorizontalScroll: boolean) => {
+	return isHorizontalScroll ? "horizontal_scroll" : "vertical_scroll";
+};

package/src/components/Button/index.tsx

@@ -9,7 +9,7 @@ import {
 	type TouchableOpacityProps,
 } from "react-native";
 import { useTheme, type ThemeColors } from "../../context/ThemeProvider";
-import Text from "../Text";
+import Text, { type Variant } from "../Text";
 
 // Helper function to determine text color based on background color
 const getContrastColor = (hexColor: string): string => {
@@ -38,6 +38,8 @@ export interface ButtonProps extends TouchableOpacityProps {
 	disabled?: boolean;
 	children?: ReactNode;
 	style?: StyleProp<ViewStyle>;
+	textVariant?: Variant;
+	textFontWeight?: "normal" | "medium" | "bold";
 }
 
 const Button = forwardRef<TouchableOpacity, ButtonProps>((props, ref) => {
@@ -46,6 +48,8 @@ const Button = forwardRef<TouchableOpacity, ButtonProps>((props, ref) => {
 		highlighted = false,
 		loading = false,
 		disabled = false,
+		textVariant = "body-2",
+		textFontWeight = "medium",
 		children,
 		onPress,
 		style,
@@ -86,8 +90,8 @@ const Button = forwardRef<TouchableOpacity, ButtonProps>((props, ref) => {
 
 			{children && (
 				<Text
-					variant={"body-2"}
-					weight={"medium"}
+					variant={textVariant}
+					weight={textFontWeight}
 					style={[loading && styles.hiddenChildren, { color: textColor }]}
 					numberOfLines={1}
 				>

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

@@ -24,7 +24,7 @@ function smartCapitalize(text: string): string {
 const VerticalStat = (props: StatProps) => {
 	return (
 		<View style={styles.verticalStatContainer}>
-			<Text variant="title-4" color={"foregroundNeutral"} weight={"bold"}>
+			<Text variant="featured-2" color={"foregroundNeutral"} weight={"bold"}>
 				{String(props.content).trim()}
 			</Text>
 			<MarkdownText

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

@@ -7,7 +7,7 @@ import Button from "../../Button";
 import Divider from "../../Divider";
 import Text, { type TextProps } from "../../Text";
 import View, { type ViewProps } from "../../View";
-import { StyleSheet } from "react-native";
+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";
@@ -17,20 +17,25 @@ const CardWidth = 282;
 const BaseOfferCard = ({
 	children,
 	showCardBorder = true,
+	fullCardWidth = false,
 	...rest
-}: ViewProps & { showCardBorder?: boolean }) => (
-	<View
-		borderColor={showCardBorder ? "borderNeutral" : undefined}
-		direction={"column"}
-		backgroundColor={"backgroundElevationBase"}
-		width={CardWidth}
-		gap={1}
-		style={styles.baseOfferCard}
-		{...rest}
-	>
-		{children}
-	</View>
-);
+}: ViewProps & { showCardBorder?: boolean; fullCardWidth?: boolean }) => {
+	const { width: screenWidth } = Dimensions.get("screen");
+
+	return (
+		<View
+			borderColor={showCardBorder ? "borderNeutralFaded" : undefined}
+			direction={"column"}
+			backgroundColor={"backgroundElevationBase"}
+			width={fullCardWidth ? screenWidth - 32 : CardWidth} // 32 = left(16) + right(16) margin of the card
+			gap={1}
+			style={styles.baseOfferCard}
+			{...rest}
+		>
+			{children}
+		</View>
+	);
+};
 
 const Container = ({ children, ...rest }: ViewProps) => (
 	<View

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

@@ -8,7 +8,7 @@ import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 export type CTAProps = ComponentProps<typeof Button & { href: string }> & {
 	overrideUrl?: string;
 	offer: BaseOffer;
-	context: "offer" | "offer_details";
+	context: "horizontal_scroll" | "vertical_scroll";
 	offerIndex: number;
 	// trackEvent: EventServerAction;
 };

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

@@ -4,13 +4,19 @@ import { TouchableOpacity, 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";
 
 export type SeeMoreProps = {
 	offer: BaseOffer;
 	offerIndex: number;
+	isHorizontalScroll?: boolean;
 };
 
-export const SeeMore = ({ offer, offerIndex }: SeeMoreProps) => {
+export const SeeMore = ({
+	offer,
+	offerIndex,
+	isHorizontalScroll = true,
+}: SeeMoreProps) => {
 	const [modalVisible, setModalVisible] = useState(false);
 	const {
 		onOfferDetailsPageOpen,
@@ -27,9 +33,17 @@ export const SeeMore = ({ offer, offerIndex }: SeeMoreProps) => {
 			offer,
 			offerIndex,
 			rateTableUuid,
+			context: getEventCallbackContext(isHorizontalScroll),
 		});
 		setModalVisible(true);
-	}, [leadUuid, offer, offerIndex, onOfferDetailsPageOpen, rateTableUuid]);
+	}, [
+		isHorizontalScroll,
+		leadUuid,
+		offer,
+		offerIndex,
+		onOfferDetailsPageOpen,
+		rateTableUuid,
+	]);
 
 	const handleCloseModal = useCallback(() => {
 		onOfferDetailsPageClose?.({
@@ -71,7 +85,6 @@ const styles = StyleSheet.create({
 		marginTop: 16,
 	},
 	text: {
-		alignSelf: "flex-start", // Makes container only as wide as text
-		borderBottomWidth: 1,
+		textDecorationLine: "underline",
 	},
 });

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

@@ -3,6 +3,7 @@ import { BaseOfferCard } from "../BaseOfferCard";
 import { CallToAction } from "./CallToAction";
 import { StyleSheet } from "react-native";
 import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
+import { getEventCallbackContext } from "../../../capabilities/offer-catalog/src/utils/getEventCallbackContext";
 
 type DefaultOfferCatalogOfferType = {
 	children: React.ReactNode;
@@ -10,6 +11,8 @@ type DefaultOfferCatalogOfferType = {
 	offerIndex: number;
 	showCardBorder: boolean;
 	showProductTypeLabel?: boolean;
+	fullCardWidth?: boolean;
+	isHorizontalScroll?: boolean;
 };
 
 function DynamicOfferCard({
@@ -18,9 +21,14 @@ function DynamicOfferCard({
 	offerIndex,
 	showCardBorder,
 	showProductTypeLabel,
+	fullCardWidth = false,
+	isHorizontalScroll = true,
 }: DefaultOfferCatalogOfferType) {
 	return (
-		<BaseOfferCard showCardBorder={showCardBorder}>
+		<BaseOfferCard
+			showCardBorder={showCardBorder}
+			fullCardWidth={fullCardWidth}
+		>
 			{showProductTypeLabel && (
 				<BaseOfferCard.TopBar>
 					<BaseOfferCard.ProductType>
@@ -43,7 +51,7 @@ function DynamicOfferCard({
 						offer={offer}
 						overrideUrl={offer.overrideUrl}
 						style={styles.cta}
-						context="offer"
+						context={getEventCallbackContext(isHorizontalScroll)}
 						offerIndex={offerIndex}
 					>
 						{"Continue"}

package/src/components/DynamicOffers/DynamicOffers.tsx

@@ -12,7 +12,14 @@ export type DynamicOfferProps = {
 	showCardBorder: boolean;
 	showProductTypeLabel?: boolean;
 	shouldHideFooter: boolean;
-} & Pick<DynamicOffersRenderProps, "offers">;
+} & Pick<
+	DynamicOffersRenderProps,
+	| "offers"
+	| "isHorizontalScroll"
+	| "brand"
+	| "parentScrollOffset"
+	| "parentScrollViewHeight"
+>;
 
 export const DynamicOffers = ({
 	title,
@@ -21,7 +28,11 @@ export const DynamicOffers = ({
 	showCardBorder,
 	showProductTypeLabel,
 	// shouldHideFooter,
+	isHorizontalScroll,
+	parentScrollOffset,
+	parentScrollViewHeight,
 	offers,
+	brand,
 }: DynamicOfferProps): React.JSX.Element => {
 	if (offers.length === 0) return <></>;
 
@@ -42,6 +53,10 @@ export const DynamicOffers = ({
 				productTypeBuilder={productTypeBuilder}
 				showCardBorder={showCardBorder}
 				showProductTypeLabel={showProductTypeLabel}
+				isHorizontalScroll={isHorizontalScroll}
+				parentScrollOffset={parentScrollOffset}
+				parentScrollViewHeight={parentScrollViewHeight}
+				brand={brand}
 			/>
 			{/* {!shouldHideFooter && <Footer offers={offers} />} */}
 		</View>