@hygraph/app-sdk 0.0.2

package/dist/app-sdk.umd.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sdk.umd.development.js","sources":["../src/base.ts","../src/field.ts","../src/type-helpers/appInstallation.ts","../src/index.ts"],"sourcesContent":["import type { ShowToast } from './type-helpers/toast';\nimport type { OpenDialog } from './type-helpers/dialog';\nimport type { OpenAssetPicker } from './type-helpers/openAssetPicker';\n\n// see https://github.com/krakenjs/zoid/blob/master/src/component/props.js#L53\nexport const reservedExtensionProps = [\n  'timeout',\n  'window',\n  'close',\n  'focus',\n  'resize',\n  'uid',\n  'cspNonce',\n  'getParent',\n  'getParentDomain',\n  'hide',\n  'show',\n  'export',\n  'onDisplay',\n  'onRendered',\n  'onRender',\n  'onClose',\n  'onDestroy',\n  'onResize',\n  'onFocus',\n  'onError',\n  'onProps',\n];\n\nexport enum ExtensionPermission {\n  INPUT = 'INPUT',\n  FORM = 'FORM',\n  API = 'API',\n}\n\ntype ConfigVariableName = string;\n\ntype ConfigVariableSettings = {\n  type: 'string' | 'number' | 'boolean';\n  displayName?: string;\n  description?: string;\n  required?: boolean;\n  defaultValue?: any;\n};\n\nexport type ConfigFields = Record<ConfigVariableName, ConfigVariableSettings>;\n\nexport type ConfigValue = Record<\n  string,\n  boolean | number | string | undefined | null\n>;\n\nexport type FieldConfig = {\n  tableConfig: ConfigValue;\n  fieldConfig: ConfigValue;\n};\n\nexport type FormSidebarConfig = { sidebarConfig: ConfigValue };\n\nexport type Project = {\n  id: string;\n  name: string;\n  mgmtApi: string;\n  mgmtToken: string;\n};\n\nexport type Environment = {\n  id: string;\n  name: string;\n  endpoint: string;\n  authToken: string;\n};\n\nexport type Context = {\n  project: Project;\n  environment: Environment;\n};\n\nexport interface ExtensionPropsBase {\n  context: Context;\n  openDialog: OpenDialog;\n  showToast: ShowToast;\n  openAssetPicker: OpenAssetPicker;\n  redirectParent: (location: string | Location) => Promise<void>;\n  historyReplace: (url: string | HistoryCallback) => Promise<void>;\n  historyPush: (url: string | HistoryCallback) => Promise<void>;\n}\n\nexport interface ExtensionDialogProps extends ExtensionPropsBase {\n  onCloseDialog: (value: any) => void;\n}\n\ntype HistoryCallback = (href: Location['href']) => string;\n","import type { Form } from './type-helpers/form';\nimport type { ExtensionPropsBase, ConfigValue } from './base';\nimport type { Model } from './type-helpers/model';\nimport type { AppInstallation } from './type-helpers/appInstallation';\nimport type { Field } from './type-helpers/field';\n\nexport const FieldExtensionType = {\n  STRING: 'STRING',\n  RICHTEXT: 'RICHTEXT',\n  INT: 'INT',\n  FLOAT: 'FLOAT',\n  BOOLEAN: 'BOOLEAN',\n  JSON: 'JSON',\n  DATETIME: 'DATETIME',\n  DATE: 'DATE',\n  LOCATION: 'LOCATION',\n  COLOR: 'COLOR',\n  ENUMERATION: 'ENUMERATION',\n  RELATION: 'RELATION',\n  ASSET: 'ASSET',\n  UNION: 'UNION',\n} as const;\n\nexport const FieldExtensionFeature = {\n  FieldRenderer: 'FieldRenderer',\n  ListRenderer: 'ListRenderer',\n  TableRenderer: 'TableRenderer',\n} as const;\n\nexport interface FieldExtensionProps extends ExtensionPropsBase {\n  extension: {\n    config: ConfigValue;\n    tableConfig: ConfigValue;\n    fieldConfig: ConfigValue;\n    id: string;\n  };\n\n  isExpanded: boolean;\n  expand: (expand: boolean | ((isExpanded: boolean) => boolean)) => unknown;\n\n  // name of the field in the form (may differ from the field apiId, ie. for localized fields)\n  name: string;\n\n  // current locale on localized field\n  locale: string | undefined;\n\n  // current entry id, null for new entries;\n  entryId: string | null;\n\n  isTableCell: boolean;\n\n  isReadOnly: boolean | undefined;\n\n  value: any;\n\n  onBlur: (event?: FocusEvent) => Promise<void>;\n\n  onChange: (event: InputEvent | any) => Promise<void>;\n\n  onFocus: (event?: FocusEvent) => Promise<void>;\n\n  // @see https://final-form.org/docs/react-final-form/types/FieldRenderProps\n  meta: {\n    active: boolean;\n    error: any;\n    touched: boolean;\n  };\n\n  form: Form;\n  field: Field;\n  model: Model;\n  installation: AppInstallation;\n}\n","import type { ConfigValue } from '../base';\n\nexport const AppInstallationStatus = {\n  COMPLETED: 'COMPLETED',\n  DISABLED: 'DISABLED',\n  PENDING: 'PENDING',\n} as const;\n\nexport type AppInstallation = {\n  id: string;\n  config: ConfigValue;\n  status: keyof typeof AppInstallationStatus;\n};\n","import zoid from '@graphcms/zoid/lib/zoid.js';\n\nimport { ExtensionDialogProps, reservedExtensionProps } from './base';\nexport { ExtensionDialogProps, reservedExtensionProps } from './base';\nimport type { FieldExtensionProps } from './field';\nimport type { FormSidebarExtensionProps } from './formSidebar';\nexport * from './base';\nexport type {\n  FormState,\n  FieldState,\n  FieldSubscription,\n  Subscriber,\n  FormSubscription,\n  Form,\n} from './type-helpers/form';\n\nexport type {\n  VisibilityTypes,\n  SetFieldsVisibility,\n  VisibilityMap,\n} from './type-helpers/visibility';\n\nexport type { FieldExtensionProps } from './field';\nexport type { AppProps } from './app';\nexport type { FormSidebarExtensionProps } from './formSidebar';\nexport { FieldExtensionFeature, FieldExtensionType } from './field';\nexport * from './type-helpers/appInstallation';\n\nexport type ExtensionProps =\n  | FieldExtensionProps\n  | FormSidebarExtensionProps\n  | ExtensionDialogProps;\n\ntype Xprops = {\n  onProps: (props: Record<string, any>) => void;\n  onConnected: (uid: string) => Promise<unknown>;\n  resize: (size: {\n    height: 'auto' | 'full' | number;\n    width: 'auto' | '100%' | number;\n  }) => unknown;\n} & ExtensionProps;\n\ndeclare global {\n  interface Window {\n    xprops: Xprops;\n  }\n}\n\nfunction handleProps(props: any) {\n  const transformedProps: any = {};\n  Object.keys(props).forEach((key: string) => {\n    // do not pass down zoid props to the extension\n    if (reservedExtensionProps.includes(key)) return;\n\n    // transform props that were prefixed with '_' to bypass zoid reverved props\n    if (\n      key.startsWith('_') &&\n      reservedExtensionProps.includes(key.replace(/^_/g, ''))\n    ) {\n      transformedProps[key.replace(/^_/g, '')] = props[key];\n    } else {\n      transformedProps[key] = props[key];\n    }\n  });\n  return transformedProps;\n}\n\nexport function init({\n  debug,\n  onProps = () => undefined,\n  uid: givenUid,\n}: {\n  onProps: (props: any) => unknown;\n  debug?: boolean;\n  uid?: string;\n}) {\n  return new Promise<{ status: 'ok'; props: any } | { status: 'validation' }>(\n    (resolve, reject) => {\n      if (\n        typeof window === 'undefined' ||\n        typeof window.postMessage === 'undefined'\n      ) {\n        return reject({\n          error: 'unsupported_env',\n          message:\n            'Unsupported environment: Not in a browser supporting PostMessage',\n        });\n      }\n\n      const uid =\n        givenUid ||\n        (typeof URLSearchParams !== 'undefined' &&\n          new URLSearchParams(window.location.search).get('extensionUid'));\n\n      if (!uid) {\n        if (debug)\n          console.error(`[UIX] no uid found in init params or extension URL`);\n        return reject({\n          error: 'missing_uid',\n          message: 'Missing UID: no UID found in init params or extension URL',\n        });\n      }\n      if (debug) console.info(`[UIX:${uid}] initializing with uid ${uid}`);\n\n      zoid.create({\n        tag: uid,\n        url: window.location.href.toString(),\n        autoResize: {\n          width: false,\n          height: true,\n          element: 'html',\n        },\n        props: {\n          onConnected: {\n            type: 'function',\n          },\n        },\n      });\n      if (typeof window.xprops !== 'undefined') {\n        const { onConnected, onProps: initialOnProps } = window.xprops;\n\n        onConnected(uid).then((status) => {\n          if (status === true) {\n            const {\n              onProps: onParentProps,\n              onConnected: _nevermind,\n              resize,\n              ...extensionProps\n            } = window.xprops;\n\n            if (debug)\n              console.info(`[UIX:${uid}] initial shared props`, extensionProps);\n            onParentProps((p: Xprops) => {\n              const {\n                onProps: onParentProps,\n                onConnected,\n                ...newExtensionProps\n              } = p;\n\n              if (debug)\n                console.info(\n                  `[UIX:${uid}] new shared props`,\n                  newExtensionProps\n                );\n              if ('isExpanded' in p && typeof p.isExpanded === 'boolean') {\n                p.isExpanded\n                  ? resize({ height: 'full', width: '100%' })\n                  : resize({ height: 'auto', width: '100%' });\n              }\n              onProps(handleProps(newExtensionProps));\n            });\n\n            if (debug) console.info(`[UIX:${uid}] initialized`);\n            onProps(handleProps(extensionProps));\n            resolve({ status: 'ok', props: handleProps(extensionProps) });\n          } else {\n            if (debug)\n              console.info(\n                `[UIX:${uid}] sdk renderer returned status:`,\n                status\n              );\n            resolve({ status: 'validation' });\n          }\n        });\n      } else {\n        if (debug) console.error(`[UIX] no shared props from host found`);\n        reject({\n          error: 'failed_communication',\n          message:\n            'No communication established with host, please check your URL',\n        });\n      }\n    }\n  );\n}\n\nexport default { init };\n"],"names":["reservedExtensionProps","ExtensionPermission","FieldExtensionType","STRING","RICHTEXT","INT","FLOAT","BOOLEAN","JSON","DATETIME","DATE","LOCATION","COLOR","ENUMERATION","RELATION","ASSET","UNION","FieldExtensionFeature","FieldRenderer","ListRenderer","TableRenderer","AppInstallationStatus","COMPLETED","DISABLED","PENDING","handleProps","props","transformedProps","Object","keys","forEach","key","includes","startsWith","replace","init","debug","onProps","undefined","givenUid","uid","Promise","resolve","reject","window","postMessage","error","message","URLSearchParams","location","search","get","console","info","zoid","create","tag","url","href","toString","autoResize","width","height","element","onConnected","type","xprops","then","status","onParentProps","_nevermind","resize","extensionProps","p","newExtensionProps","isExpanded"],"mappings":"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"}

