Fluent Commerce Logo
Docs

Sourcing Modal Component

UI Component

Changed on:

1 Oct 2025

Overview

The Sourcing Modal is a custom UI component designed to support confirmation workflows for sensitive strategy-related actions, specifically activationinactivation, and removal of sourcing strategies. 

No alt text provided
Plugin NameCore

The standard library of mystique components. 

0000-00-00

v1.0.0

Initial changelog entry.

Alias

fc.sourcing.strategy.modal.button

Detailed technical description

The component prompts users to optionally submit a comment during these operations, helping ensure actions are:

  • Intentional — by introducing an explicit confirmation step
  • Traceable — via user-supplied contextual comments
  • Auditable — aiding compliance in business-critical workflows

This modal is typically used as a secondary action trigger, complementing the main interface for strategy editing. Once confirmed, the system navigates the user to the updated sourcing strategy profile page

Properties

Name

Type

Required

Default

Description

action

`remove / activate / inactivate`

Yes

 None

Determines the strategy operation to confirm. Each action triggers a tailored modal.

label

`string`

Yes

 None

Text that is displayed on the button that opens the modal.

title

`string`

Yes

 None

The modal's header text. It should clearly state the purpose of the confirmation.

description

`string`

No

 None

Optional body text to prompt for a comment. Can provide contextual instructions.

style

`Primary | Secondary`

No

`Primary`

Defines the visual type of the drawer button.


Configuration example

1{
2    "type": "component",
3    "component": "fc.sourcing.strategy.modal.button",
4    "props": {
5        "action": "remove",
6        "label": "i18n:fc.sourcingStrategyModalButton.remove.label",
7        "title": "i18n:fc.sourcingStrategyModalButton.remove.title",
8        "description": "i18n:fc.sourcingStrategyModalButton.remove.description"
9    }
10}

Version History

2025-10-06

v25.10.6

Initial release

Recommended Placement

This component is implemented specifically to be used during Sourcing Profile updates.