@wf-financing/ui 3.13.0 → 3.13.2

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @wf-financing/ui
 
+## 3.13.2
+
+### Patch Changes
+
+- testing OIDC release flow
+
+- Updated dependencies []:
+  - @wf-financing/embedded-types@0.7.1
+  - @wf-financing/logger@1.1.2
+  - @wf-financing/ui-assets@0.3.2
+
+## 3.13.1
+
+### Patch Changes
+
+- Fix amount formating
+
+- Updated dependencies []:
+  - @wf-financing/ui-assets@0.3.1
+
 ## 3.13.0
 
 ### Minor Changes

package/dist/index.es.js

@@ -22757,15 +22757,19 @@ const Zw = "wf-theme-variables";
 function Z9({ themeKey: e, rootElement: t, onThemeLoad: n, onThemeLoadError: r }) {
   const o = ig[e];
   if (!o) {
-    console.warn("Theme URL not found for theme:", e);
+    r == null || r({
+      message: "Theme URL not found for theme: " + e
+    });
     return;
   }
   const a = t || document.head;
   try {
-    if (getComputedStyle(a).getPropertyValue("--app-theme-key").trim() === e)
+    if (getComputedStyle(a).getPropertyValue("--app-theme-key").trim() === e) {
+      n == null || n();
       return;
-  } catch {
-    console.warn("Unable to check theme key");
+    }
+  } catch (d) {
+    r == null || r(d);
   }
   const l = document.createElement("link");
   l.href = ZC(o), l.rel = "stylesheet", l.id = Zw, l.onload = () => {
@@ -23928,7 +23932,7 @@ const em = {
   "8124d71d-1de6-4a39-8cff-dd2ce96c8363": "rocketFuel",
   "0e553c21-13a7-461f-bf4d-5a92fad4a403": "reveni",
   "bb9f8122-66ff-41bd-a8c0-52a9af0b3b4f": "reveni"
-}, t7 = "3.13.0", n7 = "https://static.wayflyer.com/flyui-assets/styles/flyui-f0765dfb.css", tm = {
+}, t7 = "3.13.2", n7 = "https://static.wayflyer.com/flyui-assets/styles/flyui-f0765dfb.css", tm = {
   styles: n7
 }, sS = "wf-flyui-styles", r7 = async ({ shadow: e, onStylesLoad: t, onStylesLoadError: n }) => {
   if (!tm || !("styles" in tm))
@@ -23980,15 +23984,16 @@ const em = {
     { code: "AUD", icon: "A$", position: "before" },
     { code: "CAD", icon: "C$", position: "before" }
   ].find(({ code: l }) => e === l), a = () => {
-    if (!o) return `${t}${e}`;
-    const { position: l, icon: c } = o;
-    switch (l) {
+    const l = Number(t).toLocaleString();
+    if (!o) return `${l}${e}`;
+    const { position: c, icon: d } = o;
+    switch (c) {
       case "before":
-        return `${c}${t}`;
+        return `${d}${l}`;
       case "after":
-        return `${t}${c}`;
+        return `${l}${d}`;
       default:
-        return `${c}${t}`;
+        return `${d}${l}`;
     }
   };
   return n.replace("{amount}", a());
@@ -33829,7 +33834,7 @@ const CV = ({ templateString: e }) => {
     }
   );
 }, MV = () => {
-  const { isLoading: e, data: t } = m7(), { data: n } = S_(), { onWidgetClose: r, isWidgetDismissed: o, options: a } = Li(), [l] = b.useState(() => !!(a != null && a.skipAnimations)), { mutate: c } = y7(), [d, f] = b.useState(!1);
+  const { isLoading: e, data: t } = m7(), { data: n } = S_(), { onWidgetClose: r, isWidgetDismissed: o, options: a } = Li(), [l] = b.useState(() => !!(a != null && a.skipAnimations) || !e), { mutate: c } = y7(), [d, f] = b.useState(!1);
   if (!(t && n && !o)) return null;
   const m = () => {
     (!e && !t || o) && r();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wf-financing/ui",
-  "version": "3.13.0",
+  "version": "3.13.2",
   "exports": {
     ".": {
       "import": "./dist/index.es.js",
@@ -37,9 +37,9 @@
     "react-intl": "^6.2.5",
     "react-markdown": "^10.1.0",
     "styled-components": "^6.1.19",
-    "@wf-financing/embedded-types": "0.7.0",
-    "@wf-financing/ui-assets": "0.3.0",
-    "@wf-financing/logger": "1.1.1"
+    "@wf-financing/embedded-types": "0.7.1",
+    "@wf-financing/ui-assets": "0.3.2",
+    "@wf-financing/logger": "1.1.2"
   },
   "publishConfig": {
     "access": "public"

package/src/CtaWidget.tsx

@@ -12,7 +12,7 @@ export const CtaWidget = () => {
   const { isLoading, data: cta } = useCtaBanner();
   const { data: copy } = useCopy();
   const { onWidgetClose, isWidgetDismissed, options } = usePartnerContext();
-  const [skipAnimation] = useState(() => !!options?.skipAnimations);
+  const [skipAnimation] = useState(() => !!options?.skipAnimations || !isLoading);
   const { mutate: continueHostedApplicationMutaion } = useContinueHostedApplication();
   const [isModalOpen, setIsModalOpen] = useState(false);
 

package/src/utils/replacePlaceholdersForMainText.ts

@@ -11,17 +11,19 @@ export const replacePlaceholdersForMainText = (currency: string, amount: number,
   const currencyWithIcon = currencies.find(({ code }) => currency === code);
 
   const getConvertedAmount = () => {
-    if (!currencyWithIcon) return `${amount}${currency}`;
+    const convertedAmount = Number(amount).toLocaleString();
+
+    if (!currencyWithIcon) return `${convertedAmount}${currency}`;
 
     const { position, icon } = currencyWithIcon;
 
     switch (position) {
       case 'before':
-        return `${icon}${amount}`;
+        return `${icon}${convertedAmount}`;
       case 'after':
-        return `${amount}${icon}`;
+        return `${convertedAmount}${icon}`;
       default:
-        return `${icon}${amount}`;
+        return `${icon}${convertedAmount}`;
     }
   };