@tellescope/react-components 1.172.0 → 1.172.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.172.0",
+  "version": "1.172.1",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -84,7 +84,7 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native": "^0.65.0 || ^0.66.0 || ^0.67.0 || ^0.68.0 || ^0.71.0"
   },
-  "gitHead": "b415f876ba14e2e77c7ff8d0265e5667b68c6335",
+  "gitHead": "91a22b59bb059b03006713f1c20d9746850bfe53",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/hooks.tsx

@@ -1415,6 +1415,26 @@ export const useTellescopeForm = ({ isPublicForm, form, urlLogicValue, customiza
       })
       .catch(console.error)
     }
+
+    const cbSaveField = fields.find(f => f.id === fieldId && (f.type === 'Chargebee'))
+    if (cbSaveField && typeof value === 'object' && (formResponseId || accessCode)) {
+      session.api.form_responses.save_field_response({
+        accessCode,
+        formResponseId,
+        response: {
+          answer: {
+            type: cbSaveField.type as "Chargebee",
+            value,
+          } as any,
+          fieldId: cbSaveField.id,
+          fieldTitle: cbSaveField.title,
+          externalId: cbSaveField.externalId,
+          fieldDescription: cbSaveField.description,
+          fieldHtmlDescription: cbSaveField.htmlDescription,
+        },
+      })
+      .catch(console.error)
+    }
   }, [fields])
 
   const onAddFile = useCallback((blobs?: FileBlob | FileBlob[], fieldId=activeField.value.id) => {

package/src/Forms/inputs.tsx

@@ -3342,9 +3342,7 @@ export const ChargeebeeInput = ({ field, value, onChange, setCustomerId }: FormI
     onChange({ url }, field.id)
   }, [loadCount, url])
 
-  if (error && typeof error === 'string') return <Typography color="error">{error}</Typography>
-  if (!url) return <LinearProgress />
-  if (loadCount === 2) {
+  if (value || loadCount === 2) {
     return (
       <Grid container alignItems="center" wrap="nowrap">
         <CheckCircleOutline color="success" />
@@ -3355,6 +3353,8 @@ export const ChargeebeeInput = ({ field, value, onChange, setCustomerId }: FormI
       </Grid>
     )
   }
+  if (error && typeof error === 'string') return <Typography color="error">{error}</Typography>
+  if (!url) return <LinearProgress />
   return (
     <iframe src={url} title="Checkout" style={{ border: 'none', width: '100%', height: 700 }} 
       onLoad={() => setLoadCount(l => l + 1)}