defineMessages throws Uncaught Reference error when used in index.html of cspace#tenant

[atsakir]

Following the configuration docs I tried the vocabularyConfiguration example like so:

                <script>
                        cspaceUI({
                                basename: '/cspace/core',
                                prettyUrls: true,
                                tenantId: '1',
                                recordTypes: {
                                        collectionobject: {
                                                vocabularies: {
                                                        category: {
                                                                messages: defineMessages({
                                                                        name: {
                                                                                id: 'vocab.collectionobject.category.name',
                                                                                description: 'Toy category',
                                                                                defaultMessage: 'Toy category',
                                                                        },
                                                                        collectionName: {
                                                                                id: 'vocab.collectionobject.subcategory.collectionName',
                                                                                description: 'Toy categories',
                                                                                defaultMessage: 'Toy categories',
                                                                        },
                                                                }),
                                                                serviceConfig: {
                                                                        servicePath: 'urn:cspace:name(category)',
                                                                },
                                                                sortOrder: 0,
                                                        },
                                                },
                                        },
                                },
                        });
                </script>

using the installed cspace@8.0.0.min.js source with the default 7.2.0 collaborationSpace installation.
However ,although I can see that react-intl is included in the compiled source, I get an Undefined Reference for defineMessage.

How can this be resolved?

[ray-lee]

You can omit the defineMessages function call:

messages: {
        name: {
                id: 'vocab.collectionobject.category.name',
                description: 'Toy category',
                defaultMessage: 'Toy category',
        },
        collectionName: {
                id: 'vocab.collectionobject.subcategory.collectionName',
                description: 'Toy categories',
                defaultMessage: 'Toy categories',
        },
),

defineMessages actually just returns the argument that's passed in. It's only used as a marker for a babel plugin to extract message definitions so you can send them to a translation service. In this context you don't care about that, so you can omit it.

[ray-lee]

BTW, collection object is not an authority record, so your configuration won't do anything. A vocabulary is a kind of an authority record. For example, the Concept authority has Activity, Material, and Occasion vocabularies.