[ResponseOps][Connectors] Fix form callout message

src/platform/packages/shared/kbn-connector-specs/src/auth_types/bearer.ts

@@ -17,7 +17,7 @@ const authSchema = z
     token: z
       .string()
       .min(1, { message: i18n.BEARER_AUTH_REQUIRED_MESSAGE })
-      .meta({ sensitive: true }),
+      .meta({ sensitive: true, label: i18n.BEARER_TOKEN_LABEL }),
   })
   .meta({ label: i18n.BEARER_AUTH_LABEL });
 

src/platform/packages/shared/kbn-connector-specs/src/auth_types/translations.ts

@@ -68,6 +68,10 @@ export const BEARER_AUTH_LABEL = i18n.translate('connectorSpecs.authType.bearerA
   defaultMessage: 'Bearer token',
 });
 
+export const BEARER_TOKEN_LABEL = i18n.translate('connectorSpecs.bearerAuth.token.label', {
+  defaultMessage: 'Token',
+});
+
 export const BEARER_AUTH_REQUIRED_MESSAGE = i18n.translate(
   'connectorSpecs.bearerAuth.token.requiredMessage',
   {

src/platform/packages/shared/response-ops/form-generator/src/field_builder.test.tsx

@@ -20,6 +20,17 @@ import {
 import { getFieldFromSchema, getFieldsFromSchema, renderField } from './field_builder';
 import type { FormConfig } from './form';
 import { addMeta } from './schema_connector_metadata';
+import { getWidgetComponent } from './widgets';
+
+jest.mock('./widgets', () => {
+  const module = jest.requireActual('./widgets');
+  return {
+    ...module,
+    getWidgetComponent: jest.fn(module.getWidgetComponent),
+  };
+});
+
+const getWidgetComponentMock = getWidgetComponent as jest.Mock;
 
 const wrapper = ({ children }: { children: React.ReactNode }) => (
   <IntlProvider locale="en">{children}</IntlProvider>
@@ -364,3 +375,57 @@ describe('Field Builder', () => {
     });
   });
 });
+
+describe('mocked getWidgetComponent', () => {
+  const formConfig: FormConfig = { isEdit: true };
+  const mockWidgetComponent = jest.fn((props) => {
+    return <div data-testid="mock-widget" />;
+  });
+
+  beforeAll(() => {
+    getWidgetComponentMock.mockReturnValue(mockWidgetComponent);
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should pass correct props structure to WidgetComponent', () => {
+    const schema = z.string().default('default-value').meta({
+      label: 'Username Label',
+      placeholder: 'Enter your username',
+      helpText: 'This is help text',
+      disabled: true,
+    });
+
+    const path = 'username';
+
+    const field = getFieldFromSchema({ schema, path, formConfig });
+    render(renderField({ field }));
+
+    expect(mockWidgetComponent).toHaveBeenCalledTimes(1);
+
+    const receivedProps = mockWidgetComponent.mock.calls[0][0];
+
+    expect(receivedProps.path).toBe('username');
+    expect(receivedProps.formConfig).toBe(formConfig);
+
+    expect(receivedProps.fieldConfig).toBeDefined();
+    expect(receivedProps.fieldConfig.label).toBe('Username Label');
+    expect(receivedProps.fieldConfig.defaultValue).toBe('default-value');
+    expect(receivedProps.fieldConfig.validations).toHaveLength(1);
+    expect(typeof receivedProps.fieldConfig.validations[0].validator).toBe('function');
+
+    expect(receivedProps.fieldProps).toBeDefined();
+    expect(receivedProps.fieldProps.helpText).toBe('This is help text');
+    expect(receivedProps.fieldProps.fullWidth).toBe(true);
+    expect(receivedProps.fieldProps.labelAppend).toBeNull();
+
+    expect(receivedProps.fieldProps.euiFieldProps).toBeDefined();
+    expect(receivedProps.fieldProps.euiFieldProps.placeholder).toBe('Enter your username');
+    expect(receivedProps.fieldProps.euiFieldProps.disabled).toBe(true);
+    expect(receivedProps.fieldProps.euiFieldProps['data-test-subj']).toBe(
+      'generator-field-username'
+    );
+  });
+});

src/platform/packages/shared/response-ops/form-generator/src/field_builder.tsx

@@ -140,6 +140,7 @@ export const renderField = ({ field }: RenderFieldProps) => {
         schema={schema}
         formConfig={formConfig}
         fieldConfig={{
+          label,
           defaultValue,
           validations: [
             {
@@ -148,10 +149,8 @@ export const renderField = ({ field }: RenderFieldProps) => {
           ],
         }}
         fieldProps={{
-          label,
           helpText,
           fullWidth: true,
-
           labelAppend: isOptional ? (
             <EuiText size="xs" color="subdued">
               {OPTIONAL_LABEL}

src/platform/packages/shared/response-ops/form-generator/src/widgets/types.ts

@@ -33,6 +33,7 @@ export interface BaseWidgetProps<
   formConfig: FormConfig;
   /* Configuration specific to the field */
   fieldConfig: {
+    label?: string;
     validations: [
       {
         validator: (...args: Parameters<ValidationFunc>) => ReturnType<ValidationFunc<any>>;

x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/action_connector_form/encrypted_fields_callout.test.tsx

@@ -35,6 +35,8 @@ const renderWithSecretFields = ({
           />
         );
       })}
+      {/* will be ignored because it has no label */}
+      <UseField path="secrets.authType" />
       <EncryptedFieldsCallout isEdit={isEdit} isMissingSecrets={isMissingSecrets} />
     </FormTestProvider>
   );

x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/action_connector_form/encrypted_fields_callout.tsx

@@ -30,7 +30,7 @@ const isEmpty = (value: string | undefined): value is string => value != null ||
 
 const getSecretFields = (fields: FieldsMap): FieldsMap =>
   Object.keys(fields)
-    .filter((fieldPath) => fieldPath.includes('secrets'))
+    .filter((fieldPath) => fieldPath.includes('secrets') && fields[fieldPath].label)
     .reduce((filteredFields, path) => ({ ...filteredFields, [path]: fields[path] }), {});
 
 const getLabelsFromFields = (fields: FieldsMap): string[] =>