Jira Service Management portal request create property panel

The jiraServiceManagement:portalRequestCreatePropertyPanel module is displayed on the request creation screen in the customer portal and enables apps to save arbitrary data during request creation as Jira issue properties. For more information on Jira entity properties, see Jira entity properties.

This module can be used in Jira Service Management.

For UI Kit 1, see the PortalRequestCreatePropertyPanel component documentation for more details.

Unlicensed user access: This module supports interaction with anonymous users, customer accounts, and unlicensed accounts. For information, see Access to Forge apps by unlicensed users.

Example of a Portal request create property panel

Portal Request Create Property Panel Lifecycle

The jiraServiceManagement:portalRequestCreatePropertyPanel uses Jira entity properties. The form data from the Forge portal request create property panel can be saved to the original request create form state using view.submit method of@forge/bridge library.

Form data schema

Property	Type	Required	Description
`fields`	List of `field` object	Yes	This is a list of all the field objects present in the Forge portal request create property panel form.
`isValid`	`boolean`	yes	The value will be `true` if all the fields in the Forge portal request create property panel form are valid and `false` otherwise.
`unlicensedAccess`	List<string>		A list of unlicensed user types that can access this function. Valid values for this module are: `unlicensed`, `customer`, and `anonymous`. For more information, see Access to Forge apps for unlicensed Jira Service Management users.

Field Object schema

Property	Type	Required	Description
`key`	`string`	Yes	This is a unique identifier for the fields present in the Forge portal request create property panel form.
`value`	`object`	yes	The data stored corresponding to each field in the Forge portal request create property panel form.

The view.submit method can be invoked every time the fields in the Forge portal request create property panel form is updated. The field data would be stored in the Jira issue property when the request form is submitted.

Once the portal request creation form is saved, the data stored using the jiraServiceManagement:portalRequestCreatePropertyPanel module can be retrieved from the extension context of jiraServiceManagement:portalRequestDetail.

See the example for more details.

Properties

Property	Type	Required	Description
`key`	`string`	Yes	A key for the module, which other modules can refer to. Must be unique within the manifest. Regex: `^[a-zA-Z0-9_-]+$`
`resource`	`string`	Required if using custom UI or the latest version of UI Kit.	A reference to the static `resources` entry that your context menu app wants to display. See resources for more details.
`render`	`'native'`	Yes for UI Kit.	Indicates the module uses UI Kit.
`resolver`	`{ function: string }` or `{ endpoint: string }`	Yes	Set the `function` property if you are using a hosted `function` module for your resolver. Set the `endpoint` property if you are using Forge remote to integrate with a remote back end.
`viewportSize`	`'small'`, `'medium'`, `'large'` or `'xlarge'`		The display size of `resource`. Can only be set if the module is using the `resource` property. Remove this property to enable automatic resizing of the module.

Extension context

UI Kit and Custom UI

Use the useProductContext hook to access the extension context in UI Kit or getContext bridge method in custom UI.

Property	Type	Description
`type`	`string`	The type of the module.
`portal.id`	`number`	The id of the service desk, where the module is rendered.
`request.typeId`	`number`	The id of the request type, where the module is rendered.

UI Kit 1

Property	Type	Description
`type`	`string`	The type of the module.
`portal.id`	`number`	The id of the service desk, where the module is rendered.
`request.typeId`	`number`	The id of the request type, where the module is rendered.

Example

In the portal request create property panel app:

1
2
const App = () => {

  const handleEntityChange = async (data) => {
    const property = {
      key: "some-key",
      value:  data.target.value,
    };
    await view.submit({ fields: [property], isValid: true });
  };

  return (
    <>
      <Label labelFor="textfield">Project name</Label>
      <Textfield
        id="textfield"
        appearance="standard"
        onChange={handleEntityChange}
      />
    </>
  );
};

In the portal request detail app:

1
2
const App = () => {
  const context = useProductContext();
  const requestProperty = context?.extension?.request?.property;
  return ...
};