fix: align embla hook namespace

Author: sunmorgn

docs/API.md

@@ -14,27 +14,27 @@ import { addFilter } from '@wordpress/hooks';
 import AutoHeight from 'embla-carousel-auto-height';
 
 addFilter(
-    'rtcamp.carouselKit.emblaOptions',
+    'rtcamp.rtCarousel.emblaOptions',
     'my-plugin/custom-options',
     ( options ) => ( { ...options, duration: 40 } )
 );
 
 addFilter(
-    'rtcamp.carouselKit.emblaPlugins',
+    'rtcamp.rtCarousel.emblaPlugins',
     'my-plugin/auto-height',
     ( plugins ) => [ ...plugins, AutoHeight() ]
 );
 ```
 
-Both filter callbacks receive the filtered value as their first argument and the filter context object as their second argument. `rtcamp.carouselKit.emblaPlugins` also receives the filtered options on the `options` property of this object.
+Both filter callbacks receive the filtered value as their first argument and the filter context object as their second argument. `rtcamp.rtCarousel.emblaPlugins` also receives the filtered options on the `options` property of this object.
 
 rtCarousel also exposes an action after Embla has initialized so integrations can call Embla methods or subscribe to Embla events:
 
 ```js
 import { addAction } from '@wordpress/hooks';
 
 addAction(
-    'rtcamp.carouselKit.emblaInit',
+    'rtcamp.rtCarousel.emblaInit',
     'my-plugin/custom-events',
     ( embla, { root } ) => {
         embla.on( 'select', () => {
@@ -50,8 +50,8 @@ addAction(
 | `root` | `HTMLElement` | Root `.rt-carousel` element. |
 | `viewport` | `HTMLElement` | Embla viewport element. |
 | `dynamicListContainer` | `HTMLElement \| null` | Query Loop or Terms Query template container when present. |
-| `options` | `EmblaOptionsType` | Passed to `rtcamp.carouselKit.emblaPlugins` and `rtcamp.carouselKit.emblaInit`; contains filtered options. |
-| `plugins` | `EmblaPluginType[]` | Only passed to `rtcamp.carouselKit.emblaInit`; contains filtered plugins. |
+| `options` | `EmblaOptionsType` | Passed to `rtcamp.rtCarousel.emblaPlugins` and `rtcamp.rtCarousel.emblaInit`; contains filtered options. |
+| `plugins` | `EmblaPluginType[]` | Only passed to `rtcamp.rtCarousel.emblaInit`; contains filtered plugins. |
 
 ## Context (`CarouselContext`)
 

src/blocks/carousel/__tests__/view.test.ts

@@ -810,10 +810,10 @@ describe( 'Carousel View Module', () => {
 				mockVisibleViewport( viewport );
 
 				const applyFilters = jest.fn( ( hookName, value ) => {
-					if ( hookName === 'rtcamp.carouselKit.emblaOptions' ) {
+					if ( hookName === 'rtcamp.rtCarousel.emblaOptions' ) {
 						return { ...value, duration: 40 };
 					}
-					if ( hookName === 'rtcamp.carouselKit.emblaPlugins' ) {
+					if ( hookName === 'rtcamp.rtCarousel.emblaPlugins' ) {
 						return [ ...value, extraPlugin ];
 					}
 					return value;
@@ -837,7 +837,7 @@ describe( 'Carousel View Module', () => {
 					expect( applyFilters ).toHaveBeenCalledTimes( 2 );
 					expect( applyFilters ).toHaveBeenNthCalledWith(
 						1,
-						'rtcamp.carouselKit.emblaOptions',
+						'rtcamp.rtCarousel.emblaOptions',
 						expect.objectContaining( { duration: 25 } ),
 						expect.objectContaining( { context: mockContext, root: wrapper, viewport } ),
 					);
@@ -847,7 +847,7 @@ describe( 'Carousel View Module', () => {
 						[ extraPlugin ],
 					);
 					expect( doAction ).toHaveBeenCalledWith(
-						'rtcamp.carouselKit.emblaInit',
+						'rtcamp.rtCarousel.emblaInit',
 						mockEmbla,
 						expect.objectContaining( {
 							context: mockContext,
@@ -872,7 +872,7 @@ describe( 'Carousel View Module', () => {
 				const mockEmbla = createMockEmblaInstance();
 				const originalIntersectionObserver = window.IntersectionObserver;
 				const applyFilters = jest.fn( ( hookName, value ) => {
-					if ( hookName === 'rtcamp.carouselKit.emblaOptions' ) {
+					if ( hookName === 'rtcamp.rtCarousel.emblaOptions' ) {
 						return undefined;
 					}
 					return value;
@@ -917,7 +917,7 @@ describe( 'Carousel View Module', () => {
 				const mockEmbla = createMockEmblaInstance();
 				const originalIntersectionObserver = window.IntersectionObserver;
 				const applyFilters = jest.fn( ( hookName, value ) => {
-					if ( hookName === 'rtcamp.carouselKit.emblaPlugins' ) {
+					if ( hookName === 'rtcamp.rtCarousel.emblaPlugins' ) {
 						return 'not-an-array';
 					}
 					return value;

src/blocks/carousel/view.ts

@@ -330,13 +330,13 @@ store( 'rt-carousel/carousel', {
 					};
 
 					const filteredOptions = applyEmblaFilter(
-						'rtcamp.carouselKit.emblaOptions',
+						'rtcamp.rtCarousel.emblaOptions',
 						options,
 						filterContext,
 					);
 
 					const filteredPlugins = applyEmblaFilter(
-						'rtcamp.carouselKit.emblaPlugins',
+						'rtcamp.rtCarousel.emblaPlugins',
 						plugins,
 						{ ...filterContext, options: filteredOptions },
 					);
@@ -383,7 +383,7 @@ store( 'rt-carousel/carousel', {
 
 					updateState();
 					doEmblaAction(
-						'rtcamp.carouselKit.emblaInit',
+						'rtcamp.rtCarousel.emblaInit',
 						embla,
 						{
 							...filterContext,