@wf-financing/ui 4.7.2 → 4.7.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @wf-financing/ui
 
+## 4.7.3
+
+### Patch Changes
+
+- Specify modal window portal container
+
 ## 4.7.2
 
 ### Patch Changes

package/dist/index.es.js

@@ -24312,7 +24312,7 @@ const Qz = ({ rootElement: e }) => {
   rootName: "bannerRoot",
   rootElement: "div",
   rootElementId: "banner-root"
-}, n8 = [Jz, e8, t8], P0 = "4.7.2", r8 = (e) => n8.reduce((t, n) => {
+}, n8 = [Jz, e8, t8], P0 = "4.7.3", r8 = (e) => n8.reduce((t, n) => {
   const { rootElement: r, rootElementId: i, rootName: o } = n;
   let l = e.getElementById(i);
   return l || (l = document.createElement(r), l.id = i, e.appendChild(l)), {
@@ -25889,7 +25889,7 @@ var mi, Qk, L8 = (Qk = class extends wh {
     T(this, Et).clear(), T(this, Us).clear();
   }
 }, Et = new WeakMap(), Us = new WeakMap(), Ws = new WeakMap(), Sl = new WeakMap(), El = new WeakMap(), Gs = new WeakMap(), kl = new WeakMap(), Cl = new WeakMap(), Xk);
-const M8 = "https://api.wayflyer.com/financing", D8 = "https://sandbox-api.wayflyer.com/financing", F8 = "/v1/company/cta/", B8 = "/v1/company/hosted-application/", j8 = "/v1/company/hosted-application/continue/", z8 = "/v1/company/cta/dismiss/", H8 = "4.7.2";
+const M8 = "https://api.wayflyer.com/financing", D8 = "https://sandbox-api.wayflyer.com/financing", F8 = "/v1/company/cta/", B8 = "/v1/company/hosted-application/", j8 = "/v1/company/hosted-application/continue/", z8 = "/v1/company/cta/dismiss/", H8 = "4.7.3";
 class V8 extends Error {
   constructor(t, n, r) {
     super(r || `Request failed: ${t} ${n}`), this.status = t, this.statusText = n, this.name = "ApiError";
@@ -35900,6 +35900,7 @@ const PG = nP(Mz), _G = nP(Fz), Rk = { transform: "scale(0.7)", opacity: 0 }, RG
       exit: Rk,
       transition: { duration: 0.2 },
       style: { width: "420px", border: "none", maxWidth: "90vw", maxHeight: "100vh" },
+      UNSTABLE_portalContainer: i,
       children: [
         /* @__PURE__ */ H.jsx(
           PG,
@@ -35909,7 +35910,8 @@ const PG = nP(Mz), _G = nP(Fz), Rk = { transform: "scale(0.7)", opacity: 0 }, RG
             initial: Ik,
             animate: IG,
             exit: Ik,
-            transition: { duration: 0.2 }
+            transition: { duration: 0.2 },
+            UNSTABLE_portalContainer: i
           }
         ),
         /* @__PURE__ */ H.jsxs(Bz, { role: "dialog", "aria-labelledby": r, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wf-financing/ui",
-  "version": "4.7.2",
+  "version": "4.7.3",
   "exports": {
     ".": {
       "import": "./dist/index.es.js",
@@ -38,10 +38,9 @@
     "react-markdown": "^10.1.0",
     "styled-components": "^6.1.19",
     "@wf-financing/embedded-types": "1.1.1",
-    "@wf-financing/headless": "3.3.3",
     "@wf-financing/logger": "2.2.2",
     "@wf-financing/ui-assets": "1.1.3",
-    "@wf-financing/embedded-journey": "0.2.0"
+    "@wf-financing/headless": "3.3.3"
   },
   "publishConfig": {
     "access": "public"

package/src/components/modal/Modal.tsx

@@ -38,6 +38,7 @@ export const Modal = ({ isModalOpen, setIsModalOpen, children }: ModalProps) =>
               exit={small}
               transition={{ duration: 0.2 }}
               style={{ width: '420px', border: 'none', maxWidth: '90vw', maxHeight: '100vh' }}
+              UNSTABLE_portalContainer={portalContainer}
             >
               <MotionModalOverlay
                 data-id="modal-mask"
@@ -46,6 +47,7 @@ export const Modal = ({ isModalOpen, setIsModalOpen, children }: ModalProps) =>
                 animate={opaque}
                 exit={transparent}
                 transition={{ duration: 0.2 }}
+                UNSTABLE_portalContainer={portalContainer}
               />
               <Dialog role="dialog" aria-labelledby={modalId}>
                 <div style={{ position: 'absolute', right: '10px', top: '10px' }}>