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

package/lib/typescript/src/pageData.d.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";
 import type { MoneyLionOfferCarouselProps } from "./components/MoneyLionOfferCarousel";
 import type { onRateTableSubmitProps } from "./context/EventHandlerProvider";
 type GetPageDataProps = {
@@ -12,6 +12,7 @@ export declare function getPageData({ context, params, onRateTableSubmit, }: Get
     rateTableUuid: string;
     offers: import("./capabilities/offer-catalog/src").BaseOffer[];
     currentCountry: string | undefined;
+    showCardBorder: boolean | undefined;
     showProductTypeLabel: boolean | undefined;
     displayLayout: "fixed" | "carousel";
 }>;

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,2DAA2D,CAAC;AAE5F,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;;;;;;;;GAyElB"}
+{"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;;;;;;;;;GA0ElB"}

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

@@ -1,7 +1,7 @@
-import type { CnfContext } from "../../src/capabilities/core/src/system/cnfContext/CnfContext";
-import type { PartnerOverride, ProductTypeDefinition } from "../../src/capabilities/offer-catalog/src";
 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;
@@ -19,7 +19,7 @@ export type GetDynamicOffersProps = {
  * @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, enableUseCachedOffers, productTypesDefinition, partnersOverrideDefinition, context, }: Omit<GetDynamicOffersProps, "isDev">) => Promise<{
-    offers: import("../capabilities/offer-catalog/src/types/offerCatalogSchema").BaseOffer[];
+    offers: import("../capabilities/offer-catalog/src").BaseOffer[];
     isError: boolean | undefined;
     leadUuid: string;
     rateTableUuid: string;

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,KAAK,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAC/F,OAAO,KAAK,EACX,eAAe,EACf,qBAAqB,EACrB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAIN,KAAK,MAAM,EACX,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EACX,oBAAoB,EACpB,kBAAkB,EAClB,MAAM,mBAAmB,CAAC;AAM3B,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;;;;;EAoCtC,CAAC"}
+{"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;;;;;EAoCtC,CAAC"}

package/lib/typescript/src/utils/addClientTagsToOfferLinks.d.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
  * @param enableUseCachedOffers - Whether to use cached offers

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

@@ -1 +1 @@
-{"version":3,"file":"addClientTagsToOfferLinks.d.ts","sourceRoot":"","sources":["../../../../src/utils/addClientTagsToOfferLinks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAE1E;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,0BACb,OAAO,cAAc,MAAM,cAC1C,SAAS,EAAE,KAAG,SAAS,EAW/B,CAAC"}
+{"version":3,"file":"addClientTagsToOfferLinks.d.ts","sourceRoot":"","sources":["../../../../src/utils/addClientTagsToOfferLinks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,0BACb,OAAO,cAAc,MAAM,cAC1C,SAAS,EAAE,KAAG,SAAS,EAW/B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { type BaseOffer, type PartnerOverride, type ProductTypeDefinition } from "../../src/capabilities/offer-catalog/src";
+import { type BaseOffer, type PartnerOverride, type ProductTypeDefinition } from "../capabilities/offer-catalog/src";
 /**
  * Format the offer URL
  * @param offers - The offers to format if needed
@@ -11,6 +11,11 @@ export declare const formatOfferUrl: (productTypesDefinition: ProductTypeDefinit
     uuid: string;
     version: number;
     financialInstitutionUuid: string;
+    /**
+     * Format the offer URL
+     * @param offers - The offers to format if needed
+     * @returns The offers with the formatted URL
+     */
     createdAt: string;
     internalName: string;
     legalLanguage?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"formatOfferUrl.d.ts","sourceRoot":"","sources":["../../../../src/utils/formatOfferUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,MAAM,0CAA0C,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,cAAc,2BAED,qBAAqB,EAAE,8BACnB,eAAe,EAAE,cAErC,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAcnB,CAAC"}
+{"version":3,"file":"formatOfferUrl.d.ts","sourceRoot":"","sources":["../../../../src/utils/formatOfferUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,MAAM,mCAAmC,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,cAAc,2BAED,qBAAqB,EAAE,8BACnB,eAAe,EAAE,cAErC,SAAS,EAAE;;;;;;;IAVrB;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoBD,CAAC"}

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

@@ -1,3 +1,3 @@
-import type { CnfContext } from "../../src/capabilities/core/src/system/cnfContext/CnfContext";
+import type { CnfContext } from "../capabilities/core/src/system/cnfContext/CnfContext";
 export declare const getDefaultProductType: (context: CnfContext) => string;
 //# sourceMappingURL=getDefaultProductType.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getDefaultProductType.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDefaultProductType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAE/F,eAAO,MAAM,qBAAqB,YAAa,UAAU,WACE,CAAC"}
+{"version":3,"file":"getDefaultProductType.d.ts","sourceRoot":"","sources":["../../../../src/utils/getDefaultProductType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uDAAuD,CAAC;AAExF,eAAO,MAAM,qBAAqB,YAAa,UAAU,WACE,CAAC"}

package/lib/typescript/src/utils/getEnableUseCachedOffers.d.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/lib/typescript/src/utils/getEnableUseCachedOffers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getEnableUseCachedOffers.d.ts","sourceRoot":"","sources":["../../../../src/utils/getEnableUseCachedOffers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAE/F;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,YAAa,UAAU,YACD,CAAC"}
+{"version":3,"file":"getEnableUseCachedOffers.d.ts","sourceRoot":"","sources":["../../../../src/utils/getEnableUseCachedOffers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uDAAuD,CAAC;AAExF;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,YAAa,UAAU,YACD,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { Layout } from "./layouts";
-import type { BaseOffer } from "../../src/capabilities/offer-catalog/src";
+import type { BaseOffer } from "../capabilities/offer-catalog/src";
 /**
  * Sorts the offers based on the layout.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"getOffersBasedOnLayout.d.ts","sourceRoot":"","sources":["../../../../src/utils/getOffersBasedOnLayout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAI1E;;;;;GAKG;AACH,eAAO,MAAM,eAAe,WAAY,SAAS,EAAE,KAAG,SAAS,EAY9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,WAAY,MAAM,cAAc,SAAS,EAAE,gBAIxE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,WACzB,MAAM,cAAc,SAAS,EAAE,gBAEvC,CAAC"}
+{"version":3,"file":"getOffersBasedOnLayout.d.ts","sourceRoot":"","sources":["../../../../src/utils/getOffersBasedOnLayout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAInE;;;;;GAKG;AACH,eAAO,MAAM,eAAe,WAAY,SAAS,EAAE,KAAG,SAAS,EAY9D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,WAAY,MAAM,cAAc,SAAS,EAAE,gBAIxE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,WACzB,MAAM,cAAc,SAAS,EAAE,gBAEvC,CAAC"}

package/lib/typescript/src/utils/getOffersByProductTypes.d.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";
 /**
  * Retrieves offers by product types.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"getOffersByProductTypes.d.ts","sourceRoot":"","sources":["../../../../src/utils/getOffersByProductTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAM/F;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB;2BAMZ,OAAO;kBAChB,MAAM,EAAE;UAChB,MAAM;aACH,UAAU;qEAWnB,CAAC"}
+{"version":3,"file":"getOffersByProductTypes.d.ts","sourceRoot":"","sources":["../../../../src/utils/getOffersByProductTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uDAAuD,CAAC;AAOxF;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB;2BAMZ,OAAO;kBAChB,MAAM,EAAE;UAChB,MAAM;aACH,UAAU;qEAWnB,CAAC"}

package/lib/typescript/src/utils/getProductTypesDefinition.d.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 declare const getProductTypesDefinition: (context: CnfContext) => {
     productTypesDefinition: readonly {
         readonly id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"getProductTypesDefinition.d.ts","sourceRoot":"","sources":["../../../../src/utils/getProductTypesDefinition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAE/F,eAAO,MAAM,yBAAyB,YAAa,UAAU;;;;;;;;;;;CAU5D,CAAC"}
+{"version":3,"file":"getProductTypesDefinition.d.ts","sourceRoot":"","sources":["../../../../src/utils/getProductTypesDefinition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uDAAuD,CAAC;AAExF,eAAO,MAAM,yBAAyB,YAAa,UAAU;;;;;;;;;;;CAU5D,CAAC"}

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

@@ -1,3 +1,3 @@
-import type { BaseOffer } from "../../src/capabilities/offer-catalog/src";
+import type { BaseOffer } from "../capabilities/offer-catalog/src";
 export declare const selectDynamicOffers: (offers: BaseOffer[], productTypes: string[]) => BaseOffer[];
 //# sourceMappingURL=selectDynamicOffers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"selectDynamicOffers.d.ts","sourceRoot":"","sources":["../../../../src/utils/selectDynamicOffers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAI1E,eAAO,MAAM,mBAAmB,WACvB,SAAS,EAAE,gBACL,MAAM,EAAE,gBAWtB,CAAC"}
+{"version":3,"file":"selectDynamicOffers.d.ts","sourceRoot":"","sources":["../../../../src/utils/selectDynamicOffers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAGnE,eAAO,MAAM,mBAAmB,WACvB,SAAS,EAAE,gBACL,MAAM,EAAE,gBAWtB,CAAC"}

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

@@ -1,3 +1,3 @@
-import type { BaseOffer } from "../../src/capabilities/offer-catalog/src";
+import type { BaseOffer } from "../capabilities/offer-catalog/src";
 export declare const sortOffersByRecommendationScore: (offers: BaseOffer[]) => BaseOffer[];
 //# sourceMappingURL=sortOffersByRecommendationScore.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sortOffersByRecommendationScore.d.ts","sourceRoot":"","sources":["../../../../src/utils/sortOffersByRecommendationScore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAE1E,eAAO,MAAM,+BAA+B,WAAY,SAAS,EAAE,gBAElE,CAAC"}
+{"version":3,"file":"sortOffersByRecommendationScore.d.ts","sourceRoot":"","sources":["../../../../src/utils/sortOffersByRecommendationScore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE,eAAO,MAAM,+BAA+B,WAAY,SAAS,EAAE,gBAElE,CAAC"}

package/package.json

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

package/src/capabilities/core/src/system/cnfContext/schemas/Brand.ts

@@ -1,14 +1,50 @@
 import { Schema } from "effect";
 
-export type Palette = Schema.Schema.Type<typeof Palette>;
-const Palette = Schema.Struct({
-	promotional: Schema.optional(Schema.String),
-	generation: Schema.optional(Schema.Literal("generate", "provided")),
-	colorScheme: Schema.optional(Schema.Literal("balanced", "light", "dark")),
-	positive: Schema.optional(Schema.String),
-	critical: Schema.optional(Schema.String),
-	highlight: Schema.optional(Schema.String),
-	neutral: Schema.optional(Schema.String),
+export type ThemeColors = Schema.Schema.Type<typeof ThemeColors>;
+const ThemeColors = Schema.Struct({
+	backgroundPrimary: Schema.String,
+	backgroundPrimaryFaded: Schema.String,
+	backgroundPrimaryHighlighted: Schema.String,
+	backgroundCritical: Schema.String,
+	backgroundCriticalFaded: Schema.String,
+	backgroundCriticalHighlighted: Schema.String,
+	backgroundWarning: Schema.String,
+	backgroundWarningFaded: Schema.String,
+	backgroundWarningHighlighted: Schema.String,
+	backgroundPositive: Schema.String,
+	backgroundPositiveFaded: Schema.String,
+	backgroundPositiveHighlighted: Schema.String,
+	backgroundNeutral: Schema.String,
+	backgroundNeutralFaded: Schema.String,
+	backgroundNeutralHighlighted: Schema.String,
+	backgroundDisabled: Schema.String,
+	backgroundDisabledFaded: Schema.String,
+	backgroundElevationBase: Schema.String,
+	backgroundElevationRaised: Schema.String,
+	backgroundElevationOverlay: Schema.String,
+	backgroundPage: Schema.String,
+	backgroundPageFaded: Schema.String,
+	borderPrimary: Schema.String,
+	borderPrimaryFaded: Schema.String,
+	borderCritical: Schema.String,
+	borderCriticalFaded: Schema.String,
+	borderWarning: Schema.String,
+	borderWarningFaded: Schema.String,
+	borderPositive: Schema.String,
+	borderPositiveFaded: Schema.String,
+	borderNeutral: Schema.String,
+	borderNeutralFaded: Schema.String,
+	borderDisabled: Schema.String,
+	foregroundPrimary: Schema.String,
+	foregroundCritical: Schema.String,
+	foregroundWarning: Schema.String,
+	foregroundPositive: Schema.String,
+	foregroundNeutral: Schema.String,
+	foregroundNeutralFaded: Schema.String,
+	foregroundDisabled: Schema.String,
+	brand: Schema.String,
+	white: Schema.String,
+	black: Schema.String,
 });
 
 export type Links = Schema.Schema.Type<typeof Links>;
@@ -84,7 +120,7 @@ const BrandFields = Schema.Struct({
 	displayName: Schema.String,
 	isLicensed: Schema.optional(Schema.Boolean),
 	hideLicensedLogo: Schema.optional(Schema.Boolean),
-	palette: Schema.optional(Palette),
+	themeColors: ThemeColors,
 	links: Schema.optional(Links),
 	logos: Schema.optional(Logos),
 	font: Schema.optional(Font),

package/src/capabilities/offer-catalog/src/api/offerCatalogApi.ts

@@ -1,5 +1,4 @@
 import { isEmpty } from "radash";
-import type { CnfContext } from "../../../core/src/system/cnfContext/CnfContext";
 import type { OffersData } from "../types/offerCatalogSchema";
 import {
 	getIsDevEnvironment,
@@ -12,6 +11,7 @@ import errorUtil from "../utils/errorUtil";
 import type { State } from "../../../offers/pipeline/src/sources/ratetables/types";
 import { withDeviceSignals } from "../../../offers/pipeline/src/sources/ratetables/withDeviceSignals";
 import { getOfferCatalogApiBaseUrl } from "../../../../apiEnvironment";
+import type { CnfContext } from "../../../core/src/system/cnfContext/CnfContext";
 
 export const getCachedOffersByProductTypes =
 	(context: CnfContext) => async (productTypes: string[]) => {

package/src/capabilities/ui/elements/src/components/MarkdownText/components.tsx

@@ -8,10 +8,10 @@ import {
 	type RenderRules,
 } from "react-native-markdown-display";
 import Text, {
-	type TextColor,
 	type TextWeight,
 	type Variant,
 } from "../../../../../../components/Text";
+import type { ThemeColors } from "../../../../../core/src";
 
 // Helper to create text variants
 const createTextVariant =
@@ -28,7 +28,7 @@ export const createMarkdownComponents = ({
 	numberOfLines?: number;
 	variant?: Variant;
 	weight?: TextWeight;
-	color?: TextColor;
+	color?: keyof ThemeColors;
 }): RenderRules => {
 	// Keep track of the first list item
 	let isFirstListItem = true;
@@ -78,7 +78,7 @@ export const createMarkdownComponents = ({
 					key={node.key || `${node.type}-${node.index}`}
 					variant={variant}
 					weight={weight}
-					color={"primary"}
+					color={color}
 					style={styles.linkText}
 					onPress={() => openUrl(node.attributes.href || "")}
 				>
@@ -115,7 +115,7 @@ export const createMarkdownComponents = ({
 					key={node.key || `${node.type}-${node.index}`}
 					variant={variant || "body-3"}
 					weight={weight}
-					color={color || "neutral-faded"}
+					color={color}
 				>
 					<Text variant={"body-1"}>{prefix}• </Text>
 					{children}

package/src/components/Button/index.tsx

@@ -8,7 +8,7 @@ import {
 	type ViewStyle,
 	type TouchableOpacityProps,
 } from "react-native";
-import { useTheme, type ThemePalette } from "../../context/ThemeProvider";
+import { useTheme, type ThemeColors } from "../../context/ThemeProvider";
 import Text from "../Text";
 
 // Helper function to determine text color based on background color
@@ -29,10 +29,10 @@ const getContrastColor = (hexColor: string): string => {
 	return luminance > 0.5 ? "#000000" : "#FFFFFF";
 };
 
-export type Colors = keyof Omit<ThemePalette, "generation" | "colorScheme">;
+type Colors = keyof ThemeColors;
 
 export interface ButtonProps extends TouchableOpacityProps {
-	color?: Colors;
+	color: Colors;
 	loading?: boolean;
 	highlighted?: boolean;
 	disabled?: boolean;
@@ -42,7 +42,7 @@ export interface ButtonProps extends TouchableOpacityProps {
 
 const Button = forwardRef<TouchableOpacity, ButtonProps>((props, ref) => {
 	const {
-		color = "neutral",
+		color,
 		highlighted = false,
 		loading = false,
 		disabled = false,
@@ -57,24 +57,11 @@ const Button = forwardRef<TouchableOpacity, ButtonProps>((props, ref) => {
 	const theme = themeContext?.theme || {};
 
 	// Convert palette colors to actual styles
-	const getPaletteColor = (colorKey: Colors) => {
-		switch (colorKey) {
-			case "promotional":
-				return theme.promotional || "#007AFF"; // TODO: remove fallback color
-			case "positive":
-				return theme.positive;
-			case "critical":
-				return theme.critical || "#FF3B30"; // TODO: remove fallback color
-			case "highlight":
-				return theme.highlight || "#FF9500"; // TODO: remove fallback color
-			case "neutral":
-				return theme.neutral || "#8E8E93"; // TODO: remove fallback color
-			default:
-				return "#8E8E93";
-		}
+	const getThemeColor = (colorKey: Colors) => {
+		return theme[colorKey];
 	};
 
-	const backgroundColor = getPaletteColor(color);
+	const backgroundColor = getThemeColor(color);
 	const textColor = getContrastColor(backgroundColor);
 
 	return (

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

@@ -13,19 +13,19 @@
 
 // export type VideosCardProps = {
 // 	videosContent: VideosContent;
-// 	showBorder: boolean;
+// 	showCardBorder: boolean;
 // };
 
 // export const VideosCard = memo(
 // 	({
 // 		videosContent: { title, subtitle, videos },
-// 		showBorder,
+// 		showCardBorder,
 // 	}: VideosCardProps) => {
 // 		const renderVideos = () =>
 // 			videos.map((video) => <VideoContent key={video.muxId} {...video} />);
 
 // 		return (
-// 			<GenericOfferVertical showBorder={showBorder}>
+// 			<GenericOfferVertical showCardBorder={showCardBorder}>
 // 				<GenericOfferVertical.Container>
 // 					<View style={styles.textContainer}>
 // 						<Text variant="featured-2" weight="bold">

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

@@ -24,13 +24,13 @@ function smartCapitalize(text: string): string {
 const VerticalStat = (props: StatProps) => {
 	return (
 		<View style={styles.verticalStatContainer}>
-			<Text variant="featured-2" color="neutral" weight={"bold"}>
+			<Text variant="featured-2" color={"foregroundNeutral"} weight={"bold"}>
 				{String(props.content).trim()}
 			</Text>
 			<MarkdownText
 				variant={"body-3"}
 				weight={"normal"}
-				color={"neutral-faded"}
+				color={"foregroundNeutralFaded"}
 				content={props.label.trim()}
 			/>
 		</View>
@@ -67,10 +67,10 @@ export const Stat = ({
 		>
 			<MarkdownText
 				variant={"body-3"}
-				color={"neutral-faded"}
+				color={"foregroundNeutralFaded"}
 				content={label.trim()}
 			/>
-			<Text variant="body-3" color="neutral" weight="bold">
+			<Text variant="body-3" color="foregroundNeutral" weight="bold">
 				{smartCapitalize(String(content).trim())}
 			</Text>
 		</View>

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

@@ -1,8 +1,5 @@
 import React, { type ComponentProps } from "react";
 
-import { ThumborImage } from "../../../../src/capabilities/ui/elements/src";
-import { MarkdownText } from "../../../../src/capabilities/ui/elements/src/components/MarkdownText";
-import { arrayToMarkdownList } from "../../../../src/capabilities/offer-catalog/src";
 import { StatsContainer } from "./StatsContainer";
 import { Content } from "./Content";
 import { Stat } from "./Stat";
@@ -11,18 +8,21 @@ import Divider from "../../Divider";
 import Text, { type TextProps } from "../../Text";
 import View, { type ViewProps } from "../../View";
 import { 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";
 
 const CardWidth = 282;
 
 const BaseOfferCard = ({
 	children,
-	showBorder = true,
+	showCardBorder = true,
 	...rest
-}: ViewProps & { showBorder: boolean }) => (
+}: ViewProps & { showCardBorder?: boolean }) => (
 	<View
-		borderColor={showBorder ? "neutral" : undefined}
+		borderColor={showCardBorder ? "borderNeutral" : undefined}
 		direction={"column"}
-		backgroundColor={"white"}
+		backgroundColor={"backgroundElevationBase"}
 		width={CardWidth}
 		gap={1}
 		style={styles.baseOfferCard}
@@ -45,7 +45,12 @@ const Container = ({ children, ...rest }: ViewProps) => (
 );
 
 const Tip = ({ children }: ViewProps) => (
-	<Text variant="caption-2" color="positive" weight="bold" style={styles.tip}>
+	<Text
+		variant="caption-2"
+		color="foregroundPositive"
+		weight="bold"
+		style={styles.tip}
+	>
 		{children}
 	</Text>
 );
@@ -118,7 +123,7 @@ const TopContainer = ({ children, ...viewProps }: ViewProps) => (
 const TopBar = ({ children, ...viewProps }: ViewProps) => (
 	<View
 		direction={"row"}
-		backgroundColor="primary-faded"
+		backgroundColor="backgroundPrimaryFaded"
 		{...viewProps}
 		style={styles.topBar}
 	>
@@ -127,7 +132,12 @@ const TopBar = ({ children, ...viewProps }: ViewProps) => (
 );
 
 const ProductType = ({ children, ...rest }: TextProps) => (
-	<Text weight={"bold"} variant={"caption-1"} color="primary" {...rest}>
+	<Text
+		weight={"bold"}
+		variant={"caption-1"}
+		color="foregroundPrimary"
+		{...rest}
+	>
 		{children}
 	</Text>
 );
@@ -153,7 +163,7 @@ const BottomBar = ({ children, ...viewProps }: ViewProps) => (
 const Headline = ({ children, ...rest }: TextProps) => (
 	<Text
 		variant="body-2"
-		color="neutral"
+		color="foregroundNeutral"
 		weight="bold"
 		numberOfLines={2}
 		{...rest}
@@ -163,7 +173,12 @@ const Headline = ({ children, ...rest }: TextProps) => (
 );
 
 const Description = ({ children, ...rest }: TextProps) => (
-	<Text variant="body-3" color="neutral-faded" numberOfLines={4} {...rest}>
+	<Text
+		variant="body-3"
+		color="foregroundNeutralFaded"
+		numberOfLines={4}
+		{...rest}
+	>
 		{children}
 	</Text>
 );
@@ -175,7 +190,7 @@ const DescriptionPoints = ({
 	descriptionPoints.length > 0 && (
 		<MarkdownText
 			content={arrayToMarkdownList(descriptionPoints)}
-			color="neutral-faded"
+			color="foregroundNeutralFaded"
 			variant="body-3"
 			{...rest}
 		/>
@@ -195,7 +210,7 @@ const DescriptionHandler = ({
 			return (
 				<DescriptionPoints
 					numberOfLines={4}
-					color={"neutral-faded"}
+					color="foregroundNeutralFaded"
 					variant={"body-3"}
 					descriptionPoints={descriptionPoints}
 				/>
@@ -204,7 +219,7 @@ const DescriptionHandler = ({
 
 		if (contentDescription) {
 			return (
-				<Description variant={"body-3"} color={"neutral-faded"}>
+				<Description variant={"body-3"} color="foregroundNeutralFaded">
 					{contentDescription}
 				</Description>
 			);
@@ -221,8 +236,12 @@ const DescriptionHandler = ({
 	);
 };
 
-const CallToAction = ({ children, ...rest }: ComponentProps<typeof Button>) => (
-	<Button color="positive" {...rest}>
+const CallToAction = ({
+	color,
+	children,
+	...rest
+}: ComponentProps<typeof Button>) => (
+	<Button color={color} {...rest}>
 		{children}
 	</Button>
 );

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

@@ -1,9 +1,9 @@
 import React, { type ComponentProps } from "react";
 import { BaseOfferCard } from "../BaseOfferCard";
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
 import type Button from "../../Button";
 import { Linking } from "react-native";
 import { useEventHandler } from "../../../context/EventHandlerProvider";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 
 export type CTAProps = ComponentProps<typeof Button & { href: string }> & {
 	overrideUrl?: string;
@@ -14,6 +14,7 @@ export type CTAProps = ComponentProps<typeof Button & { href: string }> & {
 };
 
 export const CallToAction = ({
+	color,
 	children,
 	offer,
 	context,
@@ -23,6 +24,7 @@ export const CallToAction = ({
 	const { onOfferClick, rateTableUuid, leadUuid } = useEventHandler();
 	return (
 		<BaseOfferCard.CallToAction
+			color={color}
 			onPress={() => {
 				onOfferClick?.({
 					timestamp: new Date().toISOString(),

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

@@ -1,9 +1,9 @@
 import React, { useCallback, useState } from "react";
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
 import Text from "../../Text";
 import { TouchableOpacity, StyleSheet } from "react-native";
 import { OfferDetailsModal } from "../../Modal/OfferDetailsModal";
 import { useEventHandler } from "../../../context/EventHandlerProvider";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 
 export type SeeMoreProps = {
 	offer: BaseOffer;
@@ -48,7 +48,7 @@ export const SeeMore = ({ offer, offerIndex }: SeeMoreProps) => {
 			<TouchableOpacity onPress={handleMoreInfoClick} style={styles.container}>
 				<Text
 					variant={"body-3"}
-					color={"neutral"}
+					color={"foregroundNeutral"}
 					weight={"medium"}
 					style={styles.text}
 				>

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

@@ -1,14 +1,14 @@
-import type { BaseOffer } from "../../../../src/capabilities/offer-catalog/src";
 import React from "react";
 import { BaseOfferCard } from "../BaseOfferCard";
 import { CallToAction } from "./CallToAction";
 import { StyleSheet } from "react-native";
+import type { BaseOffer } from "../../../capabilities/offer-catalog/src";
 
 type DefaultOfferCatalogOfferType = {
 	children: React.ReactNode;
 	offer: BaseOffer;
 	offerIndex: number;
-	showBorder: boolean;
+	showCardBorder: boolean;
 	showProductTypeLabel?: boolean;
 };
 
@@ -16,11 +16,11 @@ function DynamicOfferCard({
 	children,
 	offer,
 	offerIndex,
-	showBorder,
+	showCardBorder,
 	showProductTypeLabel,
 }: DefaultOfferCatalogOfferType) {
 	return (
-		<BaseOfferCard showBorder={showBorder}>
+		<BaseOfferCard showCardBorder={showCardBorder}>
 			{showProductTypeLabel && (
 				<BaseOfferCard.TopBar>
 					<BaseOfferCard.ProductType>
@@ -39,6 +39,7 @@ function DynamicOfferCard({
 
 				<BaseOfferCard.BottomBar>
 					<CallToAction
+						color={"backgroundPositive"}
 						offer={offer}
 						overrideUrl={offer.overrideUrl}
 						style={styles.cta}