@antscorp/antsomi-ui 2.0.107 → 2.0.109

package/es/queries/Unsubscribe/index.d.ts

@@ -0,0 +1,5 @@
+import { useGetUnsubscribeListByIdentifier } from './useGetUnsubscribeListByIdentifier';
+import { useGetUnsubscribeList } from './useGetUnsubscribeList';
+import { useGetUnsubscribePreferences } from './useGetUnsubscribePreferences';
+import { useGetUnsubscribeListPermission } from './useGetUnsubscribeListPermission';
+export { useGetUnsubscribeListByIdentifier, useGetUnsubscribePreferences, useGetUnsubscribeList, useGetUnsubscribeListPermission, };

package/es/queries/Unsubscribe/index.js

@@ -0,0 +1,5 @@
+import { useGetUnsubscribeListByIdentifier } from './useGetUnsubscribeListByIdentifier';
+import { useGetUnsubscribeList } from './useGetUnsubscribeList';
+import { useGetUnsubscribePreferences } from './useGetUnsubscribePreferences';
+import { useGetUnsubscribeListPermission } from './useGetUnsubscribeListPermission';
+export { useGetUnsubscribeListByIdentifier, useGetUnsubscribePreferences, useGetUnsubscribeList, useGetUnsubscribeListPermission, };

package/es/queries/Unsubscribe/useGetUnsubscribeList.d.ts

@@ -0,0 +1,8 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import { TGetUnsubscribeListArgs, TUnsubscribePayloadInfo } from '../../services/Unsubscribe';
+interface UseGetUnsubscribeListProps {
+    args: TGetUnsubscribeListArgs;
+    options?: UseQueryOptions<any, Error, any>;
+}
+export declare const useGetUnsubscribeList: ({ args, options }: UseGetUnsubscribeListProps, infos: TUnsubscribePayloadInfo) => import("@tanstack/react-query").UseQueryResult<any, Error>;
+export {};

package/es/queries/Unsubscribe/useGetUnsubscribeList.js

@@ -0,0 +1,18 @@
+// Libraries
+import { useQuery } from '@tanstack/react-query';
+// Services
+// import { TGetUnsubscribeListArgs, unsubscribeServices } from 'app/services/Unsubscribe';
+import { unsubscribeServices, } from '../../services/Unsubscribe';
+// Constants
+import { QUERY_KEYS } from '../../constants';
+export const useGetUnsubscribeList = ({ args, options }, infos) => useQuery({
+    queryKey: [QUERY_KEYS.GET_UNSUBSCRIBE_LIST, args, options, infos],
+    queryFn: async () => unsubscribeServices.getUnsubscribeList(args, infos),
+    onSuccess: data => {
+        if (!data)
+            return [];
+        const unsubscribedList = data?.entries[0] || [];
+        return unsubscribedList.sort((a, b) => Number(a.list_id) - Number(b.list_id));
+    },
+    ...options,
+});

package/es/queries/Unsubscribe/useGetUnsubscribeListByIdentifier.d.ts

@@ -0,0 +1,8 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import { TGetUnsubscribeListByIdentifierArgs, TUnsubscribePayloadInfo } from '../../services/Unsubscribe';
+interface UseGetUnsubscribeListByIdentifierProps {
+    args: TGetUnsubscribeListByIdentifierArgs;
+    options?: UseQueryOptions<any, Error, any>;
+}
+export declare const useGetUnsubscribeListByIdentifier: ({ args, options }: UseGetUnsubscribeListByIdentifierProps, infos: TUnsubscribePayloadInfo) => import("@tanstack/react-query").UseQueryResult<any, Error>;
+export {};

package/es/queries/Unsubscribe/useGetUnsubscribeListByIdentifier.js

@@ -0,0 +1,11 @@
+// Libraries
+import { useQuery } from '@tanstack/react-query';
+// Services
+import { unsubscribeServices, } from '../../services/Unsubscribe';
+// Constants
+import { QUERY_KEYS } from '../../constants';
+export const useGetUnsubscribeListByIdentifier = ({ args, options }, infos) => useQuery({
+    queryKey: [QUERY_KEYS.GET_UNSUBSCRIBE_LIST_BY_IDENTIFIER, args, options, infos],
+    queryFn: () => unsubscribeServices.getUnsubscribeListByIdentifier(args, infos),
+    ...options,
+});

