@lowdefy/plugin-aws 4.7.3 → 5.0.0

package/dist/blocks/S3UploadPhoto/gallery.yaml

@@ -0,0 +1,259 @@
+# Copyright 2020-2026 Lowdefy, Inc
+
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+
+#     http://www.apache.org/licenses/LICENSE-2.0
+
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+- title: Basic
+  blocks:
+    - id: basic_default
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+    - id: basic_custom_title
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        title: Add Photo
+    - id: basic_html_title
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        title: 'Upload <b>profile</b> photo'
+
+- title: Upload Limits
+  blocks:
+    - id: limit_single
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        singleFile: true
+        title: Single Photo
+    - id: limit_max_three
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        maxCount: 3
+        title: Max 3 Photos
+    - id: limit_single_hidden
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        singleFile: true
+        showUploadList: false
+        title: Single (No List)
+
+- title: Upload List Visibility
+  blocks:
+    - id: list_visible
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        showUploadList: true
+        title: List Visible
+    - id: list_hidden
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        showUploadList: false
+        title: List Hidden
+    - id: list_multi_hidden
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        maxCount: 5
+        showUploadList: false
+        title: Multi (No List)
+
+- title: Disabled State
+  blocks:
+    - id: disabled_default
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        disabled: true
+    - id: disabled_custom_title
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        disabled: true
+        title: Photo Locked
+    - id: disabled_hidden_list
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        disabled: true
+        showUploadList: false
+        title: Disabled (No List)
+
+- title: Card Styling
+  blocks:
+    - id: style_rounded
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        title: Rounded
+        style:
+          borderRadius: 50%
+    - id: style_large
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        title: Large Card
+        style:
+          width: 150
+          height: 150
+    - id: style_colored
+      type: S3UploadPhoto
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        title: Tinted
+        style:
+          backgroundColor: '#f0f5ff'
+          color: '#1677ff'
+
+- title: Style Overrides
+  blocks:
+    - id: style_element_bg
+      type: S3UploadPhoto
+      style:
+        .element:
+          background: '#f6ffed'
+          borderRadius: 8
+          padding: 8
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        title: Green Background
+    - id: style_element_border
+      type: S3UploadPhoto
+      style:
+        .element:
+          border: 2px solid #d3adf7
+          borderRadius: 12
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        title: Purple Border
+    - id: style_tailwind
+      type: S3UploadPhoto
+      class: shadow-md rounded-lg
+      properties:
+        s3PostPolicyRequestId: s3_upload_policy_request
+        title: Tailwind Shadow
+
+- title: S3UploadPhoto in User Profile
+  blocks:
+    - id: profile_card
+      type: Card
+      properties:
+        title: Edit Profile
+      blocks:
+        - id: profile_photo
+          type: S3UploadPhoto
+          properties:
+            title: Profile Photo
+            s3PostPolicyRequestId: s3_upload_policy_request
+            singleFile: true
+            style:
+              borderRadius: 50%
+        - id: profile_name
+          type: TextInput
+          required: true
+          properties:
+            title: Full Name
+            placeholder: Enter your name
+            prefixIcon: AiOutlineUser
+        - id: profile_email
+          type: TextInput
+          properties:
+            title: Email
+            placeholder: you@example.com
+            prefixIcon: AiOutlineMail
+        - id: profile_save
+          type: Button
+          properties:
+            title: Save Profile
+            color: primary
+            variant: solid
+            icon: AiOutlineSave
+          events:
+            onClick:
+              - id: validate_profile
+                type: Validate
+              - id: save_msg
+                type: DisplayMessage
+                params:
+                  content: Profile saved successfully!
+                  status: success
+
+- title: S3UploadPhoto in Product Listing
+  blocks:
+    - id: product_card
+      type: Card
+      properties:
+        title: Add Product
+      blocks:
+        - id: product_photos
+          type: S3UploadPhoto
+          properties:
+            title: Product Photos
+            s3PostPolicyRequestId: s3_upload_policy_request
+            maxCount: 5
+          events:
+            onChange:
+              - id: photo_state
+                type: SetState
+                params:
+                  photosUploaded: true
+        - id: product_name
+          type: TextInput
+          required: true
+          properties:
+            title: Product Name
+            placeholder: Enter product name
+        - id: product_category
+          type: Selector
+          properties:
+            title: Category
+            placeholder: Select category
+            options:
+              - label: Electronics
+                value: electronics
+              - label: Clothing
+                value: clothing
+              - label: Home & Garden
+                value: home
+              - label: Sports
+                value: sports
+        - id: product_price
+          type: NumberInput
+          properties:
+            title: Price
+            placeholder: 0.00
+            min: 0
+            precision: 2
+            prefix: $
+        - id: product_submit
+          type: Button
+          properties:
+            title: List Product
+            color: primary
+            variant: solid
+            icon: AiOutlineCheck
+            block: true
+          events:
+            onClick:
+              - id: validate_product
+                type: Validate
+              - id: list_msg
+                type: DisplayMessage
+                params:
+                  content: Product listed successfully!
+                  status: success

package/dist/blocks/S3UploadPhoto/meta.js

@@ -0,0 +1,93 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ export default {
+    category: 'input',
+    icons: [
+        'AiOutlineLoading',
+        'AiOutlineCamera'
+    ],
+    valueType: 'object',
+    cssKeys: {
+        element: 'The upload content area.',
+        icon: 'The icon in the S3UploadPhoto.',
+        title: 'The upload title text.'
+    },
+    events: {
+        onChange: 'Triggered when the upload state is changing.',
+        onProgress: {
+            description: 'Triggered when the upload state is in progress.',
+            event: {
+                file: 'The file being uploaded.',
+                fileList: 'The full list of files.'
+            }
+        },
+        onSuccess: {
+            description: 'Triggered when the upload state is done uploading.',
+            event: {
+                file: 'The uploaded file.',
+                fileList: 'The full list of files.'
+            }
+        },
+        onRemove: {
+            description: 'Triggered when the upload has been removed.',
+            event: {
+                file: 'The removed file.',
+                fileList: 'The full list of files.'
+            }
+        },
+        onError: {
+            description: 'Triggered when the upload has failed.',
+            event: {
+                file: 'The file that failed.',
+                fileList: 'The full list of files.'
+            }
+        }
+    },
+    properties: {
+        type: 'object',
+        required: [
+            's3PostPolicyRequestId'
+        ],
+        properties: {
+            title: {
+                type: 'string',
+                description: "Title of the file input to be displayed instead of 'Upload image'.",
+                default: 'Upload image'
+            },
+            disabled: {
+                type: 'boolean',
+                description: 'Disable the file input.'
+            },
+            maxCount: {
+                type: 'number',
+                description: 'Maximum number of files that can be uploaded.'
+            },
+            s3PostPolicyRequestId: {
+                type: 'string',
+                description: 'Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded.'
+            },
+            showUploadList: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether to show default upload list.'
+            },
+            singleFile: {
+                type: 'boolean',
+                default: false,
+                description: 'Only allow a single file to be uploaded. Only one file can be selected in the prompt.'
+            }
+        }
+    }
+};

package/dist/blocks/S3UploadPhoto/schema.js

@@ -0,0 +1,113 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ export default {
+    type: 'object',
+    properties: {
+        type: 'object',
+        required: [
+            's3PostPolicyRequestId'
+        ],
+        properties: {
+            title: {
+                type: 'string',
+                description: "Title of the file input to be displayed instead of 'Upload image'.",
+                default: 'Upload image'
+            },
+            disabled: {
+                type: 'boolean',
+                description: 'Disable the file input.'
+            },
+            maxCount: {
+                type: 'number',
+                description: 'Maximum number of files that can be uploaded.'
+            },
+            s3PostPolicyRequestId: {
+                type: 'string',
+                description: 'Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded.',
+                docs: {
+                    displayType: 'manual',
+                    block: {
+                        id: 'block_properties_s3PostPolicyRequestId',
+                        layout: {
+                            _global: 'settings_input_layout'
+                        },
+                        type: 'Label',
+                        required: true,
+                        properties: {
+                            title: 's3PostPolicyRequestId',
+                            span: 8,
+                            align: 'right'
+                        },
+                        blocks: [
+                            {
+                                id: 'block_properties_s3PostPolicyRequestId_text',
+                                type: 'Markdown',
+                                style: {
+                                    color: '#8c8c8c'
+                                },
+                                properties: {
+                                    content: 'Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded.'
+                                }
+                            }
+                        ]
+                    },
+                    getter: {}
+                }
+            },
+            showUploadList: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether to show default upload list.'
+            },
+            singleFile: {
+                type: 'boolean',
+                default: false,
+                description: 'Only allow a single file to be uploaded. Only one file can be selected in the prompt.'
+            },
+            style: {
+                type: 'object',
+                description: 'Css style object to applied to draggable area.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        properties: {
+            onChange: {
+                type: 'array',
+                description: 'Triggered when the upload state is changing.'
+            },
+            onProgress: {
+                type: 'array',
+                description: 'Triggered when the upload state is in progress.'
+            },
+            onSuccess: {
+                type: 'array',
+                description: 'Triggered when the upload state is done uploading.'
+            },
+            onRemove: {
+                type: 'array',
+                description: 'Triggered when the upload has been removed.'
+            },
+            onError: {
+                type: 'array',
+                description: 'Triggered when the upload has failed.'
+            }
+        }
+    }
+};

package/dist/blocks/utils/getS3Upload.js

@@ -12,7 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ const getS3Upload = ({ methods, setFileList, setLoading = ()=>null })=>async ({ file })=>{
+*/ import { ServiceError } from '@lowdefy/errors';
+const getS3Upload = ({ methods, setFileList, setLoading = ()=>null })=>async ({ file })=>{
         if (!file) {
             console.warn('File is undefined in useS3Upload');
             return;
@@ -45,37 +46,47 @@
                 formData.append(field, fields[field]);
             });
             formData.append('file', file);
-            const xhr = new XMLHttpRequest();
-            xhr.upload.onprogress = async (event)=>{
-                if (event.lengthComputable) {
-                    await setFileList({
-                        event: 'onProgress',
-                        file,
-                        percent: event.loaded / event.total * 80 + 20
-                    });
-                }
-            };
-            xhr.addEventListener('error', async ()=>{
-                await setFileList({
-                    event: 'onError',
-                    file
+            await new Promise((resolve, reject)=>{
+                const xhr = new XMLHttpRequest();
+                xhr.upload.onprogress = async (event)=>{
+                    if (event.lengthComputable) {
+                        await setFileList({
+                            event: 'onProgress',
+                            file,
+                            percent: event.loaded / event.total * 80 + 20
+                        });
+                    }
+                };
+                xhr.addEventListener('load', ()=>{
+                    if (xhr.status >= 200 && xhr.status < 300) {
+                        resolve();
+                    } else {
+                        reject(new Error(`S3 upload failed with status ${xhr.status}.`));
+                    }
                 });
-            });
-            xhr.addEventListener('loadend', async ()=>{
-                await setFileList({
-                    event: 'onSuccess',
-                    file
+                xhr.addEventListener('error', ()=>{
+                    reject(new ServiceError(`S3 upload failed for "${name}" — CORS or network error. ` + `Check that the S3 bucket CORS configuration allows requests from this origin.`, {
+                        service: 'S3'
+                    }));
                 });
-                setLoading(false);
+                xhr.addEventListener('abort', ()=>{
+                    reject(new Error(`S3 upload aborted for "${name}".`));
+                });
+                xhr.open('post', url);
+                xhr.send(formData);
+            });
+            await setFileList({
+                event: 'onSuccess',
+                file
             });
-            xhr.open('post', url);
-            xhr.send(formData);
+            setLoading(false);
         } catch (error) {
-            console.error(error);
             await setFileList({
                 event: 'onError',
                 file
             });
+            setLoading(false);
+            throw error;
         }
     };
 export default getS3Upload;

package/dist/blocks/utils/useFileList.js

@@ -84,20 +84,43 @@ const useFileList = ({ properties, methods, value = {} })=>{
         setValue(nextState);
         methods.setValue(nextState);
     };
-    const loadFileList = (file, nextFiles)=>{
+    const loadFileList = async (file, nextFiles)=>{
         if (properties.singleFile === true && nextFiles.filter((f)=>type.isString(f.uid)).length > 1) {
             return false;
         }
         if (type.isInt(properties.maxCount) && nextFiles.filter((f)=>type.isString(f.uid)).length > properties.maxCount) {
             return false;
         }
-        setValue({
-            file,
+        // Extract file properties into a serialization-safe plain object.
+        // Raw File/Blob objects are destroyed by serializer.copy() in _event resolution.
+        const fileData = {
+            name: file.name,
+            type: file.type,
+            size: file.size,
+            lastModified: file.lastModified,
+            uid: file.uid
+        };
+        if (file instanceof Blob || file instanceof File) {
+            fileData.url = URL.createObjectURL(file);
+        }
+        const result = await methods.triggerEvent({
+            name: 'onBeforeUpload',
+            event: {
+                file: fileData
+            }
+        });
+        if (result.success === false) {
+            return false;
+        }
+        const nextState = {
+            file: fileData,
             fileList: [
                 ...nextFiles,
                 ...state.fileList
             ]
-        });
+        };
+        setValue(nextState);
+        methods.setValue(nextState);
     };
     const removeFile = (file)=>{
         state.fileList.splice(state.fileList.findIndex((f)=>f.uid === file.uid), 1);

package/dist/blocks/withTheme.js

@@ -0,0 +1,40 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import React from 'react';
+import { ConfigProvider } from 'antd';
+import { type } from '@lowdefy/helpers';
+function withTheme(antdComponentName, BlockComponent) {
+    const Wrapped = (props)=>{
+        const { theme, ...restProperties } = props.properties;
+        // Only intercept object themes (design tokens for ConfigProvider).
+        // String themes (e.g. Menu's 'dark'/'light') pass through to the component.
+        if (!type.isObject(theme)) {
+            return /*#__PURE__*/ React.createElement(BlockComponent, props);
+        }
+        return /*#__PURE__*/ React.createElement(ConfigProvider, {
+            theme: {
+                components: {
+                    [antdComponentName]: theme
+                }
+            }
+        }, /*#__PURE__*/ React.createElement(BlockComponent, {
+            ...props,
+            properties: restProperties
+        }));
+    };
+    Wrapped.displayName = BlockComponent.displayName || BlockComponent.name;
+    return Wrapped;
+}
+export default withTheme;

package/dist/connections/AwsS3Bucket/AwsS3PresignedGetObject/AwsS3PresignedGetObject.js

@@ -12,26 +12,30 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import AWS from 'aws-sdk';
+*/ import { S3Client, GetObjectCommand } from '@aws-sdk/client-s3';
+import { getSignedUrl } from '@aws-sdk/s3-request-presigner';
 import schema from './schema.js';
-function AwsS3PresignedGetObject({ request, connection }) {
-    const { accessKeyId, secretAccessKey, region, bucket } = connection;
+async function AwsS3PresignedGetObject({ request, connection }) {
+    const { accessKeyId, secretAccessKey, region } = connection;
     const { expires, key, versionId, responseContentDisposition, responseContentType } = request;
     const params = {
-        Bucket: bucket,
+        Bucket: connection.bucket,
         Key: key,
-        Expires: expires,
         VersionId: versionId,
         ResponseContentDisposition: responseContentDisposition,
         ResponseContentType: responseContentType
     };
-    const s3 = new AWS.S3({
-        accessKeyId,
-        secretAccessKey,
-        region,
-        bucket
+    const s3 = new S3Client({
+        credentials: {
+            accessKeyId,
+            secretAccessKey
+        },
+        region
+    });
+    const command = new GetObjectCommand(params);
+    return getSignedUrl(s3, command, {
+        expiresIn: expires
     });
-    return s3.getSignedUrl('getObject', params);
 }
 AwsS3PresignedGetObject.schema = schema;
 AwsS3PresignedGetObject.meta = {