@tellescope/react-components 1.169.0 → 1.171.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.169.0",
+  "version": "1.171.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.169.0",
-    "@tellescope/sdk": "^1.169.0",
-    "@tellescope/types-client": "^1.169.0",
-    "@tellescope/types-models": "^1.169.0",
-    "@tellescope/types-utilities": "^1.169.0",
-    "@tellescope/utilities": "^1.169.0",
-    "@tellescope/validation": "^1.169.0",
+    "@tellescope/constants": "^1.171.0",
+    "@tellescope/sdk": "^1.171.0",
+    "@tellescope/types-client": "^1.171.0",
+    "@tellescope/types-models": "^1.171.0",
+    "@tellescope/types-utilities": "^1.171.0",
+    "@tellescope/utilities": "^1.171.0",
+    "@tellescope/validation": "^1.171.0",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "css-to-react-native": "^3.0.0",
@@ -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": "038ccd6e24a110a290ce7b0b6333ec2593817204",
+  "gitHead": "a9948a5ee7adeab6f1c4c56c5f7c67ab21b951be",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/inputs.tsx

@@ -13,7 +13,7 @@ import LinearProgress from '@mui/material/LinearProgress';
 import DatePicker from "react-datepicker";
 import { datepickerCSS } from "./css/react-datepicker" // avoids build issue with RN
 import { CancelIcon, FileBlob, IconButton, LabeledIconButton, LoadingButton, Styled, form_display_text_for_language, isDateString, useProducts, useResolvedSession } from ".."
-import { AllergyCode, CalendarEvent, DatabaseRecord, FormField } from "@tellescope/types-client"
+import { CalendarEvent, DatabaseRecord, FormField } from "@tellescope/types-client"
 import { css } from '@emotion/css'
 import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
 import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
@@ -580,7 +580,8 @@ export const InsuranceInput = ({ field, value, onChange, form, responses, enduse
           }
         renderInput={(params) => (
           <TextField {...params} InputProps={{ ...params.InputProps, sx: defaultInputProps.sx }}
-            required={!field.isOptional} size="small"  label="Insurer"
+            required={!field.isOptional} size="small" label={"Insurer"}
+            placeholder={field.options?.dataSource === CANVAS_TITLE ? "Search insurer..." : "Insurer"}
           />
         )}
       />
@@ -1766,9 +1767,10 @@ const useDatabaseChoices = ({ databaseId='', field, otherAnswers } : { databaseI
   const session = useResolvedSession()
   const [renderCount, setRenderCount] = useState(0)
 
+  // todo: make searchable, don't load all
   useEffect(() => {
     if (choicesForDatabase[databaseId]?.done) return
-    if (renderCount > 10) return // limit to 5000 entries / prevent infinite looping
+    if (renderCount > 100) return // limit to 50000 entries / prevent infinite looping
     const choices = choicesForDatabase[databaseId]?.records ?? []
     const lastId = choicesForDatabase[databaseId]?.lastId
 
@@ -2849,6 +2851,9 @@ export const AppointmentBookingInput = ({ formResponseId, field, value, onChange
       field.options.userTags
       .flatMap(t => {
         // set dynamic tags if found
+        if (t === '{{logic}}') {
+          return new URL(window.location.href).searchParams.get('logic') || '{{logic}}'
+        }
         if (t.startsWith("{{field.") && t.endsWith(".value}}")) {
           const fieldId = t.replace('{{field.', '').replace(".value}}", '')
 
@@ -2873,6 +2878,9 @@ export const AppointmentBookingInput = ({ formResponseId, field, value, onChange
       field.options.userFilterTags
       .flatMap(t => {
         // set dynamic tags if found
+        if (t === '{{logic}}') {
+          return new URL(window.location.href).searchParams.get('logic') || '{{logic}}'
+        }
         if (t.startsWith("{{field.") && t.endsWith(".value}}")) {
           const fieldId = t.replace('{{field.', '').replace(".value}}", '')