@tellescope/react-components 1.209.0 → 1.210.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.209.0",
+  "version": "1.210.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.209.0",
-    "@tellescope/sdk": "^1.209.0",
-    "@tellescope/types-client": "^1.209.0",
-    "@tellescope/types-models": "^1.209.0",
-    "@tellescope/types-utilities": "^1.209.0",
-    "@tellescope/utilities": "^1.209.0",
-    "@tellescope/validation": "^1.209.0",
+    "@tellescope/constants": "^1.210.0",
+    "@tellescope/sdk": "^1.210.0",
+    "@tellescope/types-client": "^1.210.0",
+    "@tellescope/types-models": "^1.210.0",
+    "@tellescope/types-utilities": "^1.210.0",
+    "@tellescope/utilities": "^1.210.0",
+    "@tellescope/validation": "^1.210.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 || ^19.0.0",
     "react-native": "^0.65.0 || ^0.66.0 || ^0.67.0 || ^0.68.0 || ^0.71.0"
   },
-  "gitHead": "9e32b6989946cd7f6cdaeceaaf4310476e7613c8",
+  "gitHead": "009b464f8459509af16bb7764c6aad562f32ffe5",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/forms.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from "react"
 import { Button, CircularProgress, FileBlob, FileUploadHandler, Flex, LinearProgress, LoadingButton, Modal, Paper, Styled, Typography, form_display_text_for_language, useFileUpload, useFormResponses, useSession } from "../index"
 import { useListForFormFields, useOrganizationTheme, useTellescopeForm, WithOrganizationTheme, Response, FileResponse, NextFieldLogicOptions } from "./hooks"
 import { ChangeHandler, FormInputs } from "./types"
-import { AddToDatabaseProps, AddressInput, AllergiesInput, AppointmentBookingInput, ChargeebeeInput, ConditionsInput, DatabaseSelectInput, DateInput, DateStringInput, DropdownInput, EmailInput, EmotiiInput, FileInput, FilesInput, HeightInput, HiddenValueInput, InsuranceInput, LanguageSelect, MedicationsInput, MultipleChoiceInput, NumberInput, PhoneInput, Progress, RankingInput, RatingInput, RedirectInput, RelatedContactsInput, RichTextInput, SignatureInput, StringInput, StringLongInput, StripeInput, TableInput, TimeInput, defaultButtonStyles } from "./inputs"
+import { AddToDatabaseProps, AddressInput, AllergiesInput, AppointmentBookingInput, ChargeebeeInput, ConditionsInput, DatabaseSelectInput, DateInput, DateStringInput, DropdownInput, EmailInput, EmotiiInput, FileInput, FilesInput, HeightInput, HiddenValueInput, InsuranceInput, LanguageSelect, MedicationsInput, MultipleChoiceInput, NumberInput, PhoneInput, Progress, RankingInput, RatingInput, RedirectInput, RelatedContactsInput, RichTextInput, SignatureInput, StringInput, StringLongInput, StripeInput, TableInput, TimeInput, TimezoneInput, defaultButtonStyles } from "./inputs"
 import { PRIMARY_HEX } from "@tellescope/constants"
 import { FormResponse, FormField, Form, Enduser } from "@tellescope/types-client"
 import { FormResponseAnswerFileValue, OrganizationTheme } from "@tellescope/types-models"
@@ -175,6 +175,7 @@ export const QuestionForField = ({
   const Rating = customInputs?.['rating'] ?? RatingInput
   const Address = customInputs?.['Address'] ?? AddressInput
   const Time = customInputs?.['Time'] ?? TimeInput
+  const TimeZone = customInputs?.['Timezone'] ?? TimezoneInput
   const Dropdown = customInputs?.['Dropdown'] ?? DropdownInput
   const DatabaseSelect = customInputs?.['Database Select'] ?? DatabaseSelectInput
   const Medications = customInputs?.['Medications'] ?? MedicationsInput
@@ -354,6 +355,9 @@ export const QuestionForField = ({
         : field.type === 'Table Input' ? (
           <TableInput field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form}/>
         )
+        : field.type === 'Timezone' ? (
+          <TimezoneInput field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<'Timezone'>} form={form}/>
+        )
         : field.type === 'Time' ? (
           <Time field={field} value={value.answer.value as any} onChange={onFieldChange as ChangeHandler<any>} form={form}/>
         )

package/src/Forms/hooks.tsx

@@ -1290,6 +1290,9 @@ export const useTellescopeForm = ({ dontAutoadvance, isPublicForm, form, urlLogi
         options?.onBulkErrors?.(errors)
       }
 
+      try {
+        window.parent?.postMessage({ type: 'Form Submitted' }, "*")
+      } catch(err) {}
 
       if (goBackURL) {
         (window?.top ?? window).location.href = append_current_utm_params(goBackURL);

package/src/Forms/inputs.tsx

@@ -5,7 +5,7 @@ import { FormInputProps } from "./types"
 import { useDropzone } from "react-dropzone"
 import { CANVAS_TITLE, EMOTII_TITLE, INSURANCE_RELATIONSHIPS, INSURANCE_RELATIONSHIPS_CANVAS, PRIMARY_HEX, RELATIONSHIP_TYPES, TELLESCOPE_GENDERS } from "@tellescope/constants"
 import { MM_DD_YYYY_to_YYYY_MM_DD, capture_is_supported, downloadFile, emit_gtm_event, first_letter_capitalized, form_response_value_to_string, getLocalTimezone, getPublicFileURL, mm_dd_yyyy, replace_enduser_template_values, truncate_string, update_local_storage, user_display_name } from "@tellescope/utilities"
-import { DatabaseSelectResponse, Enduser, EnduserRelationship, FormResponseValue, InsuranceRelationship, MedicationResponse, MultipleChoiceOptions, TellescopeGender } from "@tellescope/types-models"
+import { DatabaseSelectResponse, Enduser, EnduserRelationship, FormResponseValue, InsuranceRelationship, MedicationResponse, MultipleChoiceOptions, TellescopeGender, TIMEZONES_USA } from "@tellescope/types-models"
 import { VALID_STATES, emailValidator, phoneValidator } from "@tellescope/validation"
 import Slider from '@mui/material/Slider';
 import LinearProgress from '@mui/material/LinearProgress';
@@ -960,6 +960,10 @@ export const TimeInput = ({ field, value, onChange, ...props }: FormInputProps<'
   )
 }
 
+export const TimezoneInput = ({ value='', field, onChange, ...props }: FormInputProps<'Timezone'>) => (
+  <StringSelector {...props} value={value} options={TIMEZONES_USA} onChange={v => onChange(v, field.id)} />
+)
+
 export const AddressInput = ({ field, form, value, onChange, ...props }: FormInputProps<'Address'>) => (
   // state only
   field.options?.addressFields?.includes('state')