@antscorp/antsomi-ui 1.3.5-beta.31 → 1.3.5-beta.33

package/es/components/molecules/TemplateSaveAs/TemplateSaveAs.d.ts

@@ -26,6 +26,7 @@ export interface ImagePreviewOptions {
     previewNavigation?: boolean;
     slidesPerView?: number;
     hideThumbnailsList?: boolean;
+    hideDefaultButton?: boolean;
     label?: string;
 }
 export interface TemplateSaveAsProps {

package/es/components/molecules/TemplateSaveAs/TemplateSaveAs.js

@@ -24,7 +24,7 @@ export const TemplateSaveAs = props => {
     // onNamePopupScroll,
      } = props;
     const { show: isShowShareAccess } = shareAccess, shareAccessProps = __rest(shareAccess, ["show"]);
-    const { thumbnails, skeleton, previewNavigation, slidesPerView, hideThumbnailsList, label: imageReviewLabel, } = imageReview;
+    const { thumbnails, skeleton, previewNavigation, slidesPerView, hideThumbnailsList, hideDefaultButton, label: imageReviewLabel, } = imageReview;
     const { isLoading, searchValue, label: templateLabel, defaultNewTemplateName, onSearch, onNamePopupScroll, } = templateNamesOptions || {};
     const { label: descriptionLabel, placeholder: descriptionPlaceholder } = descriptionOptions || {};
     const { saveNewText = 'Save as a new media Template', saveExistText = 'Save as an existing media Template', saveNewValue = 'save-new', saveExistValue = 'save-exist', } = saveOptions || {};
@@ -52,8 +52,10 @@ export const TemplateSaveAs = props => {
             const newCategory = [...newCategoryList, currCategory];
             handleChangeValue({ categories: newCategory });
         }
-        const newCategory = [...categoriesValue, { label: parent, key: parentKey, children: [item] }];
-        handleChangeValue({ categories: newCategory });
+        else {
+            const newCategory = [...categoriesValue, { label: parent, key: parentKey, children: [item] }];
+            handleChangeValue({ categories: newCategory });
+        }
     };
     const handleRemoveCategory = ({ parent, item, }) => {
         const currCategory = categoriesValue.find(category => category.label === parent);
@@ -116,7 +118,7 @@ export const TemplateSaveAs = props => {
                         imageReviewLabel || 'Thumbnail template',
                         " ",
                         React.createElement("span", null, "*")),
-                    React.createElement(ImageSlider, { thumbnails: thumbnails, skeleton: skeleton, previewNavigation: previewNavigation, slidesPerView: slidesPerView, defaultThumbnail: defaultThumbnail, onSelectDefault: value => handleChangeValue({ defaultThumbnail: value }), hideThumbnailsList: hideThumbnailsList })), categories === null || categories === void 0 ? void 0 :
+                    React.createElement(ImageSlider, { thumbnails: thumbnails, skeleton: skeleton, previewNavigation: previewNavigation, slidesPerView: slidesPerView, defaultThumbnail: defaultThumbnail, onSelectDefault: value => handleChangeValue({ defaultThumbnail: value }), hideThumbnailsList: hideThumbnailsList, hideDefaultButton: hideDefaultButton })), categories === null || categories === void 0 ? void 0 :
                 categories.map(parentCategory => {
                     var _a, _b, _c;
                     const selectedChildren = (_a = categoriesValue

package/es/components/molecules/TemplateSaveAs/components/ImageSlider/ImageSlider.d.ts

@@ -6,6 +6,7 @@ interface ImageSliderProps {
     previewNavigation?: boolean;
     slidesPerView?: number;
     hideThumbnailsList?: boolean;
+    hideDefaultButton?: boolean;
     /**
      * Default thumbnail - order of default thumbnail in thumbnails array
      */

package/es/components/molecules/TemplateSaveAs/components/ImageSlider/ImageSlider.js

@@ -9,7 +9,7 @@ import { ImageSliderStyled } from './styled';
 import clsx from 'clsx';
 export const ImageSlider = props => {
     var _a, _b;
-    const { thumbnails, className, skeleton, previewNavigation, slidesPerView = 3, hideThumbnailsList, defaultThumbnail, onSelectDefault, } = props;
+    const { thumbnails, className, skeleton, previewNavigation, slidesPerView = 3, hideThumbnailsList, hideDefaultButton, defaultThumbnail, onSelectDefault, } = props;
     const sliderContainerRef = useRef(null);
     const thumbnailSelectedRef = useRef(null);
     const [selectedThumbnail, setSelectedThumbnail] = useState(0);
@@ -38,14 +38,14 @@ export const ImageSlider = props => {
                 // 'image-container--default': isSelectedDefault,
             }) },
             url ? (React.createElement(Image, { preview: false, width: "80%", height: "96%", src: thumbnails[index] })) : null,
-            React.createElement(Button, { className: "set-default-button", onClick: () => {
+            hideDefaultButton ? null : (React.createElement(Button, { className: "set-default-button", onClick: () => {
                     setDefaultThumbnailInternal(selectedThumbnail);
                     if (onSelectDefault) {
                         onSelectDefault(selectedThumbnail);
                     }
                 } },
                 defaultThumbnailInternal === index ? (React.createElement(Icon, { type: "icon-ants-check", style: { fontSize: '12px' } })) : null,
-                defaultThumbnailInternal === index ? 'Default thumbnail' : 'Set as default'))))),
+                defaultThumbnailInternal === index ? 'Default thumbnail' : 'Set as default')))))),
         hideThumbnailsList ? null : (React.createElement(Flex, { gap: 10, className: "thumbnail-slider-container", ref: sliderContainerRef }, thumbnails.map((url, index) => (React.createElement("div", { key: `${url}_${index * 2}`, className: clsx('image-container--small', {
                 'image-container--selected': index === selectedThumbnail,
             }), onClick: () => setSelectedThumbnail(index) }, url ? React.createElement(Image, { key: url, preview: false, width: "80%", height: "96%", src: url }) : null))))),

package/es/components/molecules/TemplateSaveAs/hooks/useTemplateSave.js

@@ -30,7 +30,7 @@ import { CATEGORY_SPLIT_KEY } from '@antscorp/antsomi-ui/es/constants';
  */
 export const useTemplateSave = (options) => {
     const { service, config } = options;
-    const { objectType, categoryCodes, publicLevel, limitListPerPage = 10, filter } = config;
+    const { objectType, categoryCodes, publicLevel, limitListPerPage = 10, getListType, filter, } = config;
     // const { message } = App.useApp();
     // State
     const [state, setState] = useState({
@@ -52,7 +52,7 @@ export const useTemplateSave = (options) => {
     const { data: infiniteObjectTemplate, isFetchingNextPage, isFetching, hasNextPage, fetchNextPage, refetch: refetchTemplateList, } = useGetObjectTemplateList({
         args: {
             auth: service,
-            params: Object.assign({ object_type: objectType, public_level: publicLevel, limit: limitListPerPage }, (filter ? { filter } : {})),
+            params: Object.assign({ get_list_type: getListType, object_type: objectType, public_level: publicLevel, limit: limitListPerPage }, (filter ? { filter } : {})),
         },
     });
     // Variables

package/es/components/organism/Help/Help.js

@@ -100,6 +100,7 @@ const Help = props => {
     const [isLoadingListHelp, setIsLoadingHelp] = useState(true);
     const recorderRef = useRef();
     const streamTracks = useRef();
+    const allAppOptionsRef = useRef([]);
     // const showModal = (captureKey: CaptureTypeProps) => {
     //   setOpen(true);
     //   setCaptureType(captureKey);
@@ -218,6 +219,7 @@ const Help = props => {
                         }));
                         setAppTargeting(temp[0]);
                         setAllAppOptions(temp);
+                        allAppOptionsRef.current = temp;
                     }
                 }
             }
@@ -542,6 +544,11 @@ const Help = props => {
                         setIsShowPopup(true);
                         callback(REPORT_TYPES[helpType]);
                         setValueInput(prev => (Object.assign(Object.assign({}, prev), helpInfo)));
+                        if (helpInfo.feature && Array.isArray(allAppOptions)) {
+                            const targetApp = allAppOptionsRef.current.find(item => item.value === helpInfo.feature);
+                            if (targetApp)
+                                setAppTargeting(targetApp);
+                        }
                     }
                     break;
                 default:

package/es/components/template/TemplateListing/hooks/useTemplateListing.js

@@ -36,7 +36,7 @@ import { getShuffleArray } from '@antscorp/antsomi-ui/es/utils';
  */
 export const useTemplateListing = (options) => {
     const { serviceAuth, config, checkedCategoriesDefault } = options;
-    const { objectType, categoryCodes, publicLevel, limitListPerPage = 10 } = config;
+    const { objectType, categoryCodes, publicLevel, getListType, limitListPerPage = 10 } = config;
     const { message } = App.useApp();
     // Locales
     const { t } = i18nInstance;
@@ -79,6 +79,7 @@ export const useTemplateListing = (options) => {
             params: {
                 object_type: objectType,
                 public_level: publicLevel,
+                get_list_type: getListType,
                 limit: limitListPerPage,
                 filter: JSON.stringify(filter),
             },

package/es/constants/variables.d.ts

@@ -11,3 +11,9 @@ export declare const OBJECT_TYPES: {
     readonly JOURNEY_TEMPLATE: 10;
     readonly RICH_MENU_TEMPLATE: 11;
 };
+export declare const GET_LIST_TYPE: {
+    readonly OWNER: 1;
+    readonly SHARE_WITH_ME: 2;
+    readonly HAVE_ACCESS: 3;
+    readonly SELECTOR: 4;
+};

package/es/constants/variables.js

@@ -11,3 +11,9 @@ export const OBJECT_TYPES = {
     JOURNEY_TEMPLATE: 10,
     RICH_MENU_TEMPLATE: 11,
 };
+export const GET_LIST_TYPE = {
+    OWNER: 1,
+    SHARE_WITH_ME: 2,
+    HAVE_ACCESS: 3,
+    SELECTOR: 4,
+};

package/es/services/TemplateListing/index.d.ts

@@ -1,4 +1,4 @@
-import { PaginationRequest, PayloadInfo, ResponseCheckNameExist, ResponseListing, TServiceAuth } from '../../types';
+import { PaginationRequest, PayloadInfo, ResponseCheckNameExist, ResponseListing, TGetListType, TServiceAuth } from '../../types';
 import { TObjectType, TPublicLevel } from '../../types/templateListing';
 import { TThumbnailCardId } from '../../components/molecules/ThumbnailCard';
 import { TemplateCategory } from '../../models/TemplateCategory';
@@ -23,6 +23,7 @@ export type TGetObjectTemplateListArgs = {
     params: {
         object_type: TObjectType;
         public_level: TPublicLevel;
+        get_list_type: TGetListType;
     } & PaginationRequest;
     auth: TServiceAuth;
 };

package/es/test.js

@@ -3,6 +3,8 @@ import React, { useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import '@antscorp/icons/main.css';
 import { ConfigProvider, InputDynamic, SettingWrapper, UploadImage, useTemplateListing, } from './components';
+// Constants
+import { GET_LIST_TYPE } from './constants';
 // Queries configs
 import { queryClientAntsomiUI, QueryClientProviderAntsomiUI } from './queries';
 export const BACKGROUND_COLOR_STYLE = {
@@ -74,6 +76,7 @@ export const App = () => {
             accountId: '1600080515',
         },
         config: {
+            getListType: GET_LIST_TYPE.OWNER,
             objectType: 1,
             publicLevel: 0,
             limitListPerPage: 10,

package/es/types/templateListing.d.ts

@@ -1,4 +1,5 @@
 import { TEMPLATE_CATEGORY_KEYS, OBJECT_TYPES, PUBLIC_LEVEL, TEMPLATE_STATUS } from '../constants';
+import { TGetListType } from './variables';
 export type TObjectType = (typeof OBJECT_TYPES)[keyof typeof OBJECT_TYPES];
 export type TPublicLevel = (typeof PUBLIC_LEVEL)[keyof typeof PUBLIC_LEVEL];
 export type TTemplateStatus = (typeof TEMPLATE_STATUS)[keyof typeof TEMPLATE_STATUS];
@@ -6,6 +7,7 @@ export type TObjectTemplateCategory = (typeof TEMPLATE_CATEGORY_KEYS)[keyof type
 export type TTemplateListingConfig = {
     objectType: TObjectType;
     publicLevel: TPublicLevel;
+    getListType: TGetListType;
     categoryCodes?: string[];
     limitListPerPage?: number;
 };

package/es/types/variables.d.ts

@@ -1,2 +1,4 @@
+import { GET_LIST_TYPE } from '../constants';
 export type TUnit = 'px' | '%' | any;
 export type TAlign = 'left' | 'center' | 'right';
+export type TGetListType = (typeof GET_LIST_TYPE)[keyof typeof GET_LIST_TYPE];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.31",
+  "version": "1.3.5-beta.33",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",