@tellescope/react-components 1.252.0 → 1.252.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.252.0",
+  "version": "1.252.2",
   "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.252.0",
-    "@tellescope/sdk": "1.252.0",
-    "@tellescope/types-client": "1.252.0",
-    "@tellescope/types-models": "1.252.0",
-    "@tellescope/types-utilities": "1.252.0",
-    "@tellescope/utilities": "1.252.0",
-    "@tellescope/validation": "1.252.0",
+    "@tellescope/constants": "1.252.2",
+    "@tellescope/sdk": "1.252.2",
+    "@tellescope/types-client": "1.252.2",
+    "@tellescope/types-models": "1.252.2",
+    "@tellescope/types-utilities": "1.252.2",
+    "@tellescope/utilities": "1.252.2",
+    "@tellescope/validation": "1.252.2",
     "@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": "00b42c82462699491547e2bded4aad41a5d57daa",
+  "gitHead": "139cc97a480c33133853a01d1e864f56863425c9",
   "publishConfig": {
     "access": "public"
   }

package/src/CMS/ContentViewer.tsx

@@ -253,9 +253,10 @@ export const ArticleViewer = ({
           : block.type === 'youtube' ? (
               <iframe width={rootWidth} height={rootWidth * 315 / 560}
                 title={`YouTube video player ${i}`} allowFullScreen
+                referrerPolicy="strict-origin-when-cross-origin"
                 src={correct_youtube_link_for_embed(block.info.link)}
               >
-              </iframe> 
+              </iframe>
             )
           : block.type === 'iframe' ? (
               <iframe width={rootWidth} 
@@ -318,10 +319,11 @@ export const html_for_article = (article: ManagedContentRecord, options?: { root
           </div>`
         )
       : block.type === 'youtube' ? (
-          `<iframe width="${rootWidth}" 
+          `<iframe width="${rootWidth}"
             height="${rootWidth * 315 / 560}"
             title="${`YouTube video player ${i}`}"
             allowFullScreen
+            referrerpolicy="strict-origin-when-cross-origin"
             src="${correct_youtube_link_for_embed(block.info.link)}"
             style="margin-top: 12; margin-bottom: 12"
           >

package/src/Forms/forms.tsx

@@ -3,7 +3,7 @@ import { Button, CircularProgress, FileBlob, FileUploadHandler, Flex, LinearProg
 import { useListForFormFields, useOrganizationTheme, useTellescopeForm, WithOrganizationTheme, Response, FileResponse, NextFieldLogicOptions } from "./hooks"
 import { ChangeHandler, FormInputs } from "./types"
 import { AddToDatabaseProps, AddressInput, AllergiesInput, AppointmentBookingInput, BelugaPatientPreferenceInput, BridgeEligibilityInput, CandidEligibilityInput, ChargeebeeInput, ConditionsInput, DatabaseSelectInput, DateInput, DateStringInput, DropdownInput, EmailInput, EmotiiInput, FileInput, FilesInput, HeightInput, HiddenValueInput, InsuranceInput, LanguageSelect, MedicationsInput, MultipleChoiceInput, NumberInput, PharmacySearchInput, PhoneInput, Progress, RankingInput, RatingInput, RedirectInput, RelatedContactsInput, RichTextInput, SignatureInput, StringInput, StringLongInput, StripeInput, TableInput, TimeInput, TimezoneInput, defaultButtonStyles } from "./inputs"
-import { PRIMARY_HEX } from "@tellescope/constants"
+import { PRIMARY_HEX, DEFAULT_HISTORICAL_DATA_SOURCE_LIMIT } from "@tellescope/constants"
 import { FormResponse, FormField, Form, Enduser } from "@tellescope/types-client"
 import { FormResponseAnswerFileValue, OrganizationTheme, HistoricalDataSource } from "@tellescope/types-models"
 import { calculate_form_scoring, field_can_autosubmit, form_response_value_to_string, formatted_date, object_is_empty, objects_equivalent, read_local_storage, sanitize_user_html, responses_satisfy_conditions, truncate_string } from "@tellescope/utilities"
@@ -1037,7 +1037,7 @@ export const UpdateResponse = ({
   )
 }
 
-const HistoricalDataSection = ({ sources, enduserId, onDataLoaded } : { sources: HistoricalDataSource[], enduserId: string, onDataLoaded?: (json: string) => void }) => {
+export const HistoricalDataSection = ({ sources, enduserId, onDataLoaded, hideHeaders } : { sources: HistoricalDataSource[], enduserId: string, onDataLoaded?: (json: string) => void, hideHeaders?: boolean }) => {
   const session = useSession({ throwIfMissingContext: false })
   const [observations, setObservations] = useState<any[]>([])
   const [medications, setMedications] = useState<any[]>([])
@@ -1067,7 +1067,7 @@ const HistoricalDataSection = ({ sources, enduserId, onDataLoaded } : { sources:
             promises.push(
               session.api.enduser_observations.getSome({
                 filter: { enduserId, ...source.filter },
-                limit: source.limit,
+                limit: source.limit ?? DEFAULT_HISTORICAL_DATA_SOURCE_LIMIT,
                 sortBy: 'timestamp',
                 sort: 'newFirst',
               })
@@ -1077,7 +1077,7 @@ const HistoricalDataSection = ({ sources, enduserId, onDataLoaded } : { sources:
             promises.push(
               session.api.enduser_medications.getSome({
                 filter: { enduserId, status: { _ne: 'draft' }, ...source.filter },
-                limit: source.limit,
+                limit: source.limit ?? DEFAULT_HISTORICAL_DATA_SOURCE_LIMIT,
               })
               .then((meds: any[]) => { loadedMedications = meds; setMedications(meds) })
             )
@@ -1143,7 +1143,7 @@ const HistoricalDataSection = ({ sources, enduserId, onDataLoaded } : { sources:
     <div style={{ marginTop: 10 }}>
       {hasObservations && (
         <div style={{ marginBottom: 15 }}>
-          <Typography style={{ fontWeight: 'bold', marginBottom: 5 }}>Observations</Typography>
+          {!hideHeaders && <Typography style={{ fontWeight: 'bold', marginBottom: 5 }}>Observations</Typography>}
           {observations.length === 0 ? (
             <Typography style={{ fontStyle: 'italic', color: '#888' }}>No observations found</Typography>
           ) : (
@@ -1177,7 +1177,7 @@ const HistoricalDataSection = ({ sources, enduserId, onDataLoaded } : { sources:
 
       {hasMedications && (
         <div style={{ marginBottom: 15 }}>
-          <Typography style={{ fontWeight: 'bold', marginBottom: 5 }}>Medications</Typography>
+          {!hideHeaders && <Typography style={{ fontWeight: 'bold', marginBottom: 5 }}>Medications</Typography>}
           {medications.length === 0 ? (
             <Typography style={{ fontStyle: 'italic', color: '#888' }}>No medications found</Typography>
           ) : (

package/src/hooks.ts

@@ -31,8 +31,9 @@ export const useLoadedState = <T, D={}>(fetch?: (d: Partial<D>) => Promise<T | v
 export interface SearchAPIProps <T> {
   searchAPI?: (args: { search: { query: string } }) => Promise<T[]>,
   onLoad?: (results: T[]) => void,
+  debounceMS?: number,
 }
-export const useSearchAPI = <T,>({ query, onLoad, searchAPI } : { query: string } & SearchAPIProps<T>) => {
+export const useSearchAPI = <T,>({ query, onLoad, searchAPI, debounceMS = 300 } : { query: string } & SearchAPIProps<T>) => {
   const searchedRef = useRef('')
 
   useEffect(() => {
@@ -56,10 +57,10 @@ export const useSearchAPI = <T,>({ query, onLoad, searchAPI } : { query: string
         onLoad?.(results)
       })
       .catch(console.error)
-    }, 150)
+    }, debounceMS)
 
     return () => { clearTimeout(t) }
-  }, [query, searchAPI, onLoad, searchedRef])
+  }, [query, searchAPI, onLoad, searchedRef, debounceMS])
 }
 
 export const useAddGTMTag = (gtmTag?: string) => {