@tellescope/react-components 1.249.2 → 1.250.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/react-components",
-  "version": "1.249.2",
+  "version": "1.250.1",
   "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.249.2",
-    "@tellescope/sdk": "1.249.2",
-    "@tellescope/types-client": "1.249.2",
-    "@tellescope/types-models": "1.249.2",
-    "@tellescope/types-utilities": "1.249.2",
-    "@tellescope/utilities": "1.249.2",
-    "@tellescope/validation": "1.249.2",
+    "@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",
     "@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": "99f8213ce2e4952deb3df95b242b4e9e336d11f0",
+  "gitHead": "1d3f595cd692366a94bf05bc3c7a31e051ab44e4",
   "publishConfig": {
     "access": "public"
   }

package/src/Forms/forms.v2.tsx

@@ -49,7 +49,7 @@ const TellescopeFormContainerWithThemeV2: typeof TellescopeFormContainerV2 = ({
 
   return (
     <Flex flex={1} column alignItems="center" style={{
-      backgroundColor: finalBgColor,
+      backgroundColor: hideBg ? 'transparent' : finalBgColor,
       overflow: 'auto',
       boxSizing: 'border-box',
       paddingTop: window.innerWidth < 600 ? 20 : 40,

package/src/Forms/hooks.tsx

@@ -1213,13 +1213,24 @@ export const useTellescopeForm = ({ dontAutoadvance, isPublicForm, form, urlLogi
     // remaining are required, non-empty
 
     if (field.type === 'file' || field.type === 'files') {
-      if (!file.blobs?.length) {
+      const blobCount = file.blobs?.length ?? 0
+
+      let existingCount = 0
+      if (field.type === 'files' && value.answer.type === 'files' && Array.isArray(value.answer.value)) {
+        existingCount = value.answer.value.filter(av => !file.blobs?.some(b => b.name === av.name)).length
+      } else if (field.type === 'file' && value.answer.type === 'file' && value.answer.value?.secureName) {
+        existingCount = 1
+      }
+
+      const totalCount = blobCount + existingCount
+
+      if (totalCount === 0) {
         return "A file is required"
       }
-      if (typeof field.options?.min === 'number' && file.blobs.length < field.options.min) {
+      if (typeof field.options?.min === 'number' && totalCount < field.options.min) {
         return `At least ${field.options?.min} file(s) are required`
       }
-      if (typeof field.options?.max === 'number' && file.blobs.length > field.options.max) {
+      if (typeof field.options?.max === 'number' && totalCount > field.options.max) {
         return `At most ${field.options?.max} file(s) are allowed`
       }
       return null // no need to check against other stuff