@parafin/react 1.0.0 → 1.0.2

package/README.md

@@ -1,3 +1,3 @@
 ## @parafin/react
 
-Please refer to the [Parafin docs](https://docs.parafin.com/capital/present-offers/elements/reference) for more details.
+Please refer to the [Parafin docs](https://docs.parafin.com/capital/present-offers/embedded/reference) for more details.

package/index.tsx

@@ -13,6 +13,7 @@ type OptInFields = {
   }[]
   routingNumber?: string
   accountNumberLastFour: string
+  bankAccountCurrencyCode?: string
   email: string
   phoneNumber: string
   address: {
@@ -36,7 +37,7 @@ const ParafinWidget = (props: {
   try {
     const iframeRef = useRef<HTMLIFrameElement>(null)
     const [iframeKey, setIframeKey] = useState(0)
-    const [iframeHeight, setIframeHeight] = useState('200px')
+    const [iframeHeight, setIframeHeight] = useState('258px')
     const [borderColor, setBorderColor] = useState('#E8E8E8')
     const [borderRadius, setBorderRadius] = useState('16px')
 
@@ -110,6 +111,7 @@ const ParafinWidget = (props: {
           backgroundColor: '#fff',
           border: `1px solid ${borderColor}`,
           borderRadius: borderRadius,
+          transition: 'border 0.2s, border-radius 0.2s',
           boxSizing: 'border-box',
         }}
       />

package/out/index.d.ts

@@ -10,6 +10,7 @@ type OptInFields = {
     }[];
     routingNumber?: string;
     accountNumberLastFour: string;
+    bankAccountCurrencyCode?: string;
     email: string;
     phoneNumber: string;
     address: {

package/out/index.js

@@ -5,7 +5,7 @@ const ParafinWidget = (props) => {
     try {
         const iframeRef = useRef(null);
         const [iframeKey, setIframeKey] = useState(0);
-        const [iframeHeight, setIframeHeight] = useState('200px');
+        const [iframeHeight, setIframeHeight] = useState('258px');
         const [borderColor, setBorderColor] = useState('#E8E8E8');
         const [borderRadius, setBorderRadius] = useState('16px');
         const getBaseUrl = () => {
@@ -68,6 +68,7 @@ const ParafinWidget = (props) => {
                 backgroundColor: '#fff',
                 border: `1px solid ${borderColor}`,
                 borderRadius: borderRadius,
+                transition: 'border 0.2s, border-radius 0.2s',
                 boxSizing: 'border-box',
             } }, iframeKey));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parafin/react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Parafin React widget",
   "author": "Parafin (https://www.parafin.com)",
   "module": "out/index.js",
@@ -14,7 +14,7 @@
     "typescript": "^4.9.5"
   },
   "dependencies": {
-    "@parafin/core": "^1.0.2",
+    "@parafin/core": "^1.0.3",
     "react": "^18.2.0"
   }
 }