dbsm.js

import { EditorTypes } from '@wix/ecl-types';

const Translations = {
  title: 'dbs_section_title',
};

export const AddressInputDBSMPanel: EditorTypes.IDBSMPanelfinition = {
  height: 297,
  sections: [
    {
      role: 'selectionTagsListRole',
      bindings: [
        {
          title: Translations.title,
          prop: 'value',
          supportedFieldTypes: [EditorTypes.DBSMFieldTypes.StringArray],
          defaultFieldType: EditorTypes.DBSMFieldTypes.StringArray,
          isInputProperty: true,
          emptyValue: [],
        },
      ],
    },
  ],
  compactErrorPanel: true,
};

registry.js

import { registerWixDataBindings } from 'wix-dbsm-sdk'

// Registration of one definition
registerWixDataBindings(viewerTypes.selectionTags, (api: HostAPI) => {
   return import('assets-server-url/selection-tags/dbsm.js);
}, {
  sdkType: '$w.SelectionTags',
})
  
// Registration of multiple definitions under one sdkType
  
const dbsmPackages = {
  ['wixui.SelectionTags']: 'wix-ui-santa/selection-tags/dbsm.js',
  ['wixui.NavigationTags']: 'wix-ui-santa/navigation-tags/dbsm.js',
}

Object.entries(dbsmPackages).forEach(([viewerType, assetsLink]) => {
  registerWixDataBindings(viewerType, () => import(assetsLink))
}, {
  sdkType: '$w.SelectionTags',
})

wix-dbsm-sdk.js

interface HostAPI {
  experiments: {
    isOpen(name: string): boolean;
  };
}

type BundleLoader = (api: HostAPI) => Promise<any>;

interface Options {
  sdkType: string;
}

type RegisterWixDataBindings = (
  viewerType: string,
  loaderFunction: BundleLoader,
  Options,
) => void;

export const registerWixDataBindings: RegisterWixDataBindings = (viewerType, loader, { sdkType }) => {}

export const enum DBSMFieldTypes {
  Text = 'text',
  Image = 'image',
  StringArray = 'stringArray',
}