@antscorp/antsomi-ui 1.3.7-beta.7 → 1.3.7-beta.70

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/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/utils/common.d.ts

@@ -171,5 +171,5 @@ export declare const antsomiClsx: (componentName: string) => (className: string)
  * @returns A spreadable object of data-attributes
  */
 export declare const dataAttrArrayToObject: (attributes?: DataAttributes) => Record<string, string>;
-export declare function compareStrings(a: any, b: any): number;
 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

@@ -780,9 +780,6 @@ export const dataAttrArrayToObject = (attributes = []) => attributes.reduce((out
     // return the object
     return output;
 }, {});
-export function compareStrings(a, b) {
-    return String(a).localeCompare(String(b));
-}
 export function arrayToMapByProperty(array, propertyName) {
     // Đảm bảo đầu vào là một mảng và không rỗng
     if (!Array.isArray(array) || array.length === 0) {
@@ -798,3 +795,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/cookie.js

@@ -27,8 +27,9 @@ export const removeCookieSubDomain = ({ name, env = 'development', cookieOptions
         secure: true,
         ...cookieOptions,
     });
+    const addEnvKey = key => (env ? `${key}_${env}` : key);
     // Remove redundant cookies setted for full domain
-    if (['api_token', 'api_r_token', 'api_pid'].includes(name)) {
+    if (['api_token', addEnvKey('api_r_token'), addEnvKey('api_pid')].includes(name)) {
         cookies.remove(name, {
             path: '/',
             sameSite: 'none',

package/es/utils/crossSubdomainCookieOptions.d.ts

@@ -0,0 +1,14 @@
+interface CrossSubdomainCookieOptionsInput {
+    hostname: string;
+    protocol: string;
+    maxAge?: number;
+}
+export interface CrossSubdomainCookieOptions {
+    domain: string;
+    path: '/';
+    sameSite: 'none';
+    secure?: true;
+    maxAge?: number;
+}
+export declare function createCrossSubdomainCookieOptions({ hostname, protocol, maxAge, }: CrossSubdomainCookieOptionsInput): CrossSubdomainCookieOptions;
+export {};

package/es/utils/crossSubdomainCookieOptions.js

@@ -0,0 +1,12 @@
+export function createCrossSubdomainCookieOptions({ hostname, protocol, maxAge, }) {
+    const hostnameParts = hostname.split('.');
+    return {
+        domain: hostnameParts.length < 4
+            ? hostnameParts.slice(-2).join('.')
+            : hostnameParts.slice(-3).join('.'),
+        path: '/',
+        sameSite: 'none',
+        ...(protocol === 'https:' && { secure: true }),
+        ...(maxAge !== undefined && { maxAge }),
+    };
+}

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};
+  } */
 `;