@imposium-hub/components 2.11.7-0 → 2.12.0

package/src/components/data-table/Paginator.tsx

@@ -25,6 +25,10 @@ interface IPaginatorProps {
     setPageSize: (size: number) => void;
     itemsPerPage: number;
     onItemsPerPage: (size: number) => void;
+    maxItemsPerPage?: number;
+    minItemsPerPage?: number;
+    useSimplePagination?: boolean;
+    hasMore?: boolean;
 }
 
 const Paginator: React.FC<IPaginatorProps> = ({
@@ -38,7 +42,11 @@ const Paginator: React.FC<IPaginatorProps> = ({
     previousPage,
     nextPage,
     itemsPerPage,
-    onItemsPerPage
+    onItemsPerPage,
+    maxItemsPerPage,
+    minItemsPerPage,
+    useSimplePagination,
+    hasMore
 }) => {
     const [getPageIndex, setPageIndex] = React.useState<number>(pageIndex);
     const [getItemsPerPage, setItemsPerPage] = React.useState<number>(itemsPerPage);
@@ -98,43 +106,60 @@ const Paginator: React.FC<IPaginatorProps> = ({
     return (
         <section className='ip-table-pagination'>
             <span>
-                <Button
-                    style='subtle'
-                    size='small'
-                    tooltip='Go to first page'
-                    disabled={!canPreviousPage}
-                    onClick={() => gotoPage(1, pageSize)}>
-                    {ICON_ANGLE_DOUBLE_LEFT}
-                </Button>
+                {!useSimplePagination && (
+                    <Button
+                        style='subtle'
+                        size='small'
+                        tooltip='Go to first page'
+                        disabled={!canPreviousPage}
+                        onClick={() => gotoPage(1, pageSize)}>
+                        {ICON_ANGLE_DOUBLE_LEFT}
+                    </Button>
+                )}
                 <Button
                     style='subtle'
                     size='small'
                     tooltip='Go to previous page'
-                    disabled={!canPreviousPage}
-                    onClick={() => previousPage()}>
+                    disabled={(!canPreviousPage || !useSimplePagination) && getPageIndex === 1}
+                    onClick={() => {
+                        if (!useSimplePagination) {
+                            previousPage();
+                        } else {
+                            gotoPage(getPageIndex - 1, pageSize);
+                        }
+                    }}>
                     {ICON_ANGLE_LEFT}
                 </Button>
                 <Button
                     style='subtle'
                     size='small'
                     tooltip='Go to next page'
-                    disabled={!canNextPage}
-                    onClick={() => nextPage()}>
+                    disabled={(!canNextPage || !useSimplePagination) && !hasMore}
+                    onClick={() => {
+                        if (!useSimplePagination && !hasMore) {
+                            nextPage();
+                        } else {
+                            gotoPage(getPageIndex + 1, pageSize);
+                        }
+                    }}>
                     {ICON_ANGLE_RIGHT}
                 </Button>
-                <Button
-                    style='subtle'
-                    size='small'
-                    tooltip='Go to last page'
-                    disabled={!canNextPage}
-                    onClick={() => gotoPage(getPageCount, pageSize)}>
-                    {ICON_ANGLE_DOUBLE_RIGHT}
-                </Button>
+                {!useSimplePagination && (
+                    <Button
+                        style='subtle'
+                        size='small'
+                        tooltip='Go to last page'
+                        disabled={!canNextPage}
+                        onClick={() => gotoPage(getPageCount, pageSize)}>
+                        {ICON_ANGLE_DOUBLE_RIGHT}
+                    </Button>
+                )}
                 &nbsp;&nbsp;
                 <span>
                     {copy.table.page}&nbsp;&nbsp;
                     <strong>
-                        {getPageIndex} of {getPageCount}
+                        {getPageIndex} {useSimplePagination ? '' : 'of'}{' '}
+                        {!useSimplePagination ? getPageCount : ''}
                     </strong>
                     &nbsp;&nbsp;
                 </span>
@@ -196,13 +221,17 @@ const Paginator: React.FC<IPaginatorProps> = ({
                         }}
                         onBlur={() => onItemsPerPageBlur()}
                         onKeyDown={(e) => onItemsPerPageKeyDown(e)}
+                        max={maxItemsPerPage}
+                        min={minItemsPerPage}
                     />
                 </span>
             </span>
 
-            <span className='total-assets'>
-                {copy.table.total}&nbsp;&nbsp;<strong>{totalItems || 0}</strong>
-            </span>
+            {!useSimplePagination && (
+                <span className='total-assets'>
+                    {copy.table.total}&nbsp;&nbsp;<strong>{totalItems || 0}</strong>
+                </span>
+            )}
         </section>
     );
 };

package/src/components/publish-wizard/PublishWizard.tsx

@@ -554,15 +554,6 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                           </span>
                       ),
                       link: `${creativeManagerBaseUrl}/library/${story.creativeLibraryId}/creative/${story.creativeId}/versions/`
-                  },
-                  {
-                      label: (
-                          <span>
-                              {ICON_IMAGE}&nbsp;{copy.publish.btnCRM}
-                          </span>
-                      ),
-                      onClick: (e) => this.onSelectOption(8),
-                      style: { width: 'calc(100% - 4px)' }
                   }
               ];
 
@@ -634,7 +625,6 @@ class PublishWizard extends React.PureComponent<IPublishWizardProps, IPublishWiz
                                         disabled={!selectedComposition}
                                         label={option.label}
                                         onClick={option.onClick}
-                                        style={option.style}
                                     />
                                 );
                             }

package/src/services/API.ts

@@ -161,6 +161,8 @@ export interface IImposiumAPI {
     removeQueueAssoc(queueId: string, storyId: string);
     getQueueStories(config: any, itemsPerPage: number);
     cancelAllPendingRequests();
+    getTTSVoices(params: any);
+    getCustomVoice(voiceId: string);
     getToken: any;
 }
 
@@ -1804,4 +1806,59 @@ export default class API {
             url
         });
     };
+
+    public getTTSVoices = (params: any): Promise<any | Error> => {
+        const {
+            page,
+            page_size,
+            selected_voice_id,
+            search,
+            language,
+            accent,
+            category,
+            gender,
+            age
+        } = params;
+        let url = `/text-to-speech/voices?service=ElevenLabs&page=${page}&page_size=${page_size}`;
+
+        if (selected_voice_id) {
+            url += `&selected_voice_id=${selected_voice_id}`;
+        }
+
+        if (search) {
+            url += `&search=${search}`;
+        }
+
+        if (language) {
+            url += `&language=${language}`;
+        }
+
+        if (accent) {
+            url += `&accent=${accent}`;
+        }
+
+        if (category) {
+            url += `&category=${category}`;
+        }
+
+        if (gender) {
+            url += `&gender=${gender}`;
+        }
+
+        if (age) {
+            url += `&age=${age}`;
+        }
+
+        return this.doRequest({
+            method: 'GET',
+            url
+        });
+    };
+
+    public getCustomVoice = (voiceId: string): Promise<any | Error> => {
+        return this.doRequest({
+            method: 'GET',
+            url: `/text-to-speech/voice?service=ElevenLabs&id=${voiceId}`
+        });
+    };
 }