package/dist/app-sdk.umd.production.min.js

@@ -0,0 +1,2 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@graphcms/zoid/lib/zoid.js")):"function"==typeof define&&define.amd?define(["exports","@graphcms/zoid/lib/zoid.js"],n):n((e=e||self)["@hygraph/app-sdk"]={},e.zoid)}(this,(function(e,n){"use strict";function o(e,n){if(null==e)return{};var o,i,r={},t=Object.keys(e);for(i=0;i<t.length;i++)n.indexOf(o=t[i])>=0||(r[o]=e[o]);return r}n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;var i,r=["timeout","window","close","focus","resize","uid","cspNonce","getParent","getParentDomain","hide","show","export","onDisplay","onRendered","onRender","onClose","onDestroy","onResize","onFocus","onError","onProps"];(i=e.ExtensionPermission||(e.ExtensionPermission={})).INPUT="INPUT",i.FORM="FORM",i.API="API";var t=["onProps","onConnected","resize"],s=["onProps","onConnected"];function d(e){var n={};return Object.keys(e).forEach((function(o){r.includes(o)||(o.startsWith("_")&&r.includes(o.replace(/^_/g,""))?n[o.replace(/^_/g,"")]=e[o]:n[o]=e[o])})),n}function a(e){var i=e.debug,r=e.onProps,a=void 0===r?function(){}:r,p=e.uid;return new Promise((function(e,r){if("undefined"==typeof window||void 0===window.postMessage)return r({error:"unsupported_env",message:"Unsupported environment: Not in a browser supporting PostMessage"});var u=p||"undefined"!=typeof URLSearchParams&&new URLSearchParams(window.location.search).get("extensionUid");if(!u)return i&&console.error("[UIX] no uid found in init params or extension URL"),r({error:"missing_uid",message:"Missing UID: no UID found in init params or extension URL"});i&&console.info("[UIX:"+u+"] initializing with uid "+u),n.create({tag:u,url:window.location.href.toString(),autoResize:{width:!1,height:!0,element:"html"},props:{onConnected:{type:"function"}}}),void 0!==window.xprops?(0,window.xprops.onConnected)(u).then((function(n){if(!0===n){var r=window.xprops,p=r.onProps,c=r.resize,l=o(r,t);i&&console.info("[UIX:"+u+"] initial shared props",l),p((function(e){var n=o(e,s);i&&console.info("[UIX:"+u+"] new shared props",n),"isExpanded"in e&&"boolean"==typeof e.isExpanded&&c(e.isExpanded?{height:"full",width:"100%"}:{height:"auto",width:"100%"}),a(d(n))})),i&&console.info("[UIX:"+u+"] initialized"),a(d(l)),e({status:"ok",props:d(l)})}else i&&console.info("[UIX:"+u+"] sdk renderer returned status:",n),e({status:"validation"})})):(i&&console.error("[UIX] no shared props from host found"),r({error:"failed_communication",message:"No communication established with host, please check your URL"}))}))}var p={init:a};e.AppInstallationStatus={COMPLETED:"COMPLETED",DISABLED:"DISABLED",PENDING:"PENDING"},e.FieldExtensionFeature={FieldRenderer:"FieldRenderer",ListRenderer:"ListRenderer",TableRenderer:"TableRenderer"},e.FieldExtensionType={STRING:"STRING",RICHTEXT:"RICHTEXT",INT:"INT",FLOAT:"FLOAT",BOOLEAN:"BOOLEAN",JSON:"JSON",DATETIME:"DATETIME",DATE:"DATE",LOCATION:"LOCATION",COLOR:"COLOR",ENUMERATION:"ENUMERATION",RELATION:"RELATION",ASSET:"ASSET",UNION:"UNION"},e.default=p,e.init=a,e.reservedExtensionProps=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=app-sdk.umd.production.min.js.map

