nextjs-cms 0.5.9 → 0.5.11

package/dist/core/submit/submit.js

@@ -1,479 +1,479 @@
-import { sql } from 'drizzle-orm';
-import { db } from "../../db/client.js";
-import { SectionFactory } from "../factories.js";
-import { entityKind, is } from "../helpers.js";
-import { NumberField, PhotoField, SelectField, TextField } from "../fields.js";
-import { MysqlTableChecker } from "../db.js";
-export class Submit {
-    static [entityKind] = 'Submit';
-    user;
-    _itemId = undefined;
-    _error = false;
-    _errorMessage = '';
-    _notices = null;
-    sectionName;
-    _postData;
-    _sectionInfo;
-    preSubmit = false;
-    sqlNamesAndValues = {};
-    fields = [];
-    /**
-     * Constructor
-     */
-    constructor({ preSubmit, sectionName, user, postData }) {
-        this.sectionName = sectionName;
-        this.user = user;
-        this._postData = postData;
-        this.preSubmit = preSubmit ?? false;
-    }
-    /**
-     * Run custom hooks after the item is updated
-     * @protected
-     */
-    async runPostSubmitHooks() {
-        try {
-            await this._sectionInfo.hooks?.afterUpdate?.({
-                itemId: this._itemId,
-                values: this.sqlNamesAndValues,
-                section: this._sectionInfo,
-            });
-        }
-        catch (e) {
-            // Do not break the submit flow if a hook throws
-            console.error('afterUpdate hook failed:', e);
-        }
-    }
-    /**
-     * Log operation to the database
-     */
-    async logOperation({ operation, message }) {
-        // TODO: Log the operation to the database,
-        //  get the heading input name and its value to identify the item,
-        //  then generate the log message
-    }
-    /**
-     * Must be called after the constructor
-     */
-    async initialize(requiredRole = 'C') {
-        await this.initializeSectionInfo(this.user, requiredRole);
-    }
-    /**
-     * Gets the section info and assigns it to the `sectionInfo` property
-     * @param user
-     * @param requiredRole
-     * @private
-     */
-    async initializeSectionInfo(user, requiredRole) {
-        /**
-         * First, let's get the section details, and then get the section input fields
-         */
-        const s = await SectionFactory.getSectionForAdmin({
-            name: this.sectionName,
-            admin: {
-                id: user.id,
-                requiredRole: requiredRole,
-            },
-        });
-        if (!s || !s.name) {
-            this._error = true;
-            this._errorMessage = 'Section not found or you do not have access to this operation';
-            return undefined;
-        }
-        /**
-         * Build the section from config when we need to use it
-         */
-        this._sectionInfo = s.build();
-        /**
-         * Build the fields from the field configs
-         */
-        this._sectionInfo.buildFields();
-    }
-    /**
-     * Perform post submit operations
-     * This will initiate the post submit operations for each field (if any)
-     * @private
-     */
-    async postSubmit() {
-        try {
-            /**
-             * Perform post submit operations
-             */
-            for (const field of this._sectionInfo?.fields ?? []) {
-                let variable = undefined;
-                /**
-                 * Figure out the variable to pass to the post submit function
-                 */
-                switch (field.type) {
-                    case 'photo':
-                    case 'document':
-                    case 'video':
-                        /**
-                         * File fields need the section name to save the file in the correct folder
-                         */
-                        variable = this._sectionInfo?.name;
-                        break;
-                    case 'select_multiple':
-                    case 'select':
-                        /**
-                         * Select multiple fields need the itemId,
-                         *  to save the selected values in the correct table with the correct item id
-                         */
-                        variable = this._itemId;
-                        break;
-                    case 'rich_text':
-                        /**
-                         * Rich text fields need the section name to save the file in the correct folder,
-                         * and the itemId to save inline images with the correct item id in the `editor_photos` table
-                         */
-                        variable = {
-                            sectionName: this._sectionInfo?.name,
-                            itemId: this._itemId,
-                        };
-                        break;
-                    default:
-                        break;
-                }
-                /**
-                 * Call the post submit function
-                 */
-                await field.postSubmit(variable);
-            }
-        }
-        catch (e) {
-            this._error = true;
-            this._errorMessage = e.message;
-            return;
-        }
-    }
-    /**
-     * Rollback post submit operations.<br>
-     * This will rollback the post submit operations for each field (if any)
-     * @private
-     */
-    async postSubmitRollback() {
-        for (const field of this._sectionInfo?.fields ?? []) {
-            await field.postSubmitRollback();
-        }
-    }
-    /**
-     * Check if the conditional field conditions are met for a field.
-     * @param field
-     * @private
-     */
-    checkConditionalField(field) {
-        /**
-         * Check if the conditions are met
-         */
-        let status = false;
-        field.conditionalRules?.map((rule) => {
-            switch (rule.condition) {
-                case 'equals':
-                    status = this._postData.get(rule.field.name)?.toString() === `${rule.value}`;
-                    break;
-                case 'notEquals':
-                    status = this._postData.get(rule.field.name)?.toString() !== `${rule.value}`;
-                    break;
-                default:
-                    break;
-            }
-        });
-        return status;
-    }
-    /**
-     * Check if the field is required and perform the required checks.
-     * @param field
-     * @protected
-     */
-    checkRequired(field) {
-        field.checkRequired();
-    }
-    /**
-     * Set the field value.
-     * @param field
-     * @protected
-     */
-    setFieldValue(field) {
-        let value;
-        /**
-         * Check if the field is a select field that has depth (selecting from category section with depth > 1)
-         */
-        if (is(field, SelectField)) {
-            /**
-             * If true, value can be an array of values
-             */
-            value = this._postData.getAll(field.name).filter(Boolean);
-            field.setValue(value.map((v) => {
-                return { value: v.toString(), label: '' };
-            }));
-        }
-        else {
-            value = this._postData.get(field.name);
-            if (value)
-                field.setValue(value);
-        }
-    }
-    updateSqlNamesAndValues(field) {
-        if (field.hasSqlNameAndValue()) {
-            this.sqlNamesAndValues[field.name] = field.getSubmitValue();
-        }
-    }
-    assignItemIdValue(field) {
-        if (!this._itemId &&
-            field.name === this._sectionInfo.db.identifier.name &&
-            (is(field, NumberField) || is(field, TextField))) {
-            this._itemId = field.getValue();
-        }
-    }
-    /**
-     * Handle the field
-     * @param field
-     * @protected
-     */
-    async handleField(field) {
-        /**
-         * Get the value from the post request,
-         *  and assign it to the field object
-         */
-        this.setFieldValue(field);
-        /**
-         * Check if field is conditional, and check if the conditions are met.
-         * If the conditions are met, continue with the field.
-         * If the field is not conditional, skip the field, because it will not be included in the sql query.
-         */
-        if (field.isConditional()) {
-            /**
-             * Check if the conditions are met
-             */
-            if (!this.checkConditionalField(field)) {
-                /**
-                 * Conditions are not met, skip the field
-                 */
-                return;
-            }
-        }
-        try {
-            /**
-             * Check if the field is required,
-             * This will throw an error if the field is required and the value is not present
-             */
-            this.checkRequired(field);
-            /**
-             * Prepare the field for submission,
-             * this will throw an error if the checks fail
-             */
-            await field.prepareForSubmission();
-        }
-        catch (e) {
-            this._error = true;
-            this._errorMessage = e.message;
-            return;
-        }
-        /**
-         * Add the sql name and value to the sqlNamesAndValues object
-         */
-        this.updateSqlNamesAndValues(field);
-        /**
-         * Assign the itemId value
-         */
-        this.assignItemIdValue(field);
-    }
-    async handleFields() {
-        if (this._error)
-            return;
-        if (!this._sectionInfo)
-            return;
-        for (const field of this._sectionInfo.fields ?? []) {
-            if (field) {
-                await this.handleField(field);
-            }
-        }
-    }
-    /**
-     * Execute the sql query.
-     * @param sqlQuery
-     * @private
-     */
-    async executeQuery(sqlQuery) {
-        if (this._error)
-            return;
-        /**
-         * If there is a sql query, let's execute it
-         */
-        if (!sqlQuery) {
-            this._error = true;
-            this._errorMessage = 'SQL query is not defined';
-            return;
-        }
-        try {
-            const [submit, fields] = await db.execute(sqlQuery);
-            /**
-             * If there is no itemId,
-             * there should be an auto increment field in the table
-             * assign the insertId to the itemId property
-             */
-            if (!this._itemId) {
-                this._itemId = submit.insertId;
-            }
-        }
-        catch (e) {
-            this._error = true;
-            this._errorMessage = e.message;
-            return;
-        }
-    }
-    /**
-     * Try to submit the form.
-     */
-    async submit() {
-        /**
-         * Assign the values to the fields
-         */
-        await this.handleFields();
-        /**
-         * If this is a pre-submit operation, don't submit the form
-         */
-        if (this.preSubmit) {
-            return;
-        }
-        /**
-         * Build the sql query
-         */
-        const sqlQuery = this.buildSqlQuery();
-        /**
-         * Execute the sql query
-         */
-        await this.executeQuery(sqlQuery);
-        /**
-         * Just return if there is an error,
-         * because post submit operations did not run yet
-         */
-        if (this._error) {
-            return;
-        }
-        /**
-         * Perform post submit operations
-         */
-        await this.postSubmit();
-        /**
-         * If there is an error in any of the post submit operations,
-         * rollback the submit and post submit operations
-         */
-        if (this._error) {
-            try {
-                /**
-                 * Rollback the submit operation
-                 */
-                await this.submitRollback();
-                /**
-                 * Rollback the post submit operations for each field (if any)
-                 */
-                await this.postSubmitRollback();
-            }
-            catch (e) {
-                /**
-                 * Those errors can be ignored
-                 */
-            }
-        }
-        // Only when there was no error, trigger post submit hooks
-        if (!this._error) {
-            // console.log('Running post submit hooks...')
-            await this.runPostSubmitHooks();
-        }
-        /**
-         * Handle gallery photos
-         */
-        await this.handleGallery();
-        return true;
-    }
-    async handleGallery() {
-        if (!this._sectionInfo.gallery ||
-            !this._sectionInfo.gallery.db ||
-            !this._sectionInfo.gallery.db.tableName ||
-            !this._sectionInfo.gallery.db.referenceIdentifierField ||
-            !this._sectionInfo.gallery.db.metaField) {
-            /**
-             * The gallery table is not set up correctly, add it to the notices array
-             */
-            this.addNotice('Gallery table is not set up correctly, gallery photos were not saved.');
-            return;
-        }
-        const columns = await MysqlTableChecker.getColumns(this._sectionInfo.gallery.db.tableName);
-        if (!columns.includes(this._sectionInfo.gallery.db.referenceIdentifierField) ||
-            !columns.includes(this._sectionInfo.gallery.db.metaField) ||
-            !columns.includes(this._sectionInfo.gallery.db.photoNameField)) {
-            /**
-             * The gallery table is not set up correctly, add it to the notices array
-             */
-            this.addNotice('Gallery table is not set up correctly, gallery photos were not saved.');
-            return;
-        }
-        /**
-         * Gallery photos are sent as `dropzoneFiles` in the post request
-         */
-        const galleryPhotos = this._postData.getAll('dropzoneFiles');
-        /**
-         * Loop through the gallery photos and create a new PhotoField for each photo
-         */
-        for (const photo of galleryPhotos) {
-            /**
-             * Create a photo field instance for the gallery photo
-             */
-            const photoField = new PhotoField({
-                name: 'dropzonePhoto',
-                label: 'Photo',
-                required: false,
-                order: 0,
-                type: ['jpg', 'jpeg', 'png'],
-                watermark: this._sectionInfo.gallery.watermark,
-                thumbnail: this._sectionInfo.gallery.thumbnail,
-            });
-            /**
-             * Set the value of the photo field
-             */
-            photoField.setValue(photo);
-            try {
-                /**
-                 * Prepare the photo field for submission
-                 */
-                await photoField.prepareForSubmission();
-                /**
-                 * Perform post submit operations for the photo field
-                 */
-                await photoField.postSubmit(this._sectionInfo.name);
-                /**
-                 * Prepare the sql statement to insert the photo into the gallery table
-                 */
-                const sqlChunks = [];
-                sqlChunks.push(sql `INSERT INTO \`${sql.raw(this._sectionInfo.gallery.db.tableName)}\` (\`${sql.raw(this._sectionInfo.gallery.db.referenceIdentifierField)}\`, \`${sql.raw(this._sectionInfo.gallery.db.photoNameField)}\`, \`created_by\`) VALUES (${this._itemId}, ${photoField.getValue()}, ${this.user.name})`);
-                const sqlQuery = sql.join(sqlChunks);
-                /**
-                 * Execute the sql query
-                 */
-                await db.execute(sqlQuery);
-            }
-            catch (e) {
-                // It's not logical to roll back the whole operation.
-                // The admin can try again in the `edit` page.
-                // Add the error message to the notices array
-                this.addNotice(e.message);
-                console.log(e);
-            }
-        }
-    }
-    get errorMessage() {
-        return this._errorMessage;
-    }
-    get error() {
-        return this._error;
-    }
-    get notices() {
-        return this._notices;
-    }
-    addNotice(notice) {
-        if (!this._notices) {
-            this._notices = [];
-        }
-        this._notices.push(notice);
-    }
-}
+import { sql } from 'drizzle-orm';
+import { db } from '../../db/client';
+import { SectionFactory } from '../factories';
+import { entityKind, is } from '../helpers';
+import { NumberField, PhotoField, SelectField, TextField } from '../fields';
+import { MysqlTableChecker } from '../db';
+export class Submit {
+    static [entityKind] = 'Submit';
+    user;
+    _itemId = undefined;
+    _error = false;
+    _errorMessage = '';
+    _notices = null;
+    sectionName;
+    _postData;
+    _sectionInfo;
+    preSubmit = false;
+    sqlNamesAndValues = {};
+    fields = [];
+    /**
+     * Constructor
+     */
+    constructor({ preSubmit, sectionName, user, postData }) {
+        this.sectionName = sectionName;
+        this.user = user;
+        this._postData = postData;
+        this.preSubmit = preSubmit ?? false;
+    }
+    /**
+     * Run custom hooks after the item is updated
+     * @protected
+     */
+    async runPostSubmitHooks() {
+        try {
+            await this._sectionInfo.hooks?.afterUpdate?.({
+                itemId: this._itemId,
+                values: this.sqlNamesAndValues,
+                section: this._sectionInfo,
+            });
+        }
+        catch (e) {
+            // Do not break the submit flow if a hook throws
+            console.error('afterUpdate hook failed:', e);
+        }
+    }
+    /**
+     * Log operation to the database
+     */
+    async logOperation({ operation, message }) {
+        // TODO: Log the operation to the database,
+        //  get the heading input name and its value to identify the item,
+        //  then generate the log message
+    }
+    /**
+     * Must be called after the constructor
+     */
+    async initialize(requiredRole = 'C') {
+        await this.initializeSectionInfo(this.user, requiredRole);
+    }
+    /**
+     * Gets the section info and assigns it to the `sectionInfo` property
+     * @param user
+     * @param requiredRole
+     * @private
+     */
+    async initializeSectionInfo(user, requiredRole) {
+        /**
+         * First, let's get the section details, and then get the section input fields
+         */
+        const s = await SectionFactory.getSectionForAdmin({
+            name: this.sectionName,
+            admin: {
+                id: user.id,
+                requiredRole: requiredRole,
+            },
+        });
+        if (!s || !s.name) {
+            this._error = true;
+            this._errorMessage = 'Section not found or you do not have access to this operation';
+            return undefined;
+        }
+        /**
+         * Build the section from config when we need to use it
+         */
+        this._sectionInfo = s.build();
+        /**
+         * Build the fields from the field configs
+         */
+        this._sectionInfo.buildFields();
+    }
+    /**
+     * Perform post submit operations
+     * This will initiate the post submit operations for each field (if any)
+     * @private
+     */
+    async postSubmit() {
+        try {
+            /**
+             * Perform post submit operations
+             */
+            for (const field of this._sectionInfo?.fields ?? []) {
+                let variable = undefined;
+                /**
+                 * Figure out the variable to pass to the post submit function
+                 */
+                switch (field.type) {
+                    case 'photo':
+                    case 'document':
+                    case 'video':
+                        /**
+                         * File fields need the section name to save the file in the correct folder
+                         */
+                        variable = this._sectionInfo?.name;
+                        break;
+                    case 'select_multiple':
+                    case 'select':
+                        /**
+                         * Select multiple fields need the itemId,
+                         *  to save the selected values in the correct table with the correct item id
+                         */
+                        variable = this._itemId;
+                        break;
+                    case 'rich_text':
+                        /**
+                         * Rich text fields need the section name to save the file in the correct folder,
+                         * and the itemId to save inline images with the correct item id in the `editor_photos` table
+                         */
+                        variable = {
+                            sectionName: this._sectionInfo?.name,
+                            itemId: this._itemId,
+                        };
+                        break;
+                    default:
+                        break;
+                }
+                /**
+                 * Call the post submit function
+                 */
+                await field.postSubmit(variable);
+            }
+        }
+        catch (e) {
+            this._error = true;
+            this._errorMessage = e.message;
+            return;
+        }
+    }
+    /**
+     * Rollback post submit operations.<br>
+     * This will rollback the post submit operations for each field (if any)
+     * @private
+     */
+    async postSubmitRollback() {
+        for (const field of this._sectionInfo?.fields ?? []) {
+            await field.postSubmitRollback();
+        }
+    }
+    /**
+     * Check if the conditional field conditions are met for a field.
+     * @param field
+     * @private
+     */
+    checkConditionalField(field) {
+        /**
+         * Check if the conditions are met
+         */
+        let status = false;
+        field.conditionalRules?.map((rule) => {
+            switch (rule.condition) {
+                case 'equals':
+                    status = this._postData.get(rule.field.name)?.toString() === `${rule.value}`;
+                    break;
+                case 'notEquals':
+                    status = this._postData.get(rule.field.name)?.toString() !== `${rule.value}`;
+                    break;
+                default:
+                    break;
+            }
+        });
+        return status;
+    }
+    /**
+     * Check if the field is required and perform the required checks.
+     * @param field
+     * @protected
+     */
+    checkRequired(field) {
+        field.checkRequired();
+    }
+    /**
+     * Set the field value.
+     * @param field
+     * @protected
+     */
+    setFieldValue(field) {
+        let value;
+        /**
+         * Check if the field is a select field that has depth (selecting from category section with depth > 1)
+         */
+        if (is(field, SelectField)) {
+            /**
+             * If true, value can be an array of values
+             */
+            value = this._postData.getAll(field.name).filter(Boolean);
+            field.setValue(value.map((v) => {
+                return { value: v.toString(), label: '' };
+            }));
+        }
+        else {
+            value = this._postData.get(field.name);
+            if (value)
+                field.setValue(value);
+        }
+    }
+    updateSqlNamesAndValues(field) {
+        if (field.hasSqlNameAndValue()) {
+            this.sqlNamesAndValues[field.name] = field.getSubmitValue();
+        }
+    }
+    assignItemIdValue(field) {
+        if (!this._itemId &&
+            field.name === this._sectionInfo.db.identifier.name &&
+            (is(field, NumberField) || is(field, TextField))) {
+            this._itemId = field.getValue();
+        }
+    }
+    /**
+     * Handle the field
+     * @param field
+     * @protected
+     */
+    async handleField(field) {
+        /**
+         * Get the value from the post request,
+         *  and assign it to the field object
+         */
+        this.setFieldValue(field);
+        /**
+         * Check if field is conditional, and check if the conditions are met.
+         * If the conditions are met, continue with the field.
+         * If the field is not conditional, skip the field, because it will not be included in the sql query.
+         */
+        if (field.isConditional()) {
+            /**
+             * Check if the conditions are met
+             */
+            if (!this.checkConditionalField(field)) {
+                /**
+                 * Conditions are not met, skip the field
+                 */
+                return;
+            }
+        }
+        try {
+            /**
+             * Check if the field is required,
+             * This will throw an error if the field is required and the value is not present
+             */
+            this.checkRequired(field);
+            /**
+             * Prepare the field for submission,
+             * this will throw an error if the checks fail
+             */
+            await field.prepareForSubmission();
+        }
+        catch (e) {
+            this._error = true;
+            this._errorMessage = e.message;
+            return;
+        }
+        /**
+         * Add the sql name and value to the sqlNamesAndValues object
+         */
+        this.updateSqlNamesAndValues(field);
+        /**
+         * Assign the itemId value
+         */
+        this.assignItemIdValue(field);
+    }
+    async handleFields() {
+        if (this._error)
+            return;
+        if (!this._sectionInfo)
+            return;
+        for (const field of this._sectionInfo.fields ?? []) {
+            if (field) {
+                await this.handleField(field);
+            }
+        }
+    }
+    /**
+     * Execute the sql query.
+     * @param sqlQuery
+     * @private
+     */
+    async executeQuery(sqlQuery) {
+        if (this._error)
+            return;
+        /**
+         * If there is a sql query, let's execute it
+         */
+        if (!sqlQuery) {
+            this._error = true;
+            this._errorMessage = 'SQL query is not defined';
+            return;
+        }
+        try {
+            const [submit, fields] = await db.execute(sqlQuery);
+            /**
+             * If there is no itemId,
+             * there should be an auto increment field in the table
+             * assign the insertId to the itemId property
+             */
+            if (!this._itemId) {
+                this._itemId = submit.insertId;
+            }
+        }
+        catch (e) {
+            this._error = true;
+            this._errorMessage = e.message;
+            return;
+        }
+    }
+    /**
+     * Try to submit the form.
+     */
+    async submit() {
+        /**
+         * Assign the values to the fields
+         */
+        await this.handleFields();
+        /**
+         * If this is a pre-submit operation, don't submit the form
+         */
+        if (this.preSubmit) {
+            return;
+        }
+        /**
+         * Build the sql query
+         */
+        const sqlQuery = this.buildSqlQuery();
+        /**
+         * Execute the sql query
+         */
+        await this.executeQuery(sqlQuery);
+        /**
+         * Just return if there is an error,
+         * because post submit operations did not run yet
+         */
+        if (this._error) {
+            return;
+        }
+        /**
+         * Perform post submit operations
+         */
+        await this.postSubmit();
+        /**
+         * If there is an error in any of the post submit operations,
+         * rollback the submit and post submit operations
+         */
+        if (this._error) {
+            try {
+                /**
+                 * Rollback the submit operation
+                 */
+                await this.submitRollback();
+                /**
+                 * Rollback the post submit operations for each field (if any)
+                 */
+                await this.postSubmitRollback();
+            }
+            catch (e) {
+                /**
+                 * Those errors can be ignored
+                 */
+            }
+        }
+        // Only when there was no error, trigger post submit hooks
+        if (!this._error) {
+            // console.log('Running post submit hooks...')
+            await this.runPostSubmitHooks();
+        }
+        /**
+         * Handle gallery photos
+         */
+        await this.handleGallery();
+        return true;
+    }
+    async handleGallery() {
+        if (!this._sectionInfo.gallery ||
+            !this._sectionInfo.gallery.db ||
+            !this._sectionInfo.gallery.db.tableName ||
+            !this._sectionInfo.gallery.db.referenceIdentifierField ||
+            !this._sectionInfo.gallery.db.metaField) {
+            /**
+             * The gallery table is not set up correctly, add it to the notices array
+             */
+            this.addNotice('Gallery table is not set up correctly, gallery photos were not saved.');
+            return;
+        }
+        const columns = await MysqlTableChecker.getColumns(this._sectionInfo.gallery.db.tableName);
+        if (!columns.includes(this._sectionInfo.gallery.db.referenceIdentifierField) ||
+            !columns.includes(this._sectionInfo.gallery.db.metaField) ||
+            !columns.includes(this._sectionInfo.gallery.db.photoNameField)) {
+            /**
+             * The gallery table is not set up correctly, add it to the notices array
+             */
+            this.addNotice('Gallery table is not set up correctly, gallery photos were not saved.');
+            return;
+        }
+        /**
+         * Gallery photos are sent as `dropzoneFiles` in the post request
+         */
+        const galleryPhotos = this._postData.getAll('dropzoneFiles');
+        /**
+         * Loop through the gallery photos and create a new PhotoField for each photo
+         */
+        for (const photo of galleryPhotos) {
+            /**
+             * Create a photo field instance for the gallery photo
+             */
+            const photoField = new PhotoField({
+                name: 'dropzonePhoto',
+                label: 'Photo',
+                required: false,
+                order: 0,
+                type: ['jpg', 'jpeg', 'png'],
+                watermark: this._sectionInfo.gallery.watermark,
+                thumbnail: this._sectionInfo.gallery.thumbnail,
+            });
+            /**
+             * Set the value of the photo field
+             */
+            photoField.setValue(photo);
+            try {
+                /**
+                 * Prepare the photo field for submission
+                 */
+                await photoField.prepareForSubmission();
+                /**
+                 * Perform post submit operations for the photo field
+                 */
+                await photoField.postSubmit(this._sectionInfo.name);
+                /**
+                 * Prepare the sql statement to insert the photo into the gallery table
+                 */
+                const sqlChunks = [];
+                sqlChunks.push(sql `INSERT INTO \`${sql.raw(this._sectionInfo.gallery.db.tableName)}\` (\`${sql.raw(this._sectionInfo.gallery.db.referenceIdentifierField)}\`, \`${sql.raw(this._sectionInfo.gallery.db.photoNameField)}\`, \`created_by\`) VALUES (${this._itemId}, ${photoField.getValue()}, ${this.user.name})`);
+                const sqlQuery = sql.join(sqlChunks);
+                /**
+                 * Execute the sql query
+                 */
+                await db.execute(sqlQuery);
+            }
+            catch (e) {
+                // It's not logical to roll back the whole operation.
+                // The admin can try again in the `edit` page.
+                // Add the error message to the notices array
+                this.addNotice(e.message);
+                console.log(e);
+            }
+        }
+    }
+    get errorMessage() {
+        return this._errorMessage;
+    }
+    get error() {
+        return this._error;
+    }
+    get notices() {
+        return this._notices;
+    }
+    addNotice(notice) {
+        if (!this._notices) {
+            this._notices = [];
+        }
+        this._notices.push(notice);
+    }
+}