Interactions

LicenseStableVueJavaScriptSCSSnpmIssuesMerge Requests

Description

Interactions bundles the routed interaction inbox together with the reusable widgets used to display feedback and interaction icons across Enso UI.

Installation

This package is distributed through the private Enso UI workspace and is normally consumed from the Solarlink client bundle.

Features

  • registers the /interactions route page
  • exports Interactions, Feedbacks, Feedback, and Icon through the public Bulma entrypoint
  • supports create, edit, delete, reload, and filtering flows over the backend interaction API
  • renders typed feedback controls and type-specific icons for comments, calls, emails, SMS, and reminders

Usage

<script setup>
import { Interactions, Feedbacks, Feedback, Icon } from '@enso-ui/interactions/bulma';
</script>

<Interactions :id="companyId" @update="refresh" />

API

Bulma exports

Import: @enso-ui/interactions/bulma

Interactions

  • prop: id: string | number interactable model id.
  • emits: update after fetch, create, or delete flows complete.
  • owns the full interaction inbox UI and delegates editing to the Interaction subcomponent.

Feedbacks

  • prop: modelValue: string | number | null
  • emits: update:modelValue
  • renders the selectable feedback scale used by interaction forms.

Feedback

  • prop: feedback: string | number | null
  • renders a single icon and tooltip for the current feedback value.

Icon

  • prop: type: string | number
  • maps backend interaction types to Font Awesome icons and directional overlays.

Routed page

  • @enso-ui/interactions/src/bulma/pages/interactions/Index.vue
  • @enso-ui/interactions/src/bulma/routes/index.js

Routes

/interactions

Route name:

  • interactions.index

Page:

  • src/bulma/pages/interactions/Index.vue

Companion Backend Package

Depends On

License

Proprietary. See LICENSE.

Edit this page on GitHub
Last Updated: 4/21/2026, 12:26:47 PM