package/dist/app-sdk.umd.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sdk.umd.production.min.js","sources":["../src/base.ts","../src/index.ts","../src/type-helpers/appInstallation.ts","../src/field.ts"],"sourcesContent":["import type { ShowToast } from './type-helpers/toast';\nimport type { OpenDialog } from './type-helpers/dialog';\nimport type { OpenAssetPicker } from './type-helpers/openAssetPicker';\n\n// see https://github.com/krakenjs/zoid/blob/master/src/component/props.js#L53\nexport const reservedExtensionProps = [\n  'timeout',\n  'window',\n  'close',\n  'focus',\n  'resize',\n  'uid',\n  'cspNonce',\n  'getParent',\n  'getParentDomain',\n  'hide',\n  'show',\n  'export',\n  'onDisplay',\n  'onRendered',\n  'onRender',\n  'onClose',\n  'onDestroy',\n  'onResize',\n  'onFocus',\n  'onError',\n  'onProps',\n];\n\nexport enum ExtensionPermission {\n  INPUT = 'INPUT',\n  FORM = 'FORM',\n  API = 'API',\n}\n\ntype ConfigVariableName = string;\n\ntype ConfigVariableSettings = {\n  type: 'string' | 'number' | 'boolean';\n  displayName?: string;\n  description?: string;\n  required?: boolean;\n  defaultValue?: any;\n};\n\nexport type ConfigFields = Record<ConfigVariableName, ConfigVariableSettings>;\n\nexport type ConfigValue = Record<\n  string,\n  boolean | number | string | undefined | null\n>;\n\nexport type FieldConfig = {\n  tableConfig: ConfigValue;\n  fieldConfig: ConfigValue;\n};\n\nexport type FormSidebarConfig = { sidebarConfig: ConfigValue };\n\nexport type Project = {\n  id: string;\n  name: string;\n  mgmtApi: string;\n  mgmtToken: string;\n};\n\nexport type Environment = {\n  id: string;\n  name: string;\n  endpoint: string;\n  authToken: string;\n};\n\nexport type Context = {\n  project: Project;\n  environment: Environment;\n};\n\nexport interface ExtensionPropsBase {\n  context: Context;\n  openDialog: OpenDialog;\n  showToast: ShowToast;\n  openAssetPicker: OpenAssetPicker;\n  redirectParent: (location: string | Location) => Promise<void>;\n  historyReplace: (url: string | HistoryCallback) => Promise<void>;\n  historyPush: (url: string | HistoryCallback) => Promise<void>;\n}\n\nexport interface ExtensionDialogProps extends ExtensionPropsBase {\n  onCloseDialog: (value: any) => void;\n}\n\ntype HistoryCallback = (href: Location['href']) => string;\n","import zoid from '@graphcms/zoid/lib/zoid.js';\n\nimport { ExtensionDialogProps, reservedExtensionProps } from './base';\nexport { ExtensionDialogProps, reservedExtensionProps } from './base';\nimport type { FieldExtensionProps } from './field';\nimport type { FormSidebarExtensionProps } from './formSidebar';\nexport * from './base';\nexport type {\n  FormState,\n  FieldState,\n  FieldSubscription,\n  Subscriber,\n  FormSubscription,\n  Form,\n} from './type-helpers/form';\n\nexport type {\n  VisibilityTypes,\n  SetFieldsVisibility,\n  VisibilityMap,\n} from './type-helpers/visibility';\n\nexport type { FieldExtensionProps } from './field';\nexport type { AppProps } from './app';\nexport type { FormSidebarExtensionProps } from './formSidebar';\nexport { FieldExtensionFeature, FieldExtensionType } from './field';\nexport * from './type-helpers/appInstallation';\n\nexport type ExtensionProps =\n  | FieldExtensionProps\n  | FormSidebarExtensionProps\n  | ExtensionDialogProps;\n\ntype Xprops = {\n  onProps: (props: Record<string, any>) => void;\n  onConnected: (uid: string) => Promise<unknown>;\n  resize: (size: {\n    height: 'auto' | 'full' | number;\n    width: 'auto' | '100%' | number;\n  }) => unknown;\n} & ExtensionProps;\n\ndeclare global {\n  interface Window {\n    xprops: Xprops;\n  }\n}\n\nfunction handleProps(props: any) {\n  const transformedProps: any = {};\n  Object.keys(props).forEach((key: string) => {\n    // do not pass down zoid props to the extension\n    if (reservedExtensionProps.includes(key)) return;\n\n    // transform props that were prefixed with '_' to bypass zoid reverved props\n    if (\n      key.startsWith('_') &&\n      reservedExtensionProps.includes(key.replace(/^_/g, ''))\n    ) {\n      transformedProps[key.replace(/^_/g, '')] = props[key];\n    } else {\n      transformedProps[key] = props[key];\n    }\n  });\n  return transformedProps;\n}\n\nexport function init({\n  debug,\n  onProps = () => undefined,\n  uid: givenUid,\n}: {\n  onProps: (props: any) => unknown;\n  debug?: boolean;\n  uid?: string;\n}) {\n  return new Promise<{ status: 'ok'; props: any } | { status: 'validation' }>(\n    (resolve, reject) => {\n      if (\n        typeof window === 'undefined' ||\n        typeof window.postMessage === 'undefined'\n      ) {\n        return reject({\n          error: 'unsupported_env',\n          message:\n            'Unsupported environment: Not in a browser supporting PostMessage',\n        });\n      }\n\n      const uid =\n        givenUid ||\n        (typeof URLSearchParams !== 'undefined' &&\n          new URLSearchParams(window.location.search).get('extensionUid'));\n\n      if (!uid) {\n        if (debug)\n          console.error(`[UIX] no uid found in init params or extension URL`);\n        return reject({\n          error: 'missing_uid',\n          message: 'Missing UID: no UID found in init params or extension URL',\n        });\n      }\n      if (debug) console.info(`[UIX:${uid}] initializing with uid ${uid}`);\n\n      zoid.create({\n        tag: uid,\n        url: window.location.href.toString(),\n        autoResize: {\n          width: false,\n          height: true,\n          element: 'html',\n        },\n        props: {\n          onConnected: {\n            type: 'function',\n          },\n        },\n      });\n      if (typeof window.xprops !== 'undefined') {\n        const { onConnected, onProps: initialOnProps } = window.xprops;\n\n        onConnected(uid).then((status) => {\n          if (status === true) {\n            const {\n              onProps: onParentProps,\n              onConnected: _nevermind,\n              resize,\n              ...extensionProps\n            } = window.xprops;\n\n            if (debug)\n              console.info(`[UIX:${uid}] initial shared props`, extensionProps);\n            onParentProps((p: Xprops) => {\n              const {\n                onProps: onParentProps,\n                onConnected,\n                ...newExtensionProps\n              } = p;\n\n              if (debug)\n                console.info(\n                  `[UIX:${uid}] new shared props`,\n                  newExtensionProps\n                );\n              if ('isExpanded' in p && typeof p.isExpanded === 'boolean') {\n                p.isExpanded\n                  ? resize({ height: 'full', width: '100%' })\n                  : resize({ height: 'auto', width: '100%' });\n              }\n              onProps(handleProps(newExtensionProps));\n            });\n\n            if (debug) console.info(`[UIX:${uid}] initialized`);\n            onProps(handleProps(extensionProps));\n            resolve({ status: 'ok', props: handleProps(extensionProps) });\n          } else {\n            if (debug)\n              console.info(\n                `[UIX:${uid}] sdk renderer returned status:`,\n                status\n              );\n            resolve({ status: 'validation' });\n          }\n        });\n      } else {\n        if (debug) console.error(`[UIX] no shared props from host found`);\n        reject({\n          error: 'failed_communication',\n          message:\n            'No communication established with host, please check your URL',\n        });\n      }\n    }\n  );\n}\n\nexport default { init };\n","import type { ConfigValue } from '../base';\n\nexport const AppInstallationStatus = {\n  COMPLETED: 'COMPLETED',\n  DISABLED: 'DISABLED',\n  PENDING: 'PENDING',\n} as const;\n\nexport type AppInstallation = {\n  id: string;\n  config: ConfigValue;\n  status: keyof typeof AppInstallationStatus;\n};\n","import type { Form } from './type-helpers/form';\nimport type { ExtensionPropsBase, ConfigValue } from './base';\nimport type { Model } from './type-helpers/model';\nimport type { AppInstallation } from './type-helpers/appInstallation';\nimport type { Field } from './type-helpers/field';\n\nexport const FieldExtensionType = {\n  STRING: 'STRING',\n  RICHTEXT: 'RICHTEXT',\n  INT: 'INT',\n  FLOAT: 'FLOAT',\n  BOOLEAN: 'BOOLEAN',\n  JSON: 'JSON',\n  DATETIME: 'DATETIME',\n  DATE: 'DATE',\n  LOCATION: 'LOCATION',\n  COLOR: 'COLOR',\n  ENUMERATION: 'ENUMERATION',\n  RELATION: 'RELATION',\n  ASSET: 'ASSET',\n  UNION: 'UNION',\n} as const;\n\nexport const FieldExtensionFeature = {\n  FieldRenderer: 'FieldRenderer',\n  ListRenderer: 'ListRenderer',\n  TableRenderer: 'TableRenderer',\n} as const;\n\nexport interface FieldExtensionProps extends ExtensionPropsBase {\n  extension: {\n    config: ConfigValue;\n    tableConfig: ConfigValue;\n    fieldConfig: ConfigValue;\n    id: string;\n  };\n\n  isExpanded: boolean;\n  expand: (expand: boolean | ((isExpanded: boolean) => boolean)) => unknown;\n\n  // name of the field in the form (may differ from the field apiId, ie. for localized fields)\n  name: string;\n\n  // current locale on localized field\n  locale: string | undefined;\n\n  // current entry id, null for new entries;\n  entryId: string | null;\n\n  isTableCell: boolean;\n\n  isReadOnly: boolean | undefined;\n\n  value: any;\n\n  onBlur: (event?: FocusEvent) => Promise<void>;\n\n  onChange: (event: InputEvent | any) => Promise<void>;\n\n  onFocus: (event?: FocusEvent) => Promise<void>;\n\n  // @see https://final-form.org/docs/react-final-form/types/FieldRenderProps\n  meta: {\n    active: boolean;\n    error: any;\n    touched: boolean;\n  };\n\n  form: Form;\n  field: Field;\n  model: Model;\n  installation: AppInstallation;\n}\n"],"names":["ExtensionPermission","reservedExtensionProps","handleProps","props","transformedProps","Object","keys","forEach","key","includes","startsWith","replace","init","debug","_ref$onProps","onProps","givenUid","uid","Promise","resolve","reject","window","postMessage","error","message","URLSearchParams","location","search","get","console","info","zoid","create","tag","url","href","toString","autoResize","width","height","element","onConnected","type","xprops","then","status","onParentProps","_nevermind","resize","extensionProps","p","newExtensionProps","isExpanded","COMPLETED","DISABLED","PENDING","FieldRenderer","ListRenderer","TableRenderer","STRING","RICHTEXT","INT","FLOAT","BOOLEAN","JSON","DATETIME","DATE","LOCATION","COLOR","ENUMERATION","RELATION","ASSET","UNION"],"mappings":"weA6BYA,EAxBCC,EAAyB,CACpC,UACA,SACA,QACA,QACA,SACA,MACA,WACA,YACA,kBACA,OACA,OACA,SACA,YACA,aACA,WACA,UACA,YACA,WACA,UACA,UACA,YAGUD,EAAAA,wBAAAA,yCAEVA,cACAA,iFCgBF,SAASE,EAAYC,GACnB,IAAMC,EAAwB,GAe9B,OAdAC,OAAOC,KAAKH,GAAOI,SAAQ,SAACC,GAEtBP,EAAuBQ,SAASD,KAIlCA,EAAIE,WAAW,MACfT,EAAuBQ,SAASD,EAAIG,QAAQ,MAAO,KAEnDP,EAAiBI,EAAIG,QAAQ,MAAO,KAAOR,EAAMK,GAEjDJ,EAAiBI,GAAOL,EAAMK,OAG3BJ,WAGOQ,SACdC,IAAAA,MAAKC,IACLC,QAAAA,aAAU,eACLC,IAALC,IAMA,OAAO,IAAIC,SACT,SAACC,EAASC,GACR,GACoB,oBAAXC,aACuB,IAAvBA,OAAOC,YAEd,OAAOF,EAAO,CACZG,MAAO,kBACPC,QACE,qEAIN,IAAMP,EACJD,GAC4B,oBAApBS,iBACN,IAAIA,gBAAgBJ,OAAOK,SAASC,QAAQC,IAAI,gBAEpD,IAAKX,EAGH,OAFIJ,GACFgB,QAAQN,4DACHH,EAAO,CACZG,MAAO,cACPC,QAAS,8DAGTX,GAAOgB,QAAQC,aAAab,6BAA8BA,GAE9Dc,EAAKC,OAAO,CACVC,IAAKhB,EACLiB,IAAKb,OAAOK,SAASS,KAAKC,WAC1BC,WAAY,CACVC,OAAO,EACPC,QAAQ,EACRC,QAAS,QAEXrC,MAAO,CACLsC,YAAa,CACXC,KAAM,oBAIiB,IAAlBrB,OAAOsB,QAGhBF,EAFiDpB,OAAOsB,OAAhDF,aAEIxB,GAAK2B,MAAK,SAACC,GACrB,IAAe,IAAXA,EAAiB,CACnB,MAKIxB,OAAOsB,OAJAG,IAAT/B,QACagC,IACbC,OACGC,SAGDpC,GACFgB,QAAQC,aAAab,2BAA6BgC,GACpDH,GAAc,SAACI,OAIRC,IACDD,KAEArC,GACFgB,QAAQC,aACEb,uBACRkC,GAEA,eAAgBD,GAA6B,kBAAjBA,EAAEE,YAE5BJ,EADJE,EAAEE,WACS,CAAEb,OAAQ,OAAQD,MAAO,QACzB,CAAEC,OAAQ,OAAQD,MAAO,SAEtCvB,EAAQb,EAAYiD,OAGlBtC,GAAOgB,QAAQC,aAAab,mBAChCF,EAAQb,EAAY+C,IACpB9B,EAAQ,CAAE0B,OAAQ,KAAM1C,MAAOD,EAAY+C,UAEvCpC,GACFgB,QAAQC,aACEb,oCACR4B,GAEJ1B,EAAQ,CAAE0B,OAAQ,mBAIlBhC,GAAOgB,QAAQN,+CACnBH,EAAO,CACLG,MAAO,uBACPC,QACE,4EAOG,CAAEZ,KAAAA,2BC9KoB,CACnCyC,UAAW,YACXC,SAAU,WACVC,QAAS,mCCkB0B,CACnCC,cAAe,gBACfC,aAAc,eACdC,cAAe,sCApBiB,CAChCC,OAAQ,SACRC,SAAU,WACVC,IAAK,MACLC,MAAO,QACPC,QAAS,UACTC,KAAM,OACNC,SAAU,WACVC,KAAM,OACNC,SAAU,WACVC,MAAO,QACPC,YAAa,cACbC,SAAU,WACVC,MAAO,QACPC,MAAO"}

