@scality/data-browser-library 1.0.0-preview.9 → 1.0.3

package/dist/components/objects/ObjectDetails/ObjectSummary.js

@@ -1,10 +1,30 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ConstrainedText, FormattedDateTime, Loader, PrettyBytes, spacing } from "@scality/core-ui";
-import { useObjectLegalHold, useObjectMetadata, useObjectRetention } from "../../../hooks/index.js";
-import { Body, ExtraCell, Group, GroupContent, GroupName, GroupValues, Key, Row, Table, TableContainer, Value } from "../../ui/Table.elements.js";
+import { ConstrainedText, FormattedDateTime, Icon, Loader, PrettyBytes, Text, Toggle, Tooltip, spacing, useToast } from "@scality/core-ui";
 import { CopyButton } from "@scality/core-ui/dist/components/buttonv2/CopyButton.component";
 import { Box } from "@scality/core-ui/dist/next";
+import { Fragment as external_react_Fragment, useCallback, useMemo } from "react";
+import { useDataBrowserUICustomization } from "../../../contexts/DataBrowserUICustomizationContext.js";
+import { useGetPublicAccessBlock, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useSetObjectAcl, useSetObjectLegalHold } from "../../../hooks/index.js";
+import { useDataBrowserConfig } from "../../providers/DataBrowserProvider.js";
+import { Body, ExtraCell, Group, GroupContent, GroupName, GroupValues, Key, Row, Table, TableContainer, Value } from "../../ui/Table.elements.js";
+import { GetPresignedUrlButton } from "../GetPresignedUrlButton.js";
+const PUBLIC_ACL_URI = 'http://acs.amazonaws.com/groups/global/AllUsers';
+const buildPublicUrl = (endpoint, bucket, key, forcePathStyle)=>{
+    if (!endpoint) return '';
+    const normalizedEndpoint = endpoint.endsWith('/') ? endpoint.slice(0, -1) : endpoint;
+    const encodedKey = key.split('/').map((segment)=>encodeURIComponent(segment)).join('/');
+    if (forcePathStyle) return `${normalizedEndpoint}/${bucket}/${encodedKey}`;
+    try {
+        const url = new URL(normalizedEndpoint);
+        url.hostname = `${bucket}.${url.hostname}`;
+        return `${url.origin}/${encodedKey}`;
+    } catch  {
+        return `${normalizedEndpoint}/${bucket}/${encodedKey}`;
+    }
+};
 const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
+    const s3Config = useDataBrowserConfig();
+    const { extraObjectSummaryInformation, extraObjectSummaryDataProtection } = useDataBrowserUICustomization();
     const { data: metadata, status: metadataStatus } = useObjectMetadata({
         Bucket: bucketName,
         Key: objectKey,
@@ -26,121 +46,532 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
             VersionId: versionId
         }
     });
-    return /*#__PURE__*/ jsx(TableContainer, {
-        children: /*#__PURE__*/ jsx(Table, {
-            children: /*#__PURE__*/ jsxs(Body, {
-                children: [
-                    /*#__PURE__*/ jsxs(Group, {
+    const { mutate: setLegalHold, isPending: isUpdatingLegalHold } = useSetObjectLegalHold();
+    const { showToast } = useToast();
+    const { data: aclData, status: aclStatus } = useObjectAcl({
+        Bucket: bucketName,
+        Key: objectKey,
+        ...versionId && {
+            VersionId: versionId
+        }
+    });
+    const { mutate: setObjectAcl, isPending: isUpdatingAcl } = useSetObjectAcl();
+    const { data: publicAccessBlockData, status: publicAccessBlockStatus, error: publicAccessBlockError } = useGetPublicAccessBlock({
+        Bucket: bucketName
+    });
+    const isPublic = aclData?.Grants?.some((grant)=>grant.Grantee?.URI === PUBLIC_ACL_URI && ('READ' === grant.Permission || 'FULL_CONTROL' === grant.Permission)) ?? false;
+    const isPublicAccessBlockPending = 'pending' === publicAccessBlockStatus;
+    const isPublicAccessBlockNotImplemented = publicAccessBlockError?.statusCode === 501;
+    const shouldHidePublicFeature = isPublicAccessBlockNotImplemented || isPublicAccessBlockPending;
+    const isPublicAccessBlockError = 'error' === publicAccessBlockStatus && !isPublicAccessBlockNotImplemented;
+    const isPublicAccessBlocked = publicAccessBlockData?.PublicAccessBlockConfiguration?.BlockPublicAcls === true || publicAccessBlockData?.PublicAccessBlockConfiguration?.IgnorePublicAcls === true;
+    const isToggleDisabled = isUpdatingAcl || isPublicAccessBlocked || isPublicAccessBlockError;
+    const getDisabledReason = useCallback(()=>{
+        if (isPublicAccessBlockError) return 'Unable to check public access block settings';
+        if (isPublicAccessBlocked) return 'Public access is blocked at bucket level';
+        return null;
+    }, [
+        isPublicAccessBlockError,
+        isPublicAccessBlocked
+    ]);
+    const publicUrl = useMemo(()=>isPublic && !shouldHidePublicFeature ? buildPublicUrl(s3Config.endpoint, bucketName, objectKey, s3Config.forcePathStyle) : '', [
+        isPublic,
+        shouldHidePublicFeature,
+        s3Config.endpoint,
+        s3Config.forcePathStyle,
+        bucketName,
+        objectKey
+    ]);
+    const isLegalHoldEnabled = legalHoldData?.LegalHold?.Status === 'ON';
+    const hasRetention = retentionData?.Retention?.Mode;
+    const isObjectLockAvailable = hasRetention || 'pending' === retentionStatus || 'success' === legalHoldStatus;
+    const handleLegalHoldChange = useCallback(()=>{
+        setLegalHold({
+            Bucket: bucketName,
+            Key: objectKey,
+            ...versionId && {
+                VersionId: versionId
+            },
+            LegalHold: {
+                Status: isLegalHoldEnabled ? 'OFF' : 'ON'
+            }
+        }, {
+            onSuccess: ()=>{
+                showToast({
+                    open: true,
+                    message: `Legal hold ${isLegalHoldEnabled ? 'inactive' : 'active'}`,
+                    status: 'success'
+                });
+            },
+            onError: (error)=>{
+                showToast({
+                    open: true,
+                    message: error instanceof Error ? error.message : 'Failed to update legal hold',
+                    status: 'error'
+                });
+            }
+        });
+    }, [
+        bucketName,
+        objectKey,
+        versionId,
+        isLegalHoldEnabled,
+        setLegalHold,
+        showToast
+    ]);
+    const handlePublicChange = useCallback(()=>{
+        setObjectAcl({
+            Bucket: bucketName,
+            Key: objectKey,
+            ...versionId && {
+                VersionId: versionId
+            },
+            ACL: isPublic ? 'private' : 'public-read'
+        }, {
+            onSuccess: ()=>{
+                showToast({
+                    open: true,
+                    message: `Object is now ${isPublic ? 'private' : 'public'}`,
+                    status: 'success'
+                });
+            },
+            onError: (error)=>{
+                showToast({
+                    open: true,
+                    message: error instanceof Error ? error.message : 'Failed to update object visibility',
+                    status: 'error'
+                });
+            }
+        });
+    }, [
+        bucketName,
+        objectKey,
+        versionId,
+        isPublic,
+        setObjectAcl,
+        showToast
+    ]);
+    const informationFields = useMemo(()=>{
+        const defaultFields = {
+            name: {
+                id: 'name',
+                label: 'Name',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "Name"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            width: "15rem",
+                            children: /*#__PURE__*/ jsx(ConstrainedText, {
+                                text: objectKey,
+                                lineClamp: 2
+                            })
+                        })
+                    ]
+                }, "name")
+            },
+            versionId: {
+                id: 'versionId',
+                label: 'Version ID',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "Version ID"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : /*#__PURE__*/ jsxs(GroupValues, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Box, {
+                                        flex: "1",
+                                        minWidth: "0",
+                                        children: /*#__PURE__*/ jsx(ConstrainedText, {
+                                            text: metadata?.VersionId || versionId || 'N/A',
+                                            lineClamp: 1
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(ExtraCell, {
+                                        marginLeft: spacing.f8,
+                                        children: /*#__PURE__*/ jsx(CopyButton, {
+                                            textToCopy: metadata?.VersionId || versionId || ''
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                }, "versionId")
+            },
+            size: {
+                id: 'size',
+                label: 'Size',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "Size"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : /*#__PURE__*/ jsx(PrettyBytes, {
+                                bytes: metadata?.ContentLength || 0
+                            })
+                        })
+                    ]
+                }, "size")
+            },
+            lastModified: {
+                id: 'lastModified',
+                label: 'Modified On',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "Modified On"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : metadata?.LastModified ? /*#__PURE__*/ jsx(FormattedDateTime, {
+                                value: metadata.LastModified,
+                                format: "date-time-second"
+                            }) : 'N/A'
+                        })
+                    ]
+                }, "lastModified")
+            },
+            etag: {
+                id: 'etag',
+                label: 'ETag',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "ETag"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : /*#__PURE__*/ jsxs(GroupValues, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Box, {
+                                        flex: "1",
+                                        minWidth: "0",
+                                        children: /*#__PURE__*/ jsx(ConstrainedText, {
+                                            text: metadata?.ETag?.replace(/^"|"$/g, '') || 'N/A',
+                                            lineClamp: 1
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(ExtraCell, {
+                                        marginLeft: spacing.f8,
+                                        children: /*#__PURE__*/ jsx(CopyButton, {
+                                            textToCopy: metadata?.ETag?.replace(/^"|"$/g, '') || ''
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                }, "etag")
+            },
+            location: {
+                id: 'location',
+                label: 'Location',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "Location"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: "default"
+                        })
+                    ]
+                }, "location")
+            }
+        };
+        const extraFields = [];
+        extraObjectSummaryInformation?.forEach((fieldConfig)=>{
+            const RenderComponent = fieldConfig.render;
+            const fieldItem = {
+                id: fieldConfig.id,
+                label: fieldConfig.label,
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        fieldConfig.label && /*#__PURE__*/ jsx(Key, {
+                            children: fieldConfig.label
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: /*#__PURE__*/ jsx(RenderComponent, {
+                                entityName: objectKey
+                            })
+                        })
+                    ]
+                }, fieldConfig.id)
+            };
+            if (defaultFields[fieldConfig.id]) defaultFields[fieldConfig.id] = fieldItem;
+            else extraFields.push(fieldItem);
+        });
+        return [
+            defaultFields.name,
+            defaultFields.versionId,
+            defaultFields.size,
+            defaultFields.lastModified,
+            defaultFields.etag,
+            defaultFields.location,
+            ...extraFields
+        ].filter((field)=>null !== field.node);
+    }, [
+        objectKey,
+        versionId,
+        metadata?.VersionId,
+        metadata?.ContentLength,
+        metadata?.LastModified,
+        metadata?.ETag,
+        metadataStatus,
+        extraObjectSummaryInformation
+    ]);
+    const accessFields = useMemo(()=>{
+        const fields = [];
+        if (!shouldHidePublicFeature) {
+            const disabledReason = getDisabledReason();
+            const toggleElement = /*#__PURE__*/ jsx(Toggle, {
+                id: "publicToggle",
+                disabled: isToggleDisabled,
+                toggle: isPublic,
+                label: isPublic ? 'Active' : 'Inactive',
+                onChange: handlePublicChange
+            });
+            if ('pending' === aclStatus) fields.push({
+                id: 'public',
+                label: 'Public',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "Public"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: /*#__PURE__*/ jsx(Loader, {})
+                        })
+                    ]
+                }, "public")
+            });
+            else if ('error' === aclStatus) fields.push({
+                id: 'public',
+                label: 'Public',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "Public"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: "N/A"
+                        })
+                    ]
+                }, "public")
+            });
+            else {
+                fields.push({
+                    id: 'public',
+                    label: 'Public',
+                    node: /*#__PURE__*/ jsxs(Row, {
                         children: [
-                            /*#__PURE__*/ jsx(GroupName, {
-                                children: "Information"
+                            /*#__PURE__*/ jsx(Key, {
+                                children: "Public"
                             }),
-                            /*#__PURE__*/ jsxs(GroupContent, {
+                            /*#__PURE__*/ jsx(Value, {
+                                children: disabledReason ? /*#__PURE__*/ jsx(Tooltip, {
+                                    overlay: disabledReason,
+                                    children: /*#__PURE__*/ jsx(Box, {
+                                        display: "inline-block",
+                                        children: toggleElement
+                                    })
+                                }) : toggleElement
+                            })
+                        ]
+                    }, "public")
+                });
+                if (isPublic) {
+                    fields.push({
+                        id: 'publicHint',
+                        label: '',
+                        node: /*#__PURE__*/ jsx(Box, {
+                            marginTop: `-${spacing.r16}`,
+                            children: /*#__PURE__*/ jsxs(Row, {
                                 children: [
-                                    /*#__PURE__*/ jsxs(Row, {
+                                    /*#__PURE__*/ jsx(Key, {}),
+                                    /*#__PURE__*/ jsx(Value, {
+                                        children: /*#__PURE__*/ jsx(Text, {
+                                            color: "statusWarning",
+                                            variant: "Small",
+                                            children: "Available to anyone with the link and endpoint access"
+                                        })
+                                    })
+                                ]
+                            })
+                        }, "publicHint")
+                    });
+                    if (publicUrl) fields.push({
+                        id: 'externalLink',
+                        label: 'External link',
+                        node: /*#__PURE__*/ jsxs(Row, {
+                            children: [
+                                /*#__PURE__*/ jsx(Key, {
+                                    children: "External link"
+                                }),
+                                /*#__PURE__*/ jsx(Value, {
+                                    children: /*#__PURE__*/ jsxs(GroupValues, {
                                         children: [
-                                            /*#__PURE__*/ jsx(Key, {
-                                                children: "Name"
-                                            }),
-                                            /*#__PURE__*/ jsx(Value, {
-                                                width: "15rem",
+                                            /*#__PURE__*/ jsx(Box, {
+                                                flex: "1",
+                                                minWidth: "0",
                                                 children: /*#__PURE__*/ jsx(ConstrainedText, {
-                                                    text: objectKey,
-                                                    lineClamp: 2
-                                                })
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs(Row, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(Key, {
-                                                children: "Version ID"
-                                            }),
-                                            /*#__PURE__*/ jsx(Value, {
-                                                children: "pending" === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === metadataStatus ? "Error" : /*#__PURE__*/ jsxs(GroupValues, {
-                                                    children: [
-                                                        /*#__PURE__*/ jsx(Box, {
-                                                            flex: "1",
-                                                            minWidth: "0",
-                                                            children: /*#__PURE__*/ jsx(ConstrainedText, {
-                                                                text: metadata?.VersionId || versionId || "N/A",
-                                                                lineClamp: 1
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ jsx(ExtraCell, {
-                                                            marginLeft: spacing.f8,
-                                                            children: /*#__PURE__*/ jsx(CopyButton, {
-                                                                textToCopy: metadata?.VersionId || versionId || ""
-                                                            })
-                                                        })
-                                                    ]
-                                                })
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs(Row, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(Key, {
-                                                children: "Size"
-                                            }),
-                                            /*#__PURE__*/ jsx(Value, {
-                                                children: "pending" === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === metadataStatus ? "Error" : /*#__PURE__*/ jsx(PrettyBytes, {
-                                                    bytes: metadata?.ContentLength || 0
+                                                    text: publicUrl,
+                                                    lineClamp: 1
                                                 })
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs(Row, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(Key, {
-                                                children: "Modified On"
-                                            }),
-                                            /*#__PURE__*/ jsx(Value, {
-                                                children: "pending" === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === metadataStatus ? "Error" : metadata?.LastModified ? /*#__PURE__*/ jsx(FormattedDateTime, {
-                                                    value: metadata.LastModified,
-                                                    format: "date-time-second"
-                                                }) : "N/A"
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs(Row, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(Key, {
-                                                children: "ETag"
                                             }),
-                                            /*#__PURE__*/ jsx(Value, {
-                                                children: "pending" === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === metadataStatus ? "Error" : /*#__PURE__*/ jsxs(GroupValues, {
-                                                    children: [
-                                                        /*#__PURE__*/ jsx(Box, {
-                                                            flex: "1",
-                                                            minWidth: "0",
-                                                            children: /*#__PURE__*/ jsx(ConstrainedText, {
-                                                                text: metadata.ETag?.replace(/^"|"$/g, "") || "N/A",
-                                                                lineClamp: 1
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ jsx(ExtraCell, {
-                                                            marginLeft: spacing.f8,
-                                                            children: /*#__PURE__*/ jsx(CopyButton, {
-                                                                textToCopy: metadata.ETag?.replace(/^"|"$/g, "") || ""
-                                                            })
-                                                        })
-                                                    ]
+                                            /*#__PURE__*/ jsx(ExtraCell, {
+                                                marginLeft: spacing.f8,
+                                                children: /*#__PURE__*/ jsx(CopyButton, {
+                                                    textToCopy: publicUrl
                                                 })
                                             })
                                         ]
+                                    })
+                                })
+                            ]
+                        }, "externalLink")
+                    });
+                }
+            }
+        }
+        return fields;
+    }, [
+        shouldHidePublicFeature,
+        aclStatus,
+        isPublic,
+        isToggleDisabled,
+        handlePublicChange,
+        publicUrl,
+        getDisabledReason
+    ]);
+    const dataProtectionFields = useMemo(()=>{
+        const defaultFields = {
+            lock: {
+                id: 'lock',
+                label: 'Lock',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "Lock"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: 'pending' === retentionStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === retentionStatus ? 'No Retention' : retentionData?.Retention?.Mode ? /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    retentionData.Retention.Mode,
+                                    " until",
+                                    ' ',
+                                    retentionData.Retention.RetainUntilDate ? /*#__PURE__*/ jsx(FormattedDateTime, {
+                                        format: "date-time-second",
+                                        value: new Date(retentionData.Retention.RetainUntilDate)
+                                    }) : 'N/A'
+                                ]
+                            }) : 'No Retention'
+                        })
+                    ]
+                }, "lock")
+            },
+            legalHold: {
+                id: 'legalHold',
+                label: 'Legal Hold',
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        /*#__PURE__*/ jsx(Key, {
+                            children: "Legal Hold"
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: 'pending' === legalHoldStatus ? /*#__PURE__*/ jsx(Loader, {}) : isObjectLockAvailable ? /*#__PURE__*/ jsxs(Box, {
+                                display: "flex",
+                                alignItems: "center",
+                                gap: spacing.r8,
+                                children: [
+                                    /*#__PURE__*/ jsx(Toggle, {
+                                        id: "legalHoldToggle",
+                                        disabled: isUpdatingLegalHold,
+                                        toggle: isLegalHoldEnabled,
+                                        label: isLegalHoldEnabled ? 'Active' : 'Inactive',
+                                        onChange: handleLegalHoldChange
                                     }),
-                                    /*#__PURE__*/ jsxs(Row, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(Key, {
-                                                children: "Location"
-                                            }),
-                                            /*#__PURE__*/ jsx(Value, {
-                                                children: "default"
-                                            })
-                                        ]
+                                    isLegalHoldEnabled && /*#__PURE__*/ jsx(Icon, {
+                                        name: "Rebalance"
                                     })
                                 ]
+                            }) : 'N/A'
+                        })
+                    ]
+                }, "legalHold")
+            }
+        };
+        const extraFields = [];
+        extraObjectSummaryDataProtection?.forEach((fieldConfig)=>{
+            const RenderComponent = fieldConfig.render;
+            const fieldItem = {
+                id: fieldConfig.id,
+                label: fieldConfig.label,
+                node: /*#__PURE__*/ jsxs(Row, {
+                    children: [
+                        fieldConfig.label && /*#__PURE__*/ jsx(Key, {
+                            children: fieldConfig.label
+                        }),
+                        /*#__PURE__*/ jsx(Value, {
+                            children: /*#__PURE__*/ jsx(RenderComponent, {
+                                entityName: objectKey
+                            })
+                        })
+                    ]
+                }, fieldConfig.id)
+            };
+            if (defaultFields[fieldConfig.id]) defaultFields[fieldConfig.id] = fieldItem;
+            else extraFields.push(fieldItem);
+        });
+        return [
+            defaultFields.lock,
+            defaultFields.legalHold,
+            ...extraFields
+        ];
+    }, [
+        objectKey,
+        retentionStatus,
+        retentionData?.Retention?.Mode,
+        retentionData?.Retention?.RetainUntilDate,
+        legalHoldStatus,
+        isObjectLockAvailable,
+        isLegalHoldEnabled,
+        isUpdatingLegalHold,
+        handleLegalHoldChange,
+        extraObjectSummaryDataProtection
+    ]);
+    return /*#__PURE__*/ jsx(TableContainer, {
+        children: /*#__PURE__*/ jsx(Table, {
+            children: /*#__PURE__*/ jsxs(Body, {
+                children: [
+                    /*#__PURE__*/ jsxs(Group, {
+                        children: [
+                            /*#__PURE__*/ jsx(GroupName, {
+                                children: "Information"
+                            }),
+                            /*#__PURE__*/ jsx(GroupContent, {
+                                children: informationFields.map((field)=>/*#__PURE__*/ jsx(external_react_Fragment, {
+                                        children: field.node
+                                    }, field.id))
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Group, {
+                        children: [
+                            /*#__PURE__*/ jsx(GroupName, {
+                                action: /*#__PURE__*/ jsx(GetPresignedUrlButton, {
+                                    bucketName: bucketName,
+                                    objectKey: objectKey,
+                                    versionId: versionId
+                                }),
+                                children: "Access"
+                            }),
+                            /*#__PURE__*/ jsx(GroupContent, {
+                                children: accessFields.map((field)=>/*#__PURE__*/ jsx(external_react_Fragment, {
+                                        children: field.node
+                                    }, field.id))
                             })
                         ]
                     }),
@@ -149,39 +580,10 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
                             /*#__PURE__*/ jsx(GroupName, {
                                 children: "Data protection"
                             }),
-                            /*#__PURE__*/ jsxs(GroupContent, {
-                                children: [
-                                    /*#__PURE__*/ jsxs(Row, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(Key, {
-                                                children: "Lock"
-                                            }),
-                                            /*#__PURE__*/ jsx(Value, {
-                                                children: "pending" === retentionStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === retentionStatus ? "No Retention" : retentionData?.Retention?.Mode ? /*#__PURE__*/ jsxs(Fragment, {
-                                                    children: [
-                                                        retentionData.Retention.Mode,
-                                                        " until",
-                                                        " ",
-                                                        retentionData.Retention.RetainUntilDate ? /*#__PURE__*/ jsx(FormattedDateTime, {
-                                                            format: "date-time-second",
-                                                            value: new Date(retentionData.Retention.RetainUntilDate)
-                                                        }) : "N/A"
-                                                    ]
-                                                }) : "No Retention"
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs(Row, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(Key, {
-                                                children: "Legal Hold"
-                                            }),
-                                            /*#__PURE__*/ jsx(Value, {
-                                                children: "pending" === legalHoldStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === legalHoldStatus ? "OFF" : legalHoldData?.LegalHold?.Status === "ON" ? "ON" : "OFF"
-                                            })
-                                        ]
-                                    })
-                                ]
+                            /*#__PURE__*/ jsx(GroupContent, {
+                                children: dataProtectionFields.map((field)=>/*#__PURE__*/ jsx(external_react_Fragment, {
+                                        children: field.node
+                                    }, field.id))
                             })
                         ]
                     })