@wf-financing/ui 4.3.0 → 4.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--app-theme-key: wayflyer;--defaults-borderRadius: 8px;--defaults-button-borderRadius: 8px;--defaults-button-sizes-normal: 40px;--defaults-button-sizes-small: 32px;--defaults-modal-large-width-lg: 900px;--defaults-modal-large-width-md: 900px;--defaults-modal-normal-width-lg: 600px;--defaults-modal-normal-width-md: 504px;--defaults-page-width: 968px;--sizes-spacing-0: 0px;--sizes-spacing-0-5: 2px;--sizes-spacing-1: 4px;--sizes-spacing-1-5: 6px;--sizes-spacing-2: 8px;--sizes-spacing-3: 12px;--sizes-spacing-4: 16px;--sizes-spacing-5: 20px;--sizes-spacing-6: 24px;--sizes-spacing-7: 28px;--sizes-spacing-8: 32px;--sizes-spacing-9: 36px;--sizes-spacing-10: 40px;--sizes-spacing-11: 44px;--sizes-spacing-12: 48px;--sizes-spacing-13: 52px;--sizes-spacing-14: 56px;--sizes-spacing-15: 60px;--sizes-spacing-16: 64px;--sizes-spacing-17: 68px;--sizes-spacing-18: 72px;--sizes-spacing-19: 76px;--sizes-spacing-20: 80px;--sizes-spacing-24: 96px;--sizes-spacing-32: 128px;--sizes-spacing-auto: auto;--cta-content: "default";--cta-surface: "brand";--effects-blur: blur(6px);--effects-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 2px var(--palette-border-interactive-focusRingOuter);--effects-shadow: 0px 2px 20px rgba(22, 21, 23, .08);--palette-bg-accent-strong: #001eff;--palette-bg-accent-subtle: #e4edff;--palette-bg-interactive-active: #000000;--palette-bg-interactive-activeInverse: #ffffff;--palette-bg-interactive-activeSubtle: #000000;--palette-bg-interactive-activeSubtleInverse: #ffffff;--palette-bg-interactive-hover: #000000;--palette-bg-interactive-hoverInverse: #ffffff;--palette-bg-interactive-hoverSubtle: #000000;--palette-bg-interactive-hoverSubtleInverse: #ffffff;--palette-bg-neutral-base: #ffffff;--palette-bg-neutral-inverse: #333333;--palette-bg-neutral-overlay: #000000;--palette-bg-neutral-strong: #d9d9d9;--palette-bg-neutral-subtle: #f5f5f5;--palette-bg-status-critical: #fde4e4;--palette-bg-status-criticalStrong: #cf2048;--palette-bg-status-info: #dcf0fe;--palette-bg-status-neutral: #ededed;--palette-bg-status-positive: #d8f3d8;--palette-bg-status-warning: #ffe4d7;--palette-border-accent-strong: #001eff;--palette-border-interactive-active: #000000;--palette-border-interactive-activeInverse: #ffffff;--palette-border-interactive-focusRingInner: #ffffff;--palette-border-interactive-focusRingInnerInverse: #333333;--palette-border-interactive-focusRingOuter: #001eff;--palette-border-interactive-focusRingOuterInverse: #f0f5ff;--palette-border-interactive-hover: #000000;--palette-border-interactive-hoverInverse: #ffffff;--palette-border-neutral-inverse: #333333;--palette-border-neutral-onInverse: #ffffff;--palette-border-neutral-strong: #8d8d8d;--palette-border-neutral-subtle: #d9d9d9;--palette-border-status-critical: #cf2048;--palette-border-status-info: #3090c7;--palette-border-status-neutral: #8d8d8d;--palette-border-status-positive: #4e9655;--palette-border-status-warning: #eb5029;--palette-content-accent-onAccent: #ffffff;--palette-content-accent-strong: #001eff;--palette-content-interactive-active: #000000;--palette-content-interactive-activeInverse: #ffffff;--palette-content-interactive-hover: #000000;--palette-content-interactive-hoverInverse: #ffffff;--palette-content-neutral-onInverse: #ffffff;--palette-content-neutral-strong: #333333;--palette-content-neutral-subtle: #737373;--palette-content-status-critical: #cf2048;--palette-content-status-info: #3090c7;--palette-content-status-neutral: #333333;--palette-content-status-onCritical: #ffffff;--palette-content-status-positive: #4e9655;--palette-content-status-warning: #eb5029;--palette-datavis-accent: #001eff;--palette-datavis-accentStrong: #000b6a;--palette-datavis-accentSubtle: #82aaff;--sizes-blur-100: 12px;--sizes-breakpoint-lg: 1280px;--sizes-breakpoint-md: 1024px;--sizes-breakpoint-sm: 768px;--sizes-breakpoint-xl: 1536px;--sizes-breakpoint-xs: 640px;--sizes-breakpoint-xxl: 1920px;--sizes-breakpoint-xxs: 375px;--sizes-breakpoint-xxxl: 2560px;--sizes-breakpoint-xxxs: 320px;--sizes-radius-2xl: 24px;--sizes-radius-full: 9999px;--sizes-radius-lg: 12px;--sizes-radius-md: 8px;--sizes-radius-none: 0px;--sizes-radius-sm: 4px;--sizes-radius-xl: 16px;--sizes-stroke-default: 1px;--sizes-stroke-focusRing: 2px;--sizes-stroke-strong: 2px;--typography-fontFamily-primaryTypeface: Inter;--typography-fontFamily-secondaryTypeface: Inter;--typography-fontSize-2xl: 22px;--typography-fontSize-3xl: 24px;--typography-fontSize-4xl: 28px;--typography-fontSize-5xl: 32px;--typography-fontSize-6xl: 36px;--typography-fontSize-lg: 18px;--typography-fontSize-md: 16px;--typography-fontSize-sm: 14px;--typography-fontSize-xl: 20px;--typography-fontSize-xs: 12px;--typography-fontWeight-medium: 500;--typography-fontWeight-mediumItalic: 500;--typography-fontWeight-regular: 400;--typography-fontWeight-regularItalic: 400;--typography-fontWeight-semibold: 600;--typography-fontWeight-semiboldItalic: 600;--typography-lineHeight-loose: 1.5;--typography-lineHeight-none: 1;--typography-lineHeight-normal: 1.4;--typography-lineHeight-tight: 1.2;--extendedPalette-chart-background: #fff;--extendedPalette-chart-boxShadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);--extendedPalette-chart-color: fade(@black, 85%);--extendedPalette-chart-colors-deselectedColor: #C0C0C0;--extendedPalette-chart-colors-gridColor: #E8E8E8;--extendedPalette-chart-colors-primaryColor: #54C4FC;--extendedPalette-chart-colors-primaryLabelColor: #262626;--extendedPalette-chart-colors-secondaryColor: #FCB779;--extendedPalette-chart-colors-secondaryColorPaler: #ada8ae;--extendedPalette-chart-colors-secondaryLabelColor: #8c8c8c;--extendedPalette-chart-delta-negative: #AD0000;--extendedPalette-chart-delta-positive: #0D610C;--extendedPalette-chart-multichartColors-chart1: #6B7280;--extendedPalette-chart-multichartColors-chart10: #6366F1;--extendedPalette-chart-multichartColors-chart11: #8B5CF6;--extendedPalette-chart-multichartColors-chart12: #EC4899;--extendedPalette-chart-multichartColors-chart13: #F43F5E;--extendedPalette-chart-multichartColors-chart2: #EF4444;--extendedPalette-chart-multichartColors-chart3: #F97316;--extendedPalette-chart-multichartColors-chart4: #F59E0B;--extendedPalette-chart-multichartColors-chart5: #0D610C;--extendedPalette-chart-multichartColors-chart6: #14B8A6;--extendedPalette-chart-multichartColors-chart7: #06B6D4;--extendedPalette-chart-multichartColors-chart8: #0EA5E9;--extendedPalette-chart-multichartColors-chart9: #3B82F6;--extendedPalette-chart-multiLineBarChartColors-bar-color1: #A7F3D0;--extendedPalette-chart-multiLineBarChartColors-bar-color2: #34D399;--extendedPalette-chart-multiLineBarChartColors-bar-color3: #059669;--extendedPalette-chart-multiLineBarChartColors-bar-color4: #06B6D4;--extendedPalette-chart-multiLineBarChartColors-bar-color5: #0EA5E9;--extendedPalette-chart-multiLineBarChartColors-bar-color6: #3B82F6;--extendedPalette-chart-multiLineBarChartColors-line-color1: #F59E0B;--extendedPalette-chart-multiLineBarChartColors-line-color2: #6366F1;--extendedPalette-chart-multiLineBarChartColors-line-color3: #EF4444;--extendedPalette-chart-multiLineBarChartColors-line-color4: #10B981;--extendedPalette-chart-multiLineBarChartColors-line-color5: #EC4899;--extendedPalette-chart-multiLineBarChartColors-line-color6: #F43F5E;--extendedPalette-chart-shadowColor: rgba(0, 0, 0, .15);--extendedPalette-pinnedMetrics-borderColor-default: #FFFFFF;--extendedPalette-pinnedMetrics-borderColor-sorted: #1D44CE;--extendedPalette-pinnedMetrics-borderColor-summary: #0D610C;--extendedPalette-pinnedMetrics-borderStyle: solid;--extendedPalette-pinnedMetrics-borderWidth: 2;--extendedPalette-scaler-iconColor: #ffffff;--extendedPalette-task-completed: #059669;--extendedPalette-task-pending: #faad14}
1
+ :root,:host{--app-theme-key: wayflyer;--app-override-key: wayflyer;--defaults-borderRadius: 8px;--defaults-button-borderRadius: 8px;--defaults-button-sizes-normal: 40px;--defaults-button-sizes-small: 32px;--defaults-modal-large-width-lg: 900px;--defaults-modal-large-width-md: 900px;--defaults-modal-normal-width-lg: 600px;--defaults-modal-normal-width-md: 504px;--defaults-page-width: 968px;--sizes-spacing-0: 0px;--sizes-spacing-0-5: 2px;--sizes-spacing-1: 4px;--sizes-spacing-1-5: 6px;--sizes-spacing-2: 8px;--sizes-spacing-3: 12px;--sizes-spacing-4: 16px;--sizes-spacing-5: 20px;--sizes-spacing-6: 24px;--sizes-spacing-7: 28px;--sizes-spacing-8: 32px;--sizes-spacing-9: 36px;--sizes-spacing-10: 40px;--sizes-spacing-11: 44px;--sizes-spacing-12: 48px;--sizes-spacing-13: 52px;--sizes-spacing-14: 56px;--sizes-spacing-15: 60px;--sizes-spacing-16: 64px;--sizes-spacing-17: 68px;--sizes-spacing-18: 72px;--sizes-spacing-19: 76px;--sizes-spacing-20: 80px;--sizes-spacing-24: 96px;--sizes-spacing-32: 128px;--sizes-spacing-auto: auto;--cta-content: default;--cta-surface: light;--effects-blur: blur(6px);--effects-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 2px var(--palette-border-interactive-focusRingOuter);--effects-shadow: 0px 2px 20px rgba(22, 21, 23, .08);--palette-bg-accent-strong: #001eff;--palette-bg-accent-subtle: #e4edff;--palette-bg-interactive-active: #000000;--palette-bg-interactive-activeInverse: #ffffff;--palette-bg-interactive-activeSubtle: #000000;--palette-bg-interactive-activeSubtleInverse: #ffffff;--palette-bg-interactive-hover: #000000;--palette-bg-interactive-hoverInverse: #ffffff;--palette-bg-interactive-hoverSubtle: #000000;--palette-bg-interactive-hoverSubtleInverse: #ffffff;--palette-bg-neutral-base: #ffffff;--palette-bg-neutral-inverse: #333333;--palette-bg-neutral-overlay: #000000;--palette-bg-neutral-strong: #d9d9d9;--palette-bg-neutral-subtle: #f5f5f5;--palette-bg-status-critical: #fde4e4;--palette-bg-status-criticalStrong: #cf2048;--palette-bg-status-info: #dcf0fe;--palette-bg-status-neutral: #ededed;--palette-bg-status-positive: #d8f3d8;--palette-bg-status-warning: #ffe4d7;--palette-border-accent-strong: #001eff;--palette-border-interactive-active: #000000;--palette-border-interactive-activeInverse: #ffffff;--palette-border-interactive-focusRingInner: #ffffff;--palette-border-interactive-focusRingInnerInverse: #333333;--palette-border-interactive-focusRingOuter: #001eff;--palette-border-interactive-focusRingOuterInverse: #f0f5ff;--palette-border-interactive-hover: #000000;--palette-border-interactive-hoverInverse: #ffffff;--palette-border-neutral-inverse: #333333;--palette-border-neutral-onInverse: #ffffff;--palette-border-neutral-strong: #8d8d8d;--palette-border-neutral-subtle: #d9d9d9;--palette-border-status-critical: #cf2048;--palette-border-status-info: #3090c7;--palette-border-status-neutral: #8d8d8d;--palette-border-status-positive: #4e9655;--palette-border-status-warning: #eb5029;--palette-content-accent-onAccent: #ffffff;--palette-content-accent-strong: #001eff;--palette-content-interactive-active: #000000;--palette-content-interactive-activeInverse: #ffffff;--palette-content-interactive-hover: #000000;--palette-content-interactive-hoverInverse: #ffffff;--palette-content-neutral-onInverse: #ffffff;--palette-content-neutral-strong: #333333;--palette-content-neutral-subtle: #737373;--palette-content-status-critical: #cf2048;--palette-content-status-info: #3090c7;--palette-content-status-neutral: #333333;--palette-content-status-onCritical: #ffffff;--palette-content-status-positive: #4e9655;--palette-content-status-warning: #eb5029;--palette-datavis-accent: #001eff;--palette-datavis-accentStrong: #000b6a;--palette-datavis-accentSubtle: #82aaff;--sizes-blur-100: 12px;--sizes-breakpoint-lg: 1280px;--sizes-breakpoint-md: 1024px;--sizes-breakpoint-sm: 768px;--sizes-breakpoint-xl: 1536px;--sizes-breakpoint-xs: 640px;--sizes-breakpoint-xxl: 1920px;--sizes-breakpoint-xxs: 375px;--sizes-breakpoint-xxxl: 2560px;--sizes-breakpoint-xxxs: 320px;--sizes-radius-2xl: 24px;--sizes-radius-full: 9999px;--sizes-radius-lg: 12px;--sizes-radius-md: 8px;--sizes-radius-none: 0px;--sizes-radius-sm: 4px;--sizes-radius-xl: 16px;--sizes-stroke-default: 1px;--sizes-stroke-focusRing: 2px;--sizes-stroke-strong: 2px;--typography-fontFamily-primaryTypeface: Inter;--typography-fontFamily-secondaryTypeface: Inter;--typography-fontSize-2xl: 22px;--typography-fontSize-3xl: 24px;--typography-fontSize-4xl: 28px;--typography-fontSize-5xl: 32px;--typography-fontSize-6xl: 36px;--typography-fontSize-lg: 18px;--typography-fontSize-md: 16px;--typography-fontSize-sm: 14px;--typography-fontSize-xl: 20px;--typography-fontSize-xs: 12px;--typography-fontWeight-medium: 500;--typography-fontWeight-mediumItalic: 500;--typography-fontWeight-regular: 400;--typography-fontWeight-regularItalic: 400;--typography-fontWeight-semibold: 600;--typography-fontWeight-semiboldItalic: 600;--typography-lineHeight-loose: 1.5;--typography-lineHeight-none: 1;--typography-lineHeight-normal: 1.4;--typography-lineHeight-tight: 1.2;--extendedPalette-chart-background: #fff;--extendedPalette-chart-boxShadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);--extendedPalette-chart-color: fade(@black, 85%);--extendedPalette-chart-colors-deselectedColor: #C0C0C0;--extendedPalette-chart-colors-gridColor: #E8E8E8;--extendedPalette-chart-colors-primaryColor: #54C4FC;--extendedPalette-chart-colors-primaryLabelColor: #262626;--extendedPalette-chart-colors-secondaryColor: #FCB779;--extendedPalette-chart-colors-secondaryColorPaler: #ada8ae;--extendedPalette-chart-colors-secondaryLabelColor: #8c8c8c;--extendedPalette-chart-delta-negative: #AD0000;--extendedPalette-chart-delta-positive: #0D610C;--extendedPalette-chart-multichartColors-chart1: #6B7280;--extendedPalette-chart-multichartColors-chart10: #6366F1;--extendedPalette-chart-multichartColors-chart11: #8B5CF6;--extendedPalette-chart-multichartColors-chart12: #EC4899;--extendedPalette-chart-multichartColors-chart13: #F43F5E;--extendedPalette-chart-multichartColors-chart2: #EF4444;--extendedPalette-chart-multichartColors-chart3: #F97316;--extendedPalette-chart-multichartColors-chart4: #F59E0B;--extendedPalette-chart-multichartColors-chart5: #0D610C;--extendedPalette-chart-multichartColors-chart6: #14B8A6;--extendedPalette-chart-multichartColors-chart7: #06B6D4;--extendedPalette-chart-multichartColors-chart8: #0EA5E9;--extendedPalette-chart-multichartColors-chart9: #3B82F6;--extendedPalette-chart-multiLineBarChartColors-bar-color1: #A7F3D0;--extendedPalette-chart-multiLineBarChartColors-bar-color2: #34D399;--extendedPalette-chart-multiLineBarChartColors-bar-color3: #059669;--extendedPalette-chart-multiLineBarChartColors-bar-color4: #06B6D4;--extendedPalette-chart-multiLineBarChartColors-bar-color5: #0EA5E9;--extendedPalette-chart-multiLineBarChartColors-bar-color6: #3B82F6;--extendedPalette-chart-multiLineBarChartColors-line-color1: #F59E0B;--extendedPalette-chart-multiLineBarChartColors-line-color2: #6366F1;--extendedPalette-chart-multiLineBarChartColors-line-color3: #EF4444;--extendedPalette-chart-multiLineBarChartColors-line-color4: #10B981;--extendedPalette-chart-multiLineBarChartColors-line-color5: #EC4899;--extendedPalette-chart-multiLineBarChartColors-line-color6: #F43F5E;--extendedPalette-chart-shadowColor: rgba(0, 0, 0, .15);--extendedPalette-pinnedMetrics-borderColor-default: #FFFFFF;--extendedPalette-pinnedMetrics-borderColor-sorted: #1D44CE;--extendedPalette-pinnedMetrics-borderColor-summary: #0D610C;--extendedPalette-pinnedMetrics-borderStyle: solid;--extendedPalette-pinnedMetrics-borderWidth: 2;--extendedPalette-scaler-iconColor: #ffffff;--extendedPalette-task-completed: #059669;--extendedPalette-task-pending: #faad14}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wf-financing/ui",
3
- "version": "4.3.0",
3
+ "version": "4.3.1",
4
4
  "exports": {
5
5
  ".": {
6
6
  "import": "./dist/index.es.js",
@@ -24,7 +24,7 @@
24
24
  "chromatic": "^13.1.2",
25
25
  "eslint-plugin-storybook": "^9.1.10",
26
26
  "playwright": "^1.53.2",
27
- "storybook": "^9.0.15",
27
+ "storybook": "^9.1.17",
28
28
  "typescript": "^5.0.0",
29
29
  "vite": "^6.3.5",
30
30
  "vite-plugin-dts": "^3.4.0",
@@ -38,8 +38,8 @@
38
38
  "react-markdown": "^10.1.0",
39
39
  "styled-components": "^6.1.19",
40
40
  "@wf-financing/embedded-types": "1.1.0",
41
- "@wf-financing/ui-assets": "1.0.1",
42
- "@wf-financing/logger": "2.1.0"
41
+ "@wf-financing/logger": "2.1.0",
42
+ "@wf-financing/ui-assets": "1.0.2"
43
43
  },
44
44
  "publishConfig": {
45
45
  "access": "public"
package/project.json ADDED
@@ -0,0 +1,5 @@
1
+ {
2
+ "name": "sdk-cta-ui",
3
+ "$schema": "../../node_modules/nx/schemas/project-schema.json",
4
+ "sourceRoot": "packages/sdk-cta-ui/src"
5
+ }
package/sdk/index.ts CHANGED
@@ -1,28 +1,23 @@
1
1
  import { PartnerCallbackType, UiSdkOptions } from '@wf-financing/embedded-types';
2
2
 
3
- import { PartnerTheme, APPLICATION_VERSION } from '../src/config';
4
3
  import { mountToTarget } from '../src/main';
5
- import { getPartnerIdFromToken, getPartnerThemeById } from '../src/utils';
4
+ import { APPLICATION_VERSION } from '../src/config';
6
5
 
7
6
  export class WayflyerUiSdk {
8
7
  readonly sdkVersion = APPLICATION_VERSION;
9
- private readonly partnerTheme: PartnerTheme;
10
8
 
11
9
  constructor(
12
10
  readonly companyToken: string,
13
11
  readonly options?: UiSdkOptions,
14
- ) {
15
- const partnerId = getPartnerIdFromToken(companyToken);
16
- this.partnerTheme = getPartnerThemeById(partnerId);
17
- }
12
+ ) {}
18
13
 
19
14
  mountCta(targetId: string, partnerCallback: PartnerCallbackType) {
20
15
  if (document.readyState === 'loading') {
21
16
  document.addEventListener('DOMContentLoaded', () =>
22
- mountToTarget(targetId, this.partnerTheme, partnerCallback, this.companyToken, this.options),
17
+ mountToTarget(targetId, partnerCallback, this.companyToken, this.options),
23
18
  );
24
19
  } else {
25
- mountToTarget(targetId, this.partnerTheme, partnerCallback, this.companyToken, this.options);
20
+ mountToTarget(targetId, partnerCallback, this.companyToken, this.options);
26
21
  }
27
22
  }
28
23
  }
package/src/App.tsx CHANGED
@@ -2,16 +2,16 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
2
2
  import { FlyUIProvider } from '@wayflyer/flyui';
3
3
  import { PartnerCallbackType, UiSdkOptions } from '@wf-financing/embedded-types';
4
4
  import { Logger } from '@wf-financing/logger';
5
+ import { fetchThemeOverrides } from '@wayflyer/flyui-tokens';
6
+ import { getPartnerIdFromToken } from './utils';
5
7
  import { useState } from 'react';
6
8
  import { createIntl, createIntlCache, IntlShape } from 'react-intl';
7
9
 
8
- import { PartnerTheme } from './config';
9
10
  import { CtaWidget } from './CtaWidget';
10
11
  import enMessages from './locales/en.json';
11
12
  import { PartnerContext } from './utils';
12
13
 
13
14
  type AppPropsType = {
14
- theme: PartnerTheme;
15
15
  companyToken: string;
16
16
  options?: UiSdkOptions;
17
17
  partnerCallback: PartnerCallbackType;
@@ -26,7 +26,6 @@ const messages = {
26
26
  };
27
27
 
28
28
  export const App = ({
29
- theme,
30
29
  companyToken,
31
30
  options,
32
31
  partnerCallback,
@@ -67,11 +66,17 @@ export const App = ({
67
66
  }}
68
67
  >
69
68
  <FlyUIProvider
70
- theme={theme}
69
+ theme="whiteLabel"
70
+ themeOverrides={fetchThemeOverrides({
71
+ partnerId: getPartnerIdFromToken(companyToken),
72
+ onError: () => {
73
+ Logger.logError(`Error while loading theme overridesfor partner: ${companyToken}`);
74
+ },
75
+ })}
71
76
  intl={intl}
72
77
  onThemeLoad={() => setIsThemeLoaded(true)}
73
78
  onThemeLoadError={() => {
74
- Logger.logError(`Error while loading theme: ${theme}`);
79
+ Logger.logError(`Error while loading theme for partner: ${companyToken}`);
75
80
  }}
76
81
  >
77
82
  {isThemeLoaded && <CtaWidget />}
@@ -15,7 +15,7 @@ export const BulletList = ({ isOnDarkTheme, bulletPoints }: BulletListProps) =>
15
15
  <Flex gap="4">
16
16
  {bulletPoints.map((bulletPoint: string) => (
17
17
  <Flex key={bulletPoint} gap="1" align="center">
18
- <Icon color={isOnDarkTheme ? 'onDark' : 'default'}>
18
+ <Icon color={isOnDarkTheme ? 'onDark' : 'default'} subtle>
19
19
  <IconCheck12Line />
20
20
  </Icon>
21
21
  <Text
@@ -64,6 +64,7 @@ type Props = {
64
64
  export const CtaBanner = ({ bannerConfig, skipAnimation }: Props) => {
65
65
  const { isMobile } = useDetectDeviceSize();
66
66
  const { portalContainer } = usePartnerContext();
67
+
67
68
  const { cta: themeFlags } = getThemeFlags({ rootElement: portalContainer });
68
69
 
69
70
  const { buttonAction, buttonText, mainText, bulletPoints } = bannerConfig;
@@ -37,7 +37,7 @@ export const ConsentModal: Story = {
37
37
  setIsModalOpen: fn,
38
38
  title: 'Fuel your growth with capital from Wayflyer',
39
39
  button: 'Continue to Wayflyer',
40
- logoUrl: 'https://static.wayflyer.com/flyui-assets/favicons/white-logo-with-background.png',
40
+ logoUrl: 'https://static.wayflyer.com/flyui-assets/logos/wayflyer-icon-logo-v3.svg',
41
41
  termsAndConditions:
42
42
  'By proceeding, you consent to us sharing your information with Wayflyer so they can assess your eligibility for financing, in accordance with the [Wayflyer Privacy Policy]({termsUrl}).',
43
43
  bulletPoints: [
@@ -1,6 +1,4 @@
1
1
  export { ROOTS_CONFIG } from './rootsParameters';
2
2
  export { WAYFLYER_HEADLESS_SDK_ID } from './scriptId';
3
3
  export { HEADLESS_SDK_URL } from './url';
4
- export { WHITELISTED_PARTNER_IDS } from './whitelistedPartnerIds';
5
- export type { PartnerId, PartnerTheme } from './whitelistedPartnerIds';
6
4
  export { APPLICATION_VERSION } from './applicationVersion';
package/src/main.tsx CHANGED
@@ -5,7 +5,6 @@ import { StyleSheetManager } from 'styled-components';
5
5
  import { MotionGlobalConfig } from 'framer-motion';
6
6
  import { App } from './App';
7
7
  import { EventProvider } from './EventProvider';
8
- import { PartnerTheme } from './config';
9
8
  import { applyStyles, createRoots } from './utils';
10
9
 
11
10
  let root: ReactDOM.Root | undefined;
@@ -13,7 +12,6 @@ let savedTargetId: string | undefined;
13
12
 
14
13
  export const mountToTarget = async (
15
14
  targetId: string,
16
- partnerTheme: PartnerTheme,
17
15
  partnerCallback: PartnerCallbackType,
18
16
  companyToken: string,
19
17
  options?: UiSdkOptions,
@@ -56,7 +54,6 @@ export const mountToTarget = async (
56
54
  <StyleSheetManager target={styledComponentsStyleRoot}>
57
55
  <EventProvider>
58
56
  <App
59
- theme={partnerTheme}
60
57
  companyToken={companyToken}
61
58
  options={options}
62
59
  partnerCallback={partnerCallback}
@@ -1,9 +1,8 @@
1
- import { PartnerId } from '../config';
2
1
  import { parseJwt } from './parseJwt';
3
2
 
4
- export const getPartnerIdFromToken = (token: string): PartnerId => {
3
+ export const getPartnerIdFromToken = (token: string): string => {
5
4
  const company = parseJwt(token);
6
- const partnerId = company?.sub.split('|')[0] as PartnerId;
5
+ const partnerId = company?.sub.split('|')[0] as string;
7
6
 
8
7
  return partnerId;
9
8
  };
@@ -1,7 +1,6 @@
1
1
  export { applyStyles } from './applyStyles';
2
2
  export { createRoots } from './createRoots';
3
3
  export { getPartnerIdFromToken } from './getPartnerIdFromToken';
4
- export { getPartnerThemeById } from './getPartnerThemeById';
5
4
  export { initializeHeadlessSdk } from './initializeHeadlessSdk';
6
5
  export { loadScriptAndInitializeSdk } from './loadScriptAndInitializeSdk';
7
6
  export { PartnerContext, type PartnerContextType } from './partnerContext';
@@ -1,28 +0,0 @@
1
- import { Themes } from '@wayflyer/flyui';
2
-
3
- export type PartnerTheme = Exclude<Themes, 'staff'>;
4
- export type PartnerId = keyof typeof WHITELISTED_PARTNER_IDS;
5
-
6
- /**
7
- * List of partner IDs that are allowed to use custom CTA themes
8
- * when embedded into their platform.
9
- */
10
- export const WHITELISTED_PARTNER_IDS = {
11
- '2416e2af-c9f7-40ac-a2f0-f37dcfe59674': 'whiteLabel',
12
- '1f309265-5324-4f8b-88d7-9b0d5c77a27c': 'wayflyer',
13
-
14
- '970df87a-e7d5-4942-9450-a77cf771dca3': 'athena',
15
- '01756129-a8a8-4314-8813-97057195dcfa': 'athena',
16
-
17
- '15bc3b16-632d-4de8-9a7e-3ab26f457ebd': 'conjura',
18
- '1e1d4824-ce39-40d4-9e51-816d953a4b41': 'conjura',
19
-
20
- 'c7fcea8c-ae5b-433a-bf79-ae3214627cf2': 'rocketFuel',
21
- '8124d71d-1de6-4a39-8cff-dd2ce96c8363': 'rocketFuel',
22
-
23
- '0e553c21-13a7-461f-bf4d-5a92fad4a403': 'reveni',
24
- 'bb9f8122-66ff-41bd-a8c0-52a9af0b3b4f': 'reveni',
25
-
26
- '9f21c2f7-fd67-4557-82df-8e2f4783c66a': 'linkMyBooks',
27
- '01aba3d9-21d6-4a40-b6d2-a9f0c8628b0f': 'linkMyBooks',
28
- } as const satisfies Record<string, PartnerTheme>;
@@ -1,5 +0,0 @@
1
- import { PartnerId, PartnerTheme, WHITELISTED_PARTNER_IDS } from '../config';
2
-
3
- export const getPartnerThemeById = (value: PartnerId): PartnerTheme => {
4
- return WHITELISTED_PARTNER_IDS[value] || 'whiteLabel';
5
- };