package/dist/app.d.ts

@@ -0,0 +1,8 @@
+import type { ExtensionPropsBase } from './base';
+import type { AppInstallation } from './type-helpers/appInstallation';
+declare type UpdateInstallation = (arg: Partial<Pick<AppInstallation, 'config' | 'status'>>) => Promise<AppInstallation>;
+export interface AppProps extends ExtensionPropsBase {
+    updateInstallation: UpdateInstallation;
+    installation: AppInstallation;
+}
+export {};

package/dist/base.d.ts

@@ -0,0 +1,56 @@
+import type { ShowToast } from './type-helpers/toast';
+import type { OpenDialog } from './type-helpers/dialog';
+import type { OpenAssetPicker } from './type-helpers/openAssetPicker';
+export declare const reservedExtensionProps: string[];
+export declare enum ExtensionPermission {
+    INPUT = "INPUT",
+    FORM = "FORM",
+    API = "API"
+}
+declare type ConfigVariableName = string;
+declare type ConfigVariableSettings = {
+    type: 'string' | 'number' | 'boolean';
+    displayName?: string;
+    description?: string;
+    required?: boolean;
+    defaultValue?: any;
+};
+export declare type ConfigFields = Record<ConfigVariableName, ConfigVariableSettings>;
+export declare type ConfigValue = Record<string, boolean | number | string | undefined | null>;
+export declare type FieldConfig = {
+    tableConfig: ConfigValue;
+    fieldConfig: ConfigValue;
+};
+export declare type FormSidebarConfig = {
+    sidebarConfig: ConfigValue;
+};
+export declare type Project = {
+    id: string;
+    name: string;
+    mgmtApi: string;
+    mgmtToken: string;
+};
+export declare type Environment = {
+    id: string;
+    name: string;
+    endpoint: string;
+    authToken: string;
+};
+export declare type Context = {
+    project: Project;
+    environment: Environment;
+};
+export interface ExtensionPropsBase {
+    context: Context;
+    openDialog: OpenDialog;
+    showToast: ShowToast;
+    openAssetPicker: OpenAssetPicker;
+    redirectParent: (location: string | Location) => Promise<void>;
+    historyReplace: (url: string | HistoryCallback) => Promise<void>;
+    historyPush: (url: string | HistoryCallback) => Promise<void>;
+}
+export interface ExtensionDialogProps extends ExtensionPropsBase {
+    onCloseDialog: (value: any) => void;
+}
+declare type HistoryCallback = (href: Location['href']) => string;
+export {};

