@tellescope/react-components 1.150.1 → 1.152.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.150.1",
+  "version": "1.152.0",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -47,13 +47,13 @@
     "@reduxjs/toolkit": "^1.6.2",
     "@stripe/react-stripe-js": "^2.9.0",
     "@stripe/stripe-js": "^1.52.1",
-    "@tellescope/constants": "^1.150.1",
-    "@tellescope/sdk": "^1.150.1",
-    "@tellescope/types-client": "^1.150.1",
-    "@tellescope/types-models": "^1.150.1",
-    "@tellescope/types-utilities": "^1.150.1",
-    "@tellescope/utilities": "^1.150.1",
-    "@tellescope/validation": "^1.150.1",
+    "@tellescope/constants": "^1.152.0",
+    "@tellescope/sdk": "^1.152.0",
+    "@tellescope/types-client": "^1.152.0",
+    "@tellescope/types-models": "^1.152.0",
+    "@tellescope/types-utilities": "^1.152.0",
+    "@tellescope/utilities": "^1.152.0",
+    "@tellescope/validation": "^1.152.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "css-to-react-native": "^3.0.0",
@@ -80,7 +80,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": "37478516823c37694d37f35e8840a6f9be84a571",
+  "gitHead": "b3357e0456b1aa63a08d1927e2f61bff96fc24fb",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/form_responses.tsx

@@ -363,6 +363,22 @@ export const FormResponseView = ({ logoURL, enduser, onClose, hideHeader, respon
         )
       })}
       </div>
+
+      {(response.addenda || []).length > 0 &&
+        <div style={{ borderBottom: '1px solid #00000088', width: '100%', marginTop: 10, marginBottom: 10 }} />
+      }
+
+      {(response.addenda || []).map((a, i) => (
+        <div key={i} style={{ marginTop: 10 }}>
+          <div style={{ fontWeight: 'bold', fontSize: 15 }}>
+            Addendum {i + 1} by {user_display_name(findUser(a.userId, { batch: true }))} at {formatted_date(new Date(a.timestamp))}
+          </div>
+
+          <div style={{ fontSize: 14 }}>
+            {a.text.split('\n').map((v, t) => <div key={t}>{v}</div>)}
+          </div>
+        </div>
+      ))}
     </div>
   )
 }

package/src/Forms/inputs.tsx

@@ -559,6 +559,30 @@ export const InsuranceInput = ({ field, value, onChange, form, responses, enduse
       />
       </Grid>
 
+      <Grid item xs={12} sm={6}>
+      <TextField InputProps={defaultInputProps} required={false} fullWidth value={value?.planName ?? ''} 
+        onChange={e => onChange({ ...value, planName: e.target.value }, field.id)}  
+        label={form_display_text_for_language(form, "Plan Name", '')}
+        size="small"
+      />
+      </Grid>
+
+      <Grid item xs={12} sm={6}>
+        <DateStringInput size="small" label="Plan Start Date"
+          field={{
+            ...field,
+            isOptional: true, //field.isOptional || field.options?.billingProvider === 'Candid'
+          }} 
+          value={value?.startDate || ''} 
+          onChange={startDate => 
+            onChange({ 
+              ...value, 
+              startDate,
+            }, field.id)
+          }
+        />
+      </Grid>
+
       {field.options?.includeGroupNumber &&
         <Grid item xs={12}>
           <TextField InputProps={defaultInputProps} fullWidth value={value?.groupNumber ?? ''}