@tellescope/react-components 1.250.1 → 1.251.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.250.1",
+  "version": "1.251.0",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -51,13 +51,13 @@
     "@reduxjs/toolkit": "1.9.0",
     "@stripe/react-stripe-js": "2.9.0",
     "@stripe/stripe-js": "1.52.1",
-    "@tellescope/constants": "1.250.1",
-    "@tellescope/sdk": "1.250.1",
-    "@tellescope/types-client": "1.250.1",
-    "@tellescope/types-models": "1.250.1",
-    "@tellescope/types-utilities": "1.250.1",
-    "@tellescope/utilities": "1.250.1",
-    "@tellescope/validation": "1.250.1",
+    "@tellescope/constants": "1.251.0",
+    "@tellescope/sdk": "1.251.0",
+    "@tellescope/types-client": "1.251.0",
+    "@tellescope/types-models": "1.251.0",
+    "@tellescope/types-utilities": "1.251.0",
+    "@tellescope/utilities": "1.251.0",
+    "@tellescope/validation": "1.251.0",
     "@twilio/video-processors": "3.2.0",
     "css-to-react-native": "3.0.0",
     "draft-js": "0.11.7",
@@ -85,7 +85,7 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-native": "^0.65.0 || ^0.66.0 || ^0.67.0 || ^0.68.0 || ^0.71.0"
   },
-  "gitHead": "1d3f595cd692366a94bf05bc3c7a31e051ab44e4",
+  "gitHead": "06ba26dd98e648d9f8cb4925d1bfbea0da3b1c44",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/forms.tsx

@@ -343,7 +343,7 @@ export const QuestionForField = ({
           <Stripe enduserId={enduserId} field={field} value={value.answer.value as string} onChange={onFieldChange as ChangeHandler<any>} setCustomerId={setCustomerId} form={form} responses={responses} enduser={enduser} />
         )
         : field.type === 'Chargebee' ? (
-          <Chargebee field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<'Chargebee'>} setCustomerId={setCustomerId} form={form} responses={responses} />
+          <Chargebee enduserId={enduserId} field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<'Chargebee'>} setCustomerId={setCustomerId} form={form} responses={responses} />
         )
         : field.type === 'stringLong' ? (
           <StringLong field={field} disabled={value.disabled} value={value.answer.value as string} onChange={onFieldChange as ChangeHandler<'string' | 'stringLong'>} form={form} />

package/src/Forms/forms.v2.tsx

@@ -353,7 +353,7 @@ export const QuestionForField = ({
           <Stripe enduserId={enduserId} field={field} value={value.answer.value as string} onChange={onFieldChange as ChangeHandler<any>} setCustomerId={setCustomerId} form={form} responses={responses} enduser={enduser} />
         )
         : field.type === 'Chargebee' ? (
-          <Chargebee field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<'Chargebee'>} setCustomerId={setCustomerId} form={form} responses={responses} />
+          <Chargebee enduserId={enduserId} field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<'Chargebee'>} setCustomerId={setCustomerId} form={form} responses={responses} />
         )
         : field.type === 'stringLong' ? (
           <StringLong field={field} disabled={value.disabled} value={value.answer.value as string} onChange={onFieldChange as ChangeHandler<'string' | 'stringLong'>} form={form} error={!!validationMessage && (!['A response is required', 'A value must be checked', 'A file is required', 'Enter a valid phone number', 'Insurer is required'].includes(validationMessage) || value.touched)} />

package/src/Forms/inputs.tsx

@@ -5304,7 +5304,7 @@ export const RichTextInput = ({ field, value, onChange }: FormInputProps<'Rich T
   <WYSIWYG stopEnterPropagation initialHTML={value} onChange={v => onChange(v, field.id)} style={{ width: '100%' }} editorStyle={{ width: '100%' }} />
 )
 
-export const ChargeebeeInput = ({ field, value, onChange, setCustomerId, responses }: FormInputProps<'Chargebee'> & {
+export const ChargeebeeInput = ({ field, value, onChange, setCustomerId, responses, enduserId }: FormInputProps<'Chargebee'> & {
   setCustomerId: React.Dispatch<React.SetStateAction<string | undefined>>,
 }) => {
   const session = useResolvedSession()
@@ -5328,7 +5328,7 @@ export const ChargeebeeInput = ({ field, value, onChange, setCustomerId, respons
 
     const PUBLIC_FORM_ADDRESS_ERROR = 'A complete address question is required before a Chargebee payment field on public forms'
 
-    session.api.form_responses.chargebee_details({ fieldId: field.id, billingAddress })
+    session.api.form_responses.chargebee_details({ fieldId: field.id, billingAddress, enduserId })
     .then(({ url }) => setUrl(url ?? ''))
     .catch((err: any) => {
       const message = typeof err === 'string' ? err : (err?.message ?? err?.toString() ?? '')
@@ -5354,7 +5354,7 @@ export const ChargeebeeInput = ({ field, value, onChange, setCustomerId, respons
     setVerifying(true)
     setError('')
     try {
-      const { hasPaymentMethod } = await session.api.form_responses.chargebee_details({ fieldId: field.id, verify: true })
+      const { hasPaymentMethod } = await session.api.form_responses.chargebee_details({ fieldId: field.id, verify: true, enduserId })
       if (hasPaymentMethod) {
         onChange({ url: 'verified' }, field.id)
       } else {