fix(atomic): missing "backdrop" part for `atomic-insight-user-actions…

…-modal`

https://coveord.atlassian.net/browse/KIT-4011

packages/atomic/src/components/common/atomic-modal/export-parts.ts

@@ -0,0 +1,2 @@
+export const ATOMIC_MODAL_EXPORT_PARTS =
+  'backdrop,container,header-wrapper,header,header-ruler,body-wrapper,body,footer-wrapper,footer';

packages/atomic/src/components/common/generated-answer/atomic-generated-answer-feedback/atomic-generated-answer-feedback-modal.tsx

@@ -21,6 +21,7 @@ import {
 } from '../../../../utils/initialization-utils';
 import {updateBreakpoints} from '../../../../utils/replace-breakpoint';
 import {once, randomID} from '../../../../utils/utils';
+import {ATOMIC_MODAL_EXPORT_PARTS} from '../../atomic-modal/export-parts';
 import {FieldsetGroup} from '../../fieldset-group';
 import {IconButton} from '../../iconButton';
 import {AnyBindings} from '../../interface/bindings';
@@ -436,7 +437,7 @@ export class AtomicGeneratedAnswerFeedbackModal
         close={() => this.close()}
         container={this.host}
         part="generated-answer-feedback-modal"
-        exportparts="backdrop,container,header,header-wrapper,header-ruler,body,body-wrapper,footer,footer-wrapper,footer-wrapper"
+        exportparts={ATOMIC_MODAL_EXPORT_PARTS}
       >
         {this.renderHeader()}
         {this.renderBody()}

packages/atomic/src/components/common/refine-modal/modal.tsx

@@ -1,6 +1,7 @@
 import {FunctionalComponent, h} from '@stencil/core';
 import {i18n} from 'i18next';
 import CloseIcon from '../../../images/close.svg';
+import {ATOMIC_MODAL_EXPORT_PARTS} from '../atomic-modal/export-parts';
 import {BaseFacetElement} from '../facets/facet-common';
 import {popoverClass} from '../facets/popover/popover-type';
 import {isRefineModalFacet} from '../interface/store';
@@ -22,9 +23,6 @@ export const RefineModal: FunctionalComponent<RefineModalProps> = (
   props,
   children
 ) => {
-  const exportparts =
-    'container,header,header-wrapper,header-ruler,body,body-wrapper,footer,footer-wrapper,footer-wrapper';
-
   const flushFacetElements = () => {
     props.host.querySelector('div[slot="facets"]')?.remove();
   };
@@ -86,7 +84,7 @@ export const RefineModal: FunctionalComponent<RefineModalProps> = (
           flushFacetElements();
         }
       }}
-      exportparts={exportparts}
+      exportparts={ATOMIC_MODAL_EXPORT_PARTS}
       boundary={props.boundary}
       scope={props.scope}
     >

packages/atomic/src/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/smart-snippet-feedback-modal-common.tsx

@@ -2,6 +2,7 @@ import {SmartSnippet, SmartSnippetFeedback} from '@coveo/headless';
 import {EventEmitter, h} from '@stencil/core';
 import {updateBreakpoints} from '../../../../utils/replace-breakpoint';
 import {once} from '../../../../utils/utils';
+import {ATOMIC_MODAL_EXPORT_PARTS} from '../../atomic-modal/export-parts';
 import {AnyBindings} from '../../interface/bindings';
 import {Button} from '../../stencil-button';
 
@@ -192,7 +193,7 @@ export class SmartSnippetFeedbackModalCommon {
         container={this.props.getHost()}
         isOpen={this.props.getIsOpen()}
         close={() => this.close()}
-        exportparts="backdrop,container,header,header-wrapper,header-ruler,body,body-wrapper,footer,footer-wrapper,footer-wrapper"
+        exportparts={ATOMIC_MODAL_EXPORT_PARTS}
       >
         {this.renderHeader()}
         {this.renderBody()}

packages/atomic/src/components/insight/user-actions/atomic-insight-user-actions-modal/atomic-insight-user-actions-modal.tsx

@@ -1,3 +1,4 @@
+import {ATOMIC_MODAL_EXPORT_PARTS} from '@/src/components/common/atomic-modal/export-parts';
 import {Component, h, State, Prop, Element, Watch, Host} from '@stencil/core';
 import CloseIcon from '../../../../images/close.svg';
 import {rectEquals} from '../../../../utils/dom-utils';
@@ -8,9 +9,6 @@ import {
 import {Button} from '../../../common/stencil-button';
 import {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';
 
-const exportparts =
-  'container,header,header-wrapper,header-ruler,body,body-wrapper,footer,footer-wrapper,footer-wrapper';
-
 /**
  * @internal
  * The `atomic-insight-user-actions-modal` is automatically created as a child of the `atomic-insight-interface` when the `atomic-insight-user-actions-toggle` is initialized.
@@ -143,7 +141,7 @@ export class AtomicInsightUserActionsModal
           source={this.openButton}
           container={this.host}
           close={() => (this.isOpen = false)}
-          exportparts={exportparts}
+          exportparts={ATOMIC_MODAL_EXPORT_PARTS}
           scope={this.bindings.interfaceElement}
         >
           {renderHeader()}