diff --git a/.changeset/khaki-sloths-heal.md b/.changeset/khaki-sloths-heal.md new file mode 100644 index 00000000..4af2b801 --- /dev/null +++ b/.changeset/khaki-sloths-heal.md @@ -0,0 +1,5 @@ +--- +'react-use-intercom': patch +--- + +Add support for zIndex launcher property diff --git a/packages/react-use-intercom/src/mappers.ts b/packages/react-use-intercom/src/mappers.ts index 117be86e..4037eeeb 100644 --- a/packages/react-use-intercom/src/mappers.ts +++ b/packages/react-use-intercom/src/mappers.ts @@ -19,6 +19,7 @@ export const mapMessengerAttributesToRawMessengerAttributes = ( alignment: attributes.alignment, vertical_padding: attributes.verticalPadding, horizontal_padding: attributes.horizontalPadding, + z_index: attributes.zIndex, hide_default_launcher: attributes.hideDefaultLauncher, session_duration: attributes.sessionDuration, action_color: attributes.actionColor, diff --git a/packages/react-use-intercom/src/types.ts b/packages/react-use-intercom/src/types.ts index 4f6d3ce7..b70cdfdf 100644 --- a/packages/react-use-intercom/src/types.ts +++ b/packages/react-use-intercom/src/types.ts @@ -3,6 +3,7 @@ export type RawMessengerAttributes = { alignment?: string; vertical_padding?: number; horizontal_padding?: number; + z_index?: number; hide_default_launcher?: boolean; session_duration?: number; action_color?: string; @@ -34,6 +35,11 @@ export type MessengerAttributes = { * @see {@link https://docs.intercom.com/configure-intercom-for-your-product-or-site/customize-the-intercom-messenger/customize-the-intercom-messenger-technical} */ horizontalPadding?: number; + /** Set the z-index of the messenger + * @remarks The z-index of the messenger. Default value: 2147483001 + * @see {@link https://developers.intercom.com/installing-intercom/web/customization} + * */ + zIndex?: number; /** Hide the default launcher icon * * @remarks Setting to false will forcefully show the launcher icon