…ents to use list and uploader components inside of the AttachmentsDropZone slot

- removed unused styled in AttachmentsList

- added missing closing quotes to drag-dropped and content-changed event handlers

- working, but with what feels like more re-renders than necessary, and so wondering if we can cut down on those
- also wondering if AttachmentsList should be it's own separate component or just implemented as part of whatever component is using the AttachmentsDropZone and AttachmentsUploader components

- updated handleAttachmentsAdded to do one requestUpdate for attachmentsList instead of two separate updates (one for currentAttachments, one for failedAttachments)
- added requestUpdate for attachmentsUploader in handleAttachmentsRemoved

- moved attachment interface from Attachments to AttachmentUploader
- removed attribute: false from failedAttachments properties across all 3 components

- added two image-pickers to demo page, one for avatars, one for logos
- added vector icons for avatars and logos
- added removeIcon property for configuring remove icon
- added uploadIcon property for configuring upload icon
- added default upload_icon and max_attachments to AttachmentsUploader
- reworked uploadFiles to check for when maxAttachments is 1
- reworked uploadFiles to check whether the total of currentAttachments and filesToUpload exceeds maxAttachments and to adjust the filesToUpload to only allow up to maxAttachments (assuming all of the filesToUpload will be successful)
- updated addCurrentAttachment and addFailedAttachment to check for maxAttachments
- updated render to check for maxAttachments and render the input as single vs multiple when 1 vs 1+

…omponents

- updated AttachmentsDropZone slot to remove name attribute
- added maxAttachments attribute to AttachmentsPicker, and now setting maxAttachments in AttachmentsPicker and ImagePicker (instead of AttachmentsUploader)
- fixed AttachmentsUploader single vs multiple input bug by creating render helper getInput()
- reduced of ImagePicker img width and height to match closer to product
- added actions-left styling to ImagePicker
- added "remove image" to ImagePicker getActions() - need to finalize where to place the "remove image" - top right corner vs. on same horizontal plane as "upload image" vs somewhere else
- created a draft Compose2 to start reworking the new attachments components into compose
- removed attachment_avatar and attachment_logo from vector icons enum in favor of using attachment and attachment_image for now

- moved remove icon to inside of div.image-item so as to allow for overlapping of the remove icon in the bottom right corner of the img
- switched from div.actions-left, div.actions-center, and div.actions-right to just div.action-item

…achmentsUploader inner components

- added custom event temba-container-clicked
- added temba-container-clicked event listener to AttachmentsDropZone
- added temba-container-clicked event handler to Compose2
- simplified AttachmentsPicker getActions and replaced div.actions-left, actions-center, and actions-right with div.action-item

- unit test debugging in progress to fix attachments getting mistakenly cleared out when the component is initialized with 1+ attachments

- updated styles to remove inner image-item flexbox styling

…d remove

- added temp dupe updateComponent in compose test file to fix compile errors in contact chat test file
- added configurable property for AttachmentsDropZone drop-mask text
- added configurable property for AttachmentsUploader upload icon text
- worked through AttachmentPicker and ImagePicker happy vs error paths to hone in on pre-upload vs. post-upload display
- adding and updating unit tests in progress

…to the same attachments event listener bug)

…nd always apply the image-item class stylings

…"${}" -> @click=${}

- added min and max file size to AttachmentsUploader... when maxAttachments=1, an error is returned by the uploader... when maxAttachments=1+, the offending files are removed and the remaining files are uploaded
- added helper method for displaying min max file size errors based on whether one or both are set
- added temba-field wrapper to ImagePicker to display errors and help_text and eventually to use as a widget inside of RP
- updated getImage to display the "attachment upload icon" initially, the attached image when populated, or the "attachment error icon" if something during upload failed or went wrong
- added minFileSize of 2kb and maxFileSize of 500kb to ImagePicker attachments uploader

- added configurable maxFileSize to AttachmentsPicker (same as the AttachmentsUploader by default)
- AttachmentsUploader - added default values for uploadIcon, uploadText, maxAttachments, and maxFileSize properties
- AttachmentsUploader - abstracted pre-upload FileList validation into helper methods
- AttachmentsUploader - added removeInvalidFiles as an optional param to all validation methods (set to true by default) - when set to true, removes invalid files from the list of valid files to upload, when set to false, adds the invalid files to the this.failedAttachments array
- AttachmentsUploader - added validation for equal/square file dimensions for when maxAttachments=1
- AttachmentsUploader - removed getUploadFIleSizeError helper method
- ImagePicker - using a temp maxFileSize of 200 KB
- ImagePicker - using temba-field errors instead of helpText for pre-upload errors
- ImagePicker - removed initial icon display

- added attachments.ts as an attachments-related utils file for upload validation fns
- added handleUploadValidation to AttachmentsPicker to validate for duplicate files, max attachments, and max file size
- added InvalidFile and UploadValidationResult interfaces to AttachmentsUploader
- added validateFiles which gets called before uploadFiles in AttachmentsUploader
- removed check for failedAttachments when displaying uploadText in AttachmentsUploader
-  updated line in Compose2 to fix compile err based on attachments-related changes
- added enum ImageType in ImagePicker for images, avatars, and logos in ImagePicker
- added style classes for avatars and logos in ImagePicker
- added handleUploadValidation to ImagePicker
- ImagePicker getImage updates in progress

- added todo's to Compose2 re: necessity of explicitly declaring the widgetOnly and errors props

- AttachmentsUploader - renamed validateFiles to inspectFiles and added todo for getting dimensions inside of inspectFiles
- Compose2 - commented out redundant base class props
- ImagePicker - commented out redundant base class props

…omises to get the dimensions of each file the user selects to upload

- AttachmentsPicker - updated handleUploadValidation to reuse same uploadValidationResult var across all validation fn's
- ImagePicker - updated handleUploadValidation to reuse same uploadValidationResult var across all validation fn's
- attachments - moved UploadFile, InvalidUploadFile, UploadValidationResult, and Attachment interfaces here, added back validateFileDimensions, and added getFileDimensions fn that is called inside of AttachmentsUploader inspectFiles
- updated demo page

- updated validateImageDimensions based on imageType
- renamed customWidth to dropWidth in AttachmentsDropZone
- removed "Upload Attachments" uploadText from AttachmentsPicker
- updated AttachmentsUploader to hide uploadText if any files (regardless of success or failure) have been uploaded
- ImagePicker - created styles based on imageType... switched from using img tag to using a div tag with a background-image url... commented out dropWidth, imageWidth, and imageHeight... now getting width and height based on imageType for image dimension validation in handleUploadValidation... commented out temporary hack in handleAttachmentAdded... added getDropZoneWidth, getDropZoneText, and getImageDimensions helper methods... updated getImage to remove check for this.currentAttachment.error... updated getActions to comment out check for this.currentAttachment.error...

- updates to validation err msgs in progress
- updates to unit tests in progress

- added dimensions for each image type
- updated validateImageDimensions err msg to refer to imageType instead of just "File uploads"

- AttachmentsPicker - added child component updates in updated fn... removed child component updates from handleAttachmentsAdded and handleAttachmentsRemoved... removed extra ".bind(this)" from event handler fn's in render fn
- AttachmentsUploader - got rid of extra check for undefined in updated fn... updated addCurrentAttachment and addFailedAttachment to remove reqquestUpdate() in favor of merging arrays instead of pushing an element into the array
- Compose2 - removed extra accept properties... added maxFileSize property... added updates to child components in updated fn... added upload validation... removed updates to child components from handleAttachmentAdded and handleAttachmentsRemoved... added dropText to temba-attachments-drop-zone... added maxFileSize to temba-attachments-uploader... removed extra ".bind(this)" from event handler fn's in render fn
- ContactChat - removed extra ".bind(this)" from event handler fn's in render fn
- ImagePicker - removed extra dropWidth, imageWidth, and imageHeight properties... added update to child component in updated fn... removed extra ".bind(this)" from event handler fn's in render fn
- Parent - moved updates to child components from firstUpdated to updated fn

- AttachmentsDropZone - renamed dropText to uploadText
- AttachmentsPicker - renamed dropText to uploadText... set default uploadText to ''
- Compose2 - renamed dropText to uploadText...
- ImagePicker - renamed dropText to uploadText... renamed getDropZoneText helper fn to getUploadText to reuse across temba-attachments-drop-zone and temba-attachments-uploader... minor maxFileSize property comment cleanup

…ate's

- AttachmentsUploader - minor property cleanup
- Compose2 - minor property cleanup
- test-assets - removed 'no image available' jpg

…own branch

- attachments - got rid of ImageType enum, ImageDimensions, AvatarDimensions, and LogoDimensions... updated validateImageDimensions to validate based on imageWidth and imageHeight
- AttachmentsDropZone - renamed uploadText to uploadLabel
- AttachmentsPicker - renamed uploadText to uploadLabel
- AttachmentsUploader - renamed uploadText to uploadLabel
- Compose2 - renamed uploadText to uploadLabel
- ImagePicker - consolidated image styles into .missing-image and .attachment-image... removed imageType, renamed uploadText to uploadLabel, and added back imageWidth, imageHeight, and imageRadius properties... got rid of getImageDimensions... updated getDropZoneWidth and getUploadLabel... updated getImage to add inline border-radius, width, and height

…failedAttachments

- Compose2 - removed clearing out of currentAttachments and failedAttachments
- ImagePicker - minor updates to whitespace

- AttachmentsPicker - moved initialization of children's component properties from updated to firstUpdated... removed failedAttachments from updated fn changes check... added deserialize and serialize fn's...
- Compose2 - moved initialization of children's component properties from updated to firstUpdated... removed failedAttachments from updated fn changes check...
- ImagePicker - moved initialization of children's component properties from updated to firstUpdated... removed failedAttachments from updated fn changes check... added deserialize and serialize fn's...

- added initial ImagePicker unit testing
- replace Compose with Compose2 (renamed to Compose) and updated unit testing

- todo - validation testing for Compose, AttachmentsPicker, and ImagePicker
- todo - fix bug where screenshot not displaying ImagePicker success file (just need to update url to point to test-asset)
- todo - fix bug where screenshot not displaying temba-field errors

- moved upload_endpoint from attachments to AttachmentsUploader
- Compose - removed extra Attachment interface

…hots

- removed image picker temp hack spoof code

… in progress

- added attachments uploader unit tests
- moved getValidAttachments and getInvalidAttachments from attachments picker to attachments uploader

…s after removing a file

- simplified image picker unit test screenshot file names
- added styleMap to pull out ImagePicker .image-item styles from the render template html code
- abstracted imageMargin for reuse across 1) calculating the drop zone width, and 2) styling the  uploaded image (both the missing image or the uploaded one)