package/dist/field.d.ts

@@ -0,0 +1,54 @@
+import type { Form } from './type-helpers/form';
+import type { ExtensionPropsBase, ConfigValue } from './base';
+import type { Model } from './type-helpers/model';
+import type { AppInstallation } from './type-helpers/appInstallation';
+import type { Field } from './type-helpers/field';
+export declare const FieldExtensionType: {
+    readonly STRING: "STRING";
+    readonly RICHTEXT: "RICHTEXT";
+    readonly INT: "INT";
+    readonly FLOAT: "FLOAT";
+    readonly BOOLEAN: "BOOLEAN";
+    readonly JSON: "JSON";
+    readonly DATETIME: "DATETIME";
+    readonly DATE: "DATE";
+    readonly LOCATION: "LOCATION";
+    readonly COLOR: "COLOR";
+    readonly ENUMERATION: "ENUMERATION";
+    readonly RELATION: "RELATION";
+    readonly ASSET: "ASSET";
+    readonly UNION: "UNION";
+};
+export declare const FieldExtensionFeature: {
+    readonly FieldRenderer: "FieldRenderer";
+    readonly ListRenderer: "ListRenderer";
+    readonly TableRenderer: "TableRenderer";
+};
+export interface FieldExtensionProps extends ExtensionPropsBase {
+    extension: {
+        config: ConfigValue;
+        tableConfig: ConfigValue;
+        fieldConfig: ConfigValue;
+        id: string;
+    };
+    isExpanded: boolean;
+    expand: (expand: boolean | ((isExpanded: boolean) => boolean)) => unknown;
+    name: string;
+    locale: string | undefined;
+    entryId: string | null;
+    isTableCell: boolean;
+    isReadOnly: boolean | undefined;
+    value: any;
+    onBlur: (event?: FocusEvent) => Promise<void>;
+    onChange: (event: InputEvent | any) => Promise<void>;
+    onFocus: (event?: FocusEvent) => Promise<void>;
+    meta: {
+        active: boolean;
+        error: any;
+        touched: boolean;
+    };
+    form: Form;
+    field: Field;
+    model: Model;
+    installation: AppInstallation;
+}

package/dist/formSidebar.d.ts

@@ -0,0 +1,27 @@
+import type { ExtensionPropsBase, ConfigValue } from './base';
+import type { Form } from './type-helpers/form';
+import type { Locale, FormLocale } from './type-helpers/locale';
+import type { Model } from './type-helpers/model';
+import type { Stage } from './type-helpers/stage';
+import type { User } from './type-helpers/user';
+import type { AppInstallation } from './type-helpers/appInstallation';
+export interface FormSidebarExtensionProps extends ExtensionPropsBase {
+    extension: {
+        config: ConfigValue;
+        sidebarConfig: ConfigValue;
+        id: string;
+    };
+    form: Form;
+    model: Model;
+    allLocales: Locale[];
+    selectedLocales: FormLocale[];
+    stages: Stage[];
+    entry: {
+        id: string | null;
+        createdBy?: User;
+        updatedBy?: User;
+        createdAt: Date | null;
+        updatedAt: Date | null;
+    } | null;
+    installation: AppInstallation;
+}

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+import { ExtensionDialogProps } from './base';
+export { ExtensionDialogProps, reservedExtensionProps } from './base';
+import type { FieldExtensionProps } from './field';
+import type { FormSidebarExtensionProps } from './formSidebar';
+export * from './base';
+export type { FormState, FieldState, FieldSubscription, Subscriber, FormSubscription, Form, } from './type-helpers/form';
+export type { VisibilityTypes, SetFieldsVisibility, VisibilityMap, } from './type-helpers/visibility';
+export type { FieldExtensionProps } from './field';
+export type { AppProps } from './app';
+export type { FormSidebarExtensionProps } from './formSidebar';
+export { FieldExtensionFeature, FieldExtensionType } from './field';
+export * from './type-helpers/appInstallation';
+export declare type ExtensionProps = FieldExtensionProps | FormSidebarExtensionProps | ExtensionDialogProps;
+declare type Xprops = {
+    onProps: (props: Record<string, any>) => void;
+    onConnected: (uid: string) => Promise<unknown>;
+    resize: (size: {
+        height: 'auto' | 'full' | number;
+        width: 'auto' | '100%' | number;
+    }) => unknown;
+} & ExtensionProps;
+declare global {
+    interface Window {
+        xprops: Xprops;
+    }
+}
+export declare function init({ debug, onProps, uid: givenUid, }: {
+    onProps: (props: any) => unknown;
+    debug?: boolean;
+    uid?: string;
+}): Promise<{
+    status: 'ok';
+    props: any;
+} | {
+    status: 'validation';
+}>;
+declare const _default: {
+    init: typeof init;
+};
+export default _default;

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./app-sdk.cjs.production.min.js')
+} else {
+  module.exports = require('./app-sdk.cjs.development.js')
+}

package/dist/type-helpers/appInstallation.d.ts

@@ -0,0 +1,11 @@
+import type { ConfigValue } from '../base';
+export declare const AppInstallationStatus: {
+    readonly COMPLETED: "COMPLETED";
+    readonly DISABLED: "DISABLED";
+    readonly PENDING: "PENDING";
+};
+export declare type AppInstallation = {
+    id: string;
+    config: ConfigValue;
+    status: keyof typeof AppInstallationStatus;
+};

package/dist/type-helpers/dialog.d.ts

@@ -0,0 +1,5 @@
+export declare type OpenDialog = <DialogReturn = any, DialogProps = Record<string, any>>(src: string, props?: {
+    disableOverlayClick?: boolean;
+    maxWidth?: string;
+    ariaLabel?: string;
+} & DialogProps) => Promise<DialogReturn | null>;

package/dist/type-helpers/field.d.ts

@@ -0,0 +1,12 @@
+import type { FieldExtensionType } from '../field';
+export declare type Field = {
+    id: string;
+    apiId: string;
+    description: string | null;
+    displayName: string;
+    isList: boolean;
+    isLocalized: boolean;
+    isRequired: boolean;
+    isUnique: boolean;
+    type: keyof typeof FieldExtensionType;
+};

package/dist/type-helpers/form.d.ts

@@ -0,0 +1,20 @@
+import type { SetFieldsVisibility } from '..';
+import type { FormSubscription, FormState, FieldState, FieldSubscription, FormSubscriber } from 'final-form';
+export interface AnyObject {
+    [key: string]: any;
+}
+export interface ValidationErrors extends AnyObject {
+}
+export interface SubmissionErrors extends AnyObject {
+}
+export declare type Subscriber<V = Record<string, any>> = (value: V) => void;
+export declare type Form = {
+    change: <Value = any>(name: string, value: Value) => Promise<void>;
+    getState: <Values = Record<string, any>>() => Promise<FormState<Values>>;
+    getFieldState: <Value = any>(fieldName: string) => Promise<FieldState<Value> | undefined>;
+    subscribeToFieldState: <Value = any>(name: string, callback: (state: FieldState<Value>) => any, subscription: FieldSubscription) => Promise<() => any>;
+    subscribeToFormState: <Values = Record<string, any>>(callback: FormSubscriber<Values>, subscription: FormSubscription) => Promise<() => any>;
+    setFieldsVisibility: SetFieldsVisibility;
+    changeBulk: (flatValues: Record<string, any>) => Promise<any>;
+};
+export { FormSubscription, FormState, FieldState, FieldSubscription, FormSubscriber, } from 'final-form';

package/dist/type-helpers/locale.d.ts

@@ -0,0 +1,9 @@
+export declare type Locale = {
+    apiId: string;
+    id: string;
+    displayName: string;
+    isDefault: boolean;
+};
+export declare type FormLocale = Locale & {
+    isEnabled: boolean;
+};

package/dist/type-helpers/model.d.ts

@@ -0,0 +1,8 @@
+export declare type Model = {
+    apiId: string;
+    apiIdPlural: string;
+    id: string;
+    description?: string | null | undefined;
+    displayName: string;
+    isLocalized: boolean;
+};

package/dist/type-helpers/openAssetPicker.d.ts

@@ -0,0 +1,13 @@
+export declare type OpenAssetPicker = () => Promise<null | (Asset & Record<string, unknown>)>;
+export interface Asset {
+    createdAt: string;
+    fileName: string;
+    handle: string;
+    height?: number;
+    id: string;
+    mimeType?: string;
+    size?: number;
+    updatedAt: string;
+    url: string;
+    width?: number;
+}

package/dist/type-helpers/stage.d.ts

@@ -0,0 +1,12 @@
+export declare type ColorPalette = 'PINK' | 'PURPLE' | 'ORANGE' | 'RED' | 'BROWN' | 'TEAL' | 'GREEN' | 'YELLOW';
+export declare type Stage = {
+    id: string;
+    apiId: string;
+    color: string;
+    colorPaletteId: ColorPalette;
+    backgroundColor: string;
+    displayName: string;
+    description?: string | null | undefined;
+    isSystem: boolean;
+    position: number;
+};

package/dist/type-helpers/toast.d.ts

@@ -0,0 +1,14 @@
+declare type Id = number | string;
+export declare type VariantColor = 'success' | 'error' | 'warning' | 'info' | 'primary' | 'dark' | 'publish';
+export declare type Position = 'top-right' | 'top-center' | 'top-left' | 'bottom-right' | 'bottom-center' | 'bottom-left';
+declare type ToastOptions = {
+    title: string;
+    description?: string;
+    variantColor: VariantColor;
+    id?: Id;
+    isClosable?: boolean;
+    position?: Position;
+    duration?: number;
+};
+export declare type ShowToast = (options: ToastOptions) => Promise<Id>;
+export {};

package/dist/type-helpers/user.d.ts

@@ -0,0 +1,8 @@
+export declare type UserKind = 'MEMBER' | 'PAT' | 'PUBLIC' | 'WEBHOOK';
+export declare type User = {
+    id: string;
+    kind: UserKind;
+    name: string;
+    picture: string | null;
+    isActive: boolean;
+};

package/dist/type-helpers/visibility.d.ts

@@ -0,0 +1,5 @@
+export declare type VisibilityTypes = 'READ_WRITE' | 'READ_ONLY' | 'HIDDEN';
+export declare type VisibilityMap = {
+    [fieldApiId: string]: VisibilityTypes;
+};
+export declare type SetFieldsVisibility = (arg: VisibilityMap | ((currentVisibilityMap: VisibilityMap) => VisibilityMap)) => void;

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@hygraph/app-sdk",
+  "license": "MIT",
+  "version": "0.0.2",
+  "author": "Hygraph",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "module": "dist/app-sdk.esm.js",
+  "browser": "dist/app-sdk.umd.production.min.js",
+  "unpkg": "dist/app-sdk.umd.production.min.js",
+  "typings": "dist/index.d.ts",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsdx build --format cjs,esm,umd",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "tsdx lint",
+    "prepare": "npm run build"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "dependencies": {
+    "@graphcms/zoid": "^9.0.64-alpha.3",
+    "final-form": "4.20.6"
+  },
+  "devDependencies": {
+    "tsdx": "^0.14.1",
+    "tslib": "^2.3.0",
+    "typescript": "^4.3.5"
+  },
+  "gitHead": "77d8975601e7f944471fede0c200ffd7779dda05"
+}

package/src/app.ts

@@ -0,0 +1,11 @@
+import type { ExtensionPropsBase } from './base';
+import type { AppInstallation } from './type-helpers/appInstallation';
+
+type UpdateInstallation = (
+  arg: Partial<Pick<AppInstallation, 'config' | 'status'>>
+) => Promise<AppInstallation>;
+
+export interface AppProps extends ExtensionPropsBase {
+  updateInstallation: UpdateInstallation;
+  installation: AppInstallation;
+}

package/src/base.ts

@@ -0,0 +1,93 @@
+import type { ShowToast } from './type-helpers/toast';
+import type { OpenDialog } from './type-helpers/dialog';
+import type { OpenAssetPicker } from './type-helpers/openAssetPicker';
+
+// see https://github.com/krakenjs/zoid/blob/master/src/component/props.js#L53
+export const reservedExtensionProps = [
+  'timeout',
+  'window',
+  'close',
+  'focus',
+  'resize',
+  'uid',
+  'cspNonce',
+  'getParent',
+  'getParentDomain',
+  'hide',
+  'show',
+  'export',
+  'onDisplay',
+  'onRendered',
+  'onRender',
+  'onClose',
+  'onDestroy',
+  'onResize',
+  'onFocus',
+  'onError',
+  'onProps',
+];
+
+export enum ExtensionPermission {
+  INPUT = 'INPUT',
+  FORM = 'FORM',
+  API = 'API',
+}
+
+type ConfigVariableName = string;
+
+type ConfigVariableSettings = {
+  type: 'string' | 'number' | 'boolean';
+  displayName?: string;
+  description?: string;
+  required?: boolean;
+  defaultValue?: any;
+};
+
+export type ConfigFields = Record<ConfigVariableName, ConfigVariableSettings>;
+
+export type ConfigValue = Record<
+  string,
+  boolean | number | string | undefined | null
+>;
+
+export type FieldConfig = {
+  tableConfig: ConfigValue;
+  fieldConfig: ConfigValue;
+};
+
+export type FormSidebarConfig = { sidebarConfig: ConfigValue };
+
+export type Project = {
+  id: string;
+  name: string;
+  mgmtApi: string;
+  mgmtToken: string;
+};
+
+export type Environment = {
+  id: string;
+  name: string;
+  endpoint: string;
+  authToken: string;
+};
+
+export type Context = {
+  project: Project;
+  environment: Environment;
+};
+
+export interface ExtensionPropsBase {
+  context: Context;
+  openDialog: OpenDialog;
+  showToast: ShowToast;
+  openAssetPicker: OpenAssetPicker;
+  redirectParent: (location: string | Location) => Promise<void>;
+  historyReplace: (url: string | HistoryCallback) => Promise<void>;
+  historyPush: (url: string | HistoryCallback) => Promise<void>;
+}
+
+export interface ExtensionDialogProps extends ExtensionPropsBase {
+  onCloseDialog: (value: any) => void;
+}
+
+type HistoryCallback = (href: Location['href']) => string;

package/src/declaration.d.ts

@@ -0,0 +1,2 @@
+declare module '@graphcms/zoid';
+declare module '@graphcms/zoid/lib/zoid.js';

package/src/field.ts

@@ -0,0 +1,73 @@
+import type { Form } from './type-helpers/form';
+import type { ExtensionPropsBase, ConfigValue } from './base';
+import type { Model } from './type-helpers/model';
+import type { AppInstallation } from './type-helpers/appInstallation';
+import type { Field } from './type-helpers/field';
+
+export const FieldExtensionType = {
+  STRING: 'STRING',
+  RICHTEXT: 'RICHTEXT',
+  INT: 'INT',
+  FLOAT: 'FLOAT',
+  BOOLEAN: 'BOOLEAN',
+  JSON: 'JSON',
+  DATETIME: 'DATETIME',
+  DATE: 'DATE',
+  LOCATION: 'LOCATION',
+  COLOR: 'COLOR',
+  ENUMERATION: 'ENUMERATION',
+  RELATION: 'RELATION',
+  ASSET: 'ASSET',
+  UNION: 'UNION',
+} as const;
+
+export const FieldExtensionFeature = {
+  FieldRenderer: 'FieldRenderer',
+  ListRenderer: 'ListRenderer',
+  TableRenderer: 'TableRenderer',
+} as const;
+
+export interface FieldExtensionProps extends ExtensionPropsBase {
+  extension: {
+    config: ConfigValue;
+    tableConfig: ConfigValue;
+    fieldConfig: ConfigValue;
+    id: string;
+  };
+
+  isExpanded: boolean;
+  expand: (expand: boolean | ((isExpanded: boolean) => boolean)) => unknown;
+
+  // name of the field in the form (may differ from the field apiId, ie. for localized fields)
+  name: string;
+
+  // current locale on localized field
+  locale: string | undefined;
+
+  // current entry id, null for new entries;
+  entryId: string | null;
+
+  isTableCell: boolean;
+
+  isReadOnly: boolean | undefined;
+
+  value: any;
+
+  onBlur: (event?: FocusEvent) => Promise<void>;
+
+  onChange: (event: InputEvent | any) => Promise<void>;
+
+  onFocus: (event?: FocusEvent) => Promise<void>;
+
+  // @see https://final-form.org/docs/react-final-form/types/FieldRenderProps
+  meta: {
+    active: boolean;
+    error: any;
+    touched: boolean;
+  };
+
+  form: Form;
+  field: Field;
+  model: Model;
+  installation: AppInstallation;
+}