@wf-financing/ui 1.1.2 → 1.3.0

package/src/utils/loadFont.ts

@@ -0,0 +1,28 @@
+type FontParamsType = {
+  fontFamily: string;
+  fontUrl: string;
+};
+
+type LoadFontType = (shadow: ShadowRoot, fontParams: FontParamsType) => Promise<void>;
+
+export const loadFont: LoadFontType = async (shadow, fontParams) => {
+  const { fontFamily, fontUrl } = fontParams;
+  const fontStylesId = 'font-styles';
+
+  const font = new FontFace(fontFamily, `url(${fontUrl})`);
+
+  await font.load();
+  document.fonts.add(font);
+
+  let fontStyles = shadow.getElementById(fontStylesId);
+  if (!fontStyles) {
+    fontStyles = document.createElement('style');
+    fontStyles.id = fontStylesId;
+    fontStyles.textContent = `
+      :host { font-family: "${fontFamily}", sans-serif; }
+      ::slotted(*) { font-family: inherit; }
+    `;
+
+    shadow.appendChild(fontStyles);
+  }
+};

package/src/utils/loadScriptAndInitializeSdk.ts

@@ -1,4 +1,4 @@
-import { IHeadlessWayflyerCtaSdk, MockedModeType } from '@wf-financing/embedded-types';
+import { IHeadlessWayflyerSdk, MockedModeType } from '@wf-financing/embedded-types';
 
 import { initializeHeadlessSdk } from './initializeHeadlessSdk';
 
@@ -6,8 +6,8 @@ export const loadScriptAndInitializeSdk = (
   script: HTMLScriptElement,
   companyToken: string,
   mockedMode?: MockedModeType,
-): Promise<IHeadlessWayflyerCtaSdk> => {
-  return new Promise<IHeadlessWayflyerCtaSdk>((resolve, reject) => {
+): Promise<IHeadlessWayflyerSdk> => {
+  return new Promise<IHeadlessWayflyerSdk>((resolve, reject) => {
     script.onload = () => {
       try {
         resolve(initializeHeadlessSdk(companyToken, mockedMode));

package/src/utils/partnerContext.ts

@@ -7,6 +7,7 @@ export type PartnerContextType = {
   partnerCallback: PartnerCallbackType;
   mockedMode?: MockedModeType;
   onWidgetClose: () => void;
+  portalContainer: HTMLElement;
 };
 
 type PartnerContextWithDefaultType = PartnerContextType | null;

package/src/components/banner/BannerContent.snapshot.stories.tsx

@@ -1,31 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { CtaBannerContent } from './CtaBannerContent';
-
-const meta: Meta<typeof CtaBannerContent> = {
-  title: 'BannerContent',
-  component: CtaBannerContent,
-  argTypes: {
-    isMobile: {
-      control: 'boolean',
-      description: 'Render mobile version',
-      defaultValue: false,
-    },
-    isTablet: {
-      control: 'boolean',
-      description: 'Render tablet version',
-      defaultValue: false,
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CtaBannerContent>;
-
-export const Default: Story = {
-  args: {
-    isMobile: false,
-    isTablet: false,
-  },
-  render: (args) => <CtaBannerContent {...args} />,
-};