package/es/queries/Unsubscribe/useGetUnsubscribeListPermission.d.ts

@@ -0,0 +1,8 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import { TGetUnsubscribeListPermissionArgs, TUnsubscribePayloadInfo } from '../../services/Unsubscribe';
+interface UseGetUnsubscribeListPermissionProps {
+    args: TGetUnsubscribeListPermissionArgs;
+    options?: UseQueryOptions<any, Error, any>;
+}
+export declare const useGetUnsubscribeListPermission: ({ args, options }: UseGetUnsubscribeListPermissionProps, infos: TUnsubscribePayloadInfo) => import("@tanstack/react-query").UseQueryResult<any, Error>;
+export {};

package/es/queries/Unsubscribe/useGetUnsubscribeListPermission.js

@@ -0,0 +1,17 @@
+// Libraries
+import { useQuery } from '@tanstack/react-query';
+// Services
+import { unsubscribeServices, } from '../../services/Unsubscribe';
+// Constants
+import { QUERY_KEYS } from '../../constants';
+export const useGetUnsubscribeListPermission = ({ args, options }, infos) => useQuery({
+    queryKey: [QUERY_KEYS.GET_UNSUBSCRIBE_LIST_PERMISSION, args, options, infos],
+    queryFn: async () => unsubscribeServices.getUnsubscribeListPermission(args, infos),
+    onSuccess: data => {
+        if (!data)
+            return [];
+        const unsubscribedList = data?.entries[0] || [];
+        return unsubscribedList.sort((a, b) => Number(a.list_id) - Number(b.list_id));
+    },
+    ...options,
+});

package/es/queries/Unsubscribe/useGetUnsubscribePreferences.d.ts

@@ -0,0 +1,23 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import { GetUnsubscribePreferencesArgs, TUnsubscribePayloadInfo } from '../../services/Unsubscribe';
+interface UseGetUnsubscribePreferencesProps {
+    args: GetUnsubscribePreferencesArgs;
+    options?: UseQueryOptions<any, Error, any>;
+}
+/**
+ * React Query hook to get unsubscribe preferences by given identifier
+ *
+ * @example
+ * const { data, isLoading } = useGetUnsubscribePreferences({
+ *   args: {
+ *     id: '1234567890',
+ *   },
+ * });
+ *
+ * @param {UseGetUnsubscribePreferencesProps} props
+ * @param {GetUnsubscribePreferencesArgs} props.args - Arguments to get unsubscribe preferences
+ * @param {UseQueryOptions<any, Error, any>} [props.options] - Options for React Query
+ * @returns {UseQueryResult<any, Error>} - Response data and meta data
+ */
+export declare const useGetUnsubscribePreferences: ({ args, options }: UseGetUnsubscribePreferencesProps, infos: TUnsubscribePayloadInfo) => import("@tanstack/react-query").UseQueryResult<any, Error>;
+export {};

package/es/queries/Unsubscribe/useGetUnsubscribePreferences.js

@@ -0,0 +1,26 @@
+// Libraries
+import { useQuery } from '@tanstack/react-query';
+// Services
+import { unsubscribeServices, } from '../../services/Unsubscribe';
+// Constants
+import { QUERY_KEYS } from '../../constants';
+/**
+ * React Query hook to get unsubscribe preferences by given identifier
+ *
+ * @example
+ * const { data, isLoading } = useGetUnsubscribePreferences({
+ *   args: {
+ *     id: '1234567890',
+ *   },
+ * });
+ *
+ * @param {UseGetUnsubscribePreferencesProps} props
+ * @param {GetUnsubscribePreferencesArgs} props.args - Arguments to get unsubscribe preferences
+ * @param {UseQueryOptions<any, Error, any>} [props.options] - Options for React Query
+ * @returns {UseQueryResult<any, Error>} - Response data and meta data
+ */
+export const useGetUnsubscribePreferences = ({ args, options }, infos) => useQuery({
+    queryKey: [QUERY_KEYS.GET_UNSUBSCRIBE_PREFERENCES],
+    queryFn: () => unsubscribeServices.getUnsubscribePreferences(args, infos),
+    ...options,
+});

package/es/services/MediaTemplateDesign/UploadFile/index.js

@@ -7,7 +7,7 @@ export const getListingSavedMedia = async (domainUrl, slug, infos, page = 1) =>
     try {
         const { type = '', ...restInfos } = infos || {};
         const { data } = await services.mediaTemplateDesign.getList({
-            API_HOST: `${domainUrl}/${slug}/saved-media/index?type=${type}&page=${page}&limit=10`,
+            API_HOST: `${domainUrl}${slug ? `/${slug}` : ''}/saved-media/index?type=${type}&page=${page}&limit=10`,
         }, restInfos);
         let savedImages = data?.data || [];
         savedImages = savedImages.map((savedImage) => new SavedMedia(savedImage));
@@ -20,7 +20,7 @@ export const getListingSavedMedia = async (domainUrl, slug, infos, page = 1) =>
 export const createSavedMedia = (domainUrl, slug, infos, data) => {
     try {
         return services.mediaTemplateDesign.create({
-            API_HOST: `${domainUrl}/${slug}/saved-media/index`,
+            API_HOST: `${domainUrl}${slug ? `/${slug}` : ''}/saved-media/index`,
             ...data,
         }, infos);
     }
@@ -31,7 +31,7 @@ export const createSavedMedia = (domainUrl, slug, infos, data) => {
 export const deleteSavedMedia = (domainUrl, slug, infos, id) => {
     try {
         return services.mediaTemplateDesign.create({
-            API_HOST: `${domainUrl}/${slug}/saved-media/index/update-status`,
+            API_HOST: `${domainUrl}${slug ? `/${slug}` : ''}/saved-media/index/update-status`,
             media_id: [id],
             status: 80,
         }, infos);
@@ -52,7 +52,7 @@ export const uploadFile = async (domainUrl, slug, infos, files) => {
             fileType = 'origin-file';
         }
         const result = await services.mediaTemplateDesign.upload({
-            API_HOST: `${domainUrl}/${slug}/file-upload/${fileType}`,
+            API_HOST: `${domainUrl}${slug ? `/${slug}` : ''}/file-upload/${fileType}`,
             formData,
         }, restInfos);
         const uploadData = result ? result.data?.data : null;

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

@@ -0,0 +1,41 @@
+import { PayloadInfo } from '../../types';
+export type GetUnsubscribePreferencesArgs = {
+    id: string;
+};
+export type TGetUnsubscribeListByIdentifierArgs = {
+    data: {
+        identifier: string;
+        type: 'email' | 'phone';
+        portalId: number;
+        listId: (number | string)[];
+    };
+};
+export type TUpdateUnsubscribePreferencesListArgs = {
+    data: {
+        identifier: string;
+        type: 'email' | 'phone';
+        portalId: number;
+        journeyId: number;
+        campaignId: number;
+        variantId: number;
+        config: {
+            listId: number;
+            status: 'resubscribe' | 'unsubscribe';
+        }[];
+    };
+};
+export type TGetUnsubscribeListArgs = {
+    data: {
+        type: 'email' | 'sms' | 'whatsapp';
+        portalId: number;
+    };
+};
+export type TGetUnsubscribeListPermissionArgs = TGetUnsubscribeListArgs;
+export type TUnsubscribePayloadInfo = Required<PayloadInfo>;
+export declare const unsubscribeServices: {
+    getUnsubscribePreferences: ({ id }: GetUnsubscribePreferencesArgs, infos: TUnsubscribePayloadInfo) => Promise<any>;
+    getUnsubscribeListByIdentifier: ({ data }: TGetUnsubscribeListByIdentifierArgs, infos: TUnsubscribePayloadInfo) => Promise<any>;
+    updateUnsubscribePreferencesList: ({ data }: TUpdateUnsubscribePreferencesListArgs, infos: TUnsubscribePayloadInfo) => Promise<any>;
+    getUnsubscribeList: ({ data }: TGetUnsubscribeListArgs, infos: TUnsubscribePayloadInfo) => Promise<any>;
+    getUnsubscribeListPermission: ({ data }: TGetUnsubscribeListPermissionArgs, infos: TUnsubscribePayloadInfo) => Promise<any>;
+};

package/es/services/Unsubscribe/index.js

@@ -0,0 +1,78 @@
+// Libraries
+import { services } from '..';
+const UNSUBSCRIBE_URL = `/email-template/unsubscribe`;
+export const unsubscribeServices = {
+    getUnsubscribePreferences: async ({ id }, infos) => {
+        try {
+            const response = await services.mediaTemplateDesign.get({
+                API_HOST: `${infos.url}${UNSUBSCRIBE_URL}/get-detail`,
+                id,
+            }, infos);
+            if (response) {
+                return response.data?.data || {};
+            }
+            return {};
+        }
+        catch (error) {
+            return new Promise((_, reject) => {
+                reject(error);
+            });
+        }
+    },
+    getUnsubscribeListByIdentifier: async ({ data }, infos) => {
+        try {
+            const response = await services.mediaTemplateDesign.create({
+                API_HOST: `${infos.url}${UNSUBSCRIBE_URL}/get-by-identifier`,
+                ...data,
+            }, infos);
+            return response.data?.data || [];
+        }
+        catch (error) {
+            return new Promise((_, reject) => {
+                reject(error);
+            });
+        }
+    },
+    updateUnsubscribePreferencesList: async ({ data }, infos) => {
+        try {
+            const response = await services.mediaTemplateDesign.create({
+                API_HOST: `${infos.url}${UNSUBSCRIBE_URL}/save`,
+                ...data,
+            }, infos);
+            return response.data?.data || [];
+        }
+        catch (error) {
+            return new Promise((_, reject) => {
+                reject(error);
+            });
+        }
+    },
+    getUnsubscribeList: async ({ data }, infos) => {
+        try {
+            const response = await services.mediaTemplateDesign.getList({
+                API_HOST: `${infos.url}${UNSUBSCRIBE_URL}/get-unsubscribe-list`,
+                ...data,
+            }, infos);
+            return response.data?.data || [];
+        }
+        catch (error) {
+            return new Promise((_, reject) => {
+                reject(error);
+            });
+        }
+    },
+    getUnsubscribeListPermission: async ({ data }, infos) => {
+        try {
+            const response = await services.mediaTemplateDesign.getList({
+                API_HOST: `${infos.url}${UNSUBSCRIBE_URL}/get-unsubscribe-list-permissions`,
+                ...data,
+            }, infos);
+            return response.data?.data || [];
+        }
+        catch (error) {
+            return new Promise((_, reject) => {
+                reject(error);
+            });
+        }
+    },
+};

package/es/styled/common.js

@@ -4,56 +4,56 @@ import styled from 'styled-components';
 import { globalToken } from '../constants';
 // Components
 import { Button } from '@antscorp/antsomi-ui/es/components/atoms';
-export const IconButton = styled.div `
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 200ms;
-  flex-shrink: 0;
-
-  i {
-    font-size: 14px;
-    color: ${globalToken?.bw8};
-  }
-
-  &:hover {
-    i {
-      color: ${globalToken?.bw10};
-    }
-  }
+export const IconButton = styled.div `
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 200ms;
+  flex-shrink: 0;
+
+  i {
+    font-size: 14px;
+    color: ${globalToken?.bw8};
+  }
+
+  &:hover {
+    i {
+      color: ${globalToken?.bw10};
+    }
+  }
 `;
-export const ActionButton = styled(Button) `
-  display: flex !important;
-  flex-direction: column;
-  align-items: center;
-  height: 43px !important;
-  width: 50px !important;
-  gap: 4px !important;
-  padding: 3px 0px !important;
-  font-size: 8px !important;
-  line-height: 1 !important;
-  color: ${globalToken?.bw8} !important;
-
-  ${props => props.$hide && `visibility: hidden !important;`}
-
-  .action-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    > i {
-      font-size: 24px !important;
-    }
-  }
-
-  /* &:hover, */
-  &:active {
-    color: ${globalToken?.colorPrimary} !important;
-  }
-
-  &:disabled {
-    background-color: ${globalToken?.bw2} !important;
-  }
+export const ActionButton = styled(Button) `
+  display: flex !important;
+  flex-direction: column;
+  align-items: center;
+  height: 43px !important;
+  width: 50px !important;
+  gap: 4px !important;
+  padding: 3px 0px !important;
+  font-size: 8px !important;
+  line-height: 1 !important;
+  color: ${globalToken?.bw8} !important;
+
+  ${props => props.$hide && `visibility: hidden !important;`}
+
+  .action-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    > i {
+      font-size: 24px !important;
+    }
+  }
+
+  /* &:hover, */
+  &:active {
+    color: ${globalToken?.colorPrimary} !important;
+  }
+
+  &:disabled {
+    background-color: ${globalToken?.bw2} !important;
+  }
 `;

package/es/tests/styled.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-export const TableTestWrapper = styled.div `
-  padding: 10px;
-  height: 100vh;
-  overflow: auto;
+export const TableTestWrapper = styled.div `
+  padding: 10px;
+  height: 100vh;
+  overflow: auto;
 `;

package/es/types/index.d.ts

@@ -26,6 +26,7 @@ export * from './condition';
 export * from './api';
 export * from './date';
 export * from './auth';
+export * from './unsubscribe';
 export type PayloadInfo = {
     url?: string;
     userId?: string;

package/es/types/index.js

@@ -10,3 +10,4 @@ export * from './condition';
 export * from './api';
 export * from './date';
 export * from './auth';
+export * from './unsubscribe';

package/es/types/unsubscribe.d.ts

@@ -0,0 +1,25 @@
+export type TTab = {
+    activePanel?: string;
+    onChangeActivePanel?: (panelKey: any) => void;
+};
+export type TUnsubscribeList = {
+    status: string;
+    list_name: string;
+    type: string;
+    list_id: string;
+    description: string;
+};
+export type TUnsubscribeType = 'email' | 'sms' | 'whatsapp';
+export type TUnsubscribeSettings = {
+    unsubscribePreferences: {
+        landingPageType?: string;
+        segmentId: number | string | null;
+        unsubscribeListId: number | string | null;
+        logo: string;
+        title: string;
+        description: string;
+        customLink: string;
+        haveResubscribeButton?: boolean;
+        preferenceListIds: string[] | undefined;
+    };
+};

package/es/types/unsubscribe.js

@@ -0,0 +1 @@
+export {};

package/es/utils/common.d.ts

@@ -166,3 +166,4 @@ export declare function numberWithCommas(n: number): string;
 export declare const multiPercentageValue: (value?: string) => string;
 export declare const antsomiClsx: (componentName: string) => (className: string) => string;
 export declare function arrayToMapByProperty<T extends object, K extends keyof T>(array: T[], propertyName: K): Map<T[K], T>;
+export declare function compareStrings(a: any, b: any): number;

package/es/utils/common.js

@@ -757,3 +757,6 @@ export function arrayToMapByProperty(array, propertyName) {
     // new Map() có thể nhận mảng này để khởi tạo Map
     return new Map(Object.entries(keyedObject));
 }
+export function compareStrings(a, b) {
+    return String(a).localeCompare(String(b));
+}

package/es/utils/variables.js

@@ -1,9 +1,9 @@
 import { css } from 'styled-components';
-export const breakdownMd = style => css `
-  /* @media (max-width: 1600px) {
-    ${style};
-  } */
-  ${style}/* @media (max-width: 1500px) {
-    ${style};
-  } */
+export const breakdownMd = style => css `
+  /* @media (max-width: 1600px) {
+    ${style};
+  } */
+  ${style}/* @media (max-width: 1500px) {
+    ${style};
+  } */
 `;