@antscorp/antsomi-ui 2.0.49 → 2.0.50

package/es/components/atoms/Icon/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps as OriginIconProps } from '../../icons/types';
 export interface IconProps extends OriginIconProps {
     size?: number;

package/es/components/atoms/Switch/Switch.d.ts

@@ -1,3 +1,13 @@
-/// <reference types="react" />
-export declare const Switch: import("react").ForwardRefExoticComponent<import("antd").SwitchProps & import("react").RefAttributes<HTMLElement>>;
-export type { SwitchProps } from 'antd';
+import React from 'react';
+import { type SwitchProps as AntdSwitchProps } from 'antd';
+import { DataType } from 'csstype';
+declare module 'react' {
+    interface CSSProperties {
+        '--switch-color'?: DataType.Color;
+    }
+}
+type SwitchProps = AntdSwitchProps & {
+    color?: string;
+};
+declare const Switch: React.FC<SwitchProps>;
+export { Switch, type SwitchProps };

package/es/components/atoms/Switch/Switch.js

@@ -1,3 +1,8 @@
-import { Switch as AntdSwitch } from 'antd';
-export const Switch = AntdSwitch;
-Switch.defaultProps = {};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import { StyledSwitch } from './styled';
+const Switch = props => {
+    const { color = THEME.token?.colorPrimary || '#005eb8', ...rest } = props;
+    return _jsx(StyledSwitch, { style: { '--switch-color': color }, ...rest });
+};
+export { Switch };

package/es/components/atoms/Switch/index.d.ts

@@ -1,2 +1 @@
-export { Switch } from './Switch';
-export type { SwitchProps } from 'antd';
+export { Switch, type SwitchProps } from './Switch';

package/es/components/atoms/Switch/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledSwitch: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").SwitchProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/atoms/Switch/styled.js

@@ -0,0 +1,60 @@
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import { Switch } from 'antd';
+import styled from 'styled-components';
+export const StyledSwitch = styled(Switch) `
+  &.antsomi-switch {
+    border: 2px solid var(--switch-color);
+
+    &.antsomi-switch-checked {
+      background: var(--switch-color);
+
+      > .antsomi-switch-handle {
+        &::before {
+          background-color: ${THEME.token?.bw0};
+        }
+      }
+
+      .antsomi-switch-inner {
+        padding-inline-start: 4px;
+        padding-inline-end: 18px;
+      }
+
+      &:hover:not(.antsomi-switch-disabled) {
+        background-color: var(--switch-color);
+      }
+    }
+
+    &.antsomi-switch-disabled {
+      background: ${THEME.token?.bw0};
+      border-color: ${THEME.token?.colorTextPlaceholder};
+
+      > .antsomi-switch-handle {
+        &::before {
+          background-color: ${THEME.token?.colorTextPlaceholder};
+        }
+      }
+
+      &.antsomi-switch-checked {
+        background: ${THEME.token?.colorTextPlaceholder};
+        border-color: ${THEME.token?.colorTextPlaceholder};
+
+        > .antsomi-switch-handle {
+          &::before {
+            background-color: ${THEME.token?.bw0};
+          }
+        }
+      }
+    }
+
+    .antsomi-switch-handle {
+      &::before {
+        background-color: var(--switch-color);
+      }
+    }
+
+    .antsomi-switch-inner {
+      padding-inline-start: 4px;
+      padding-inline-end: 18px;
+    }
+  }
+`;

package/es/components/molecules/TagifyInput/TagifyInput.js

@@ -16,10 +16,10 @@ import '@yaireo/tagify/dist/tagify.css';
 // Styled
 import { TagTextArea, TagifyWrapper, WrapperPlaceHolder } from './styled';
 // Utils
-import { parseTagStringToTagify, convertInputStringToOriginal, emojiManufacturer, getEmojiTag, isPersonalizeTagType, generateTagContent, unescapeString, hasLineBreak, selectRange, isTagClickable, findURLInTextNodes, getAttributesString, isAnchorNodeChildOfElement, } from './utils';
-import { acceptablePatternChecking, detectURLRegex, getCachedRegex, getPersonalizeTagInfo, patternHandlers, } from './patternHandlers';
+import { parseTagStringToTagify, convertInputStringToOriginal, emojiManufacturer, getEmojiTag, isPersonalizeTagType, generateTagContent, unescapeString, hasLineBreak, selectRange, isTagClickable, findURLInTextNodes, getAttributesString, isAnchorNodeChildOfElement, isShortLinkTagType, } from './utils';
+import { acceptablePatternChecking, detectURLRegex, getCachedRegex, getPersonalizeTagInfo, getShortLinkTagInfo, patternHandlers, } from './patternHandlers';
 // Constants
-import { DETECT_LINK, EMOJI, FORCE_SHOW_TOOLTIP, INVALID_TAG, MESSAGE_TAG, NO_VIEW_TAG, PERSONALIZE_PTN, PROMOTION_CODE, READONLY_TAG, REMOVED_TAG, SHORT_LINK, SHORT_LINK_PTN, defaultCssVariables, tagifyDefaultProps, } from './constants';
+import { DETECT_LINK, EMOJI, FORCE_SHOW_TOOLTIP, INVALID_TAG, MESSAGE_TAG, NO_VIEW_TAG, PERSONALIZE_PTN, PROMOTION_CODE, READONLY_TAG, REMOVED_TAG, SHORT_LINK, SHORT_LINK_PTN, SHORT_LINK_V2, defaultCssVariables, tagifyDefaultProps, } from './constants';
 const TagifyInput = forwardRef((props, ref) => {
     // Props
     const { initialValue, escapeHTML, status, readonly, readonlyTag, realtime, disabled, maxLength, maxHeight, minWidth, placeholder, minWidthPlaceholder, isSingleLineText, acceptableTagPattern, mapAttributes, mapErrorAttributes, maxPersonalizeTags, name, children, cssTagifyVariables, onTagClick, onChange, } = props;
@@ -355,7 +355,7 @@ const TagifyInput = forwardRef((props, ref) => {
             if (newTag && tagifyRef.current) {
                 const { settings, value: currentTags } = tagifyRef.current;
                 const { readonly, maxTags } = settings;
-                const currentPersonalizeTags = currentTags.filter(tag => ![EMOJI, SHORT_LINK].includes(tag.type));
+                const currentPersonalizeTags = currentTags.filter(tag => ![EMOJI, SHORT_LINK, SHORT_LINK_V2].includes(tag.type));
                 const currentPersonalizeTagsLength = currentPersonalizeTags.length;
                 // Check readonly
                 if (readonly)
@@ -371,7 +371,7 @@ const TagifyInput = forwardRef((props, ref) => {
                      * Validate the max limit before add new tag
                      * For emoji and short link, it will be passed
                      */
-                    if (![EMOJI, SHORT_LINK].includes(type) &&
+                    if (![EMOJI, SHORT_LINK, SHORT_LINK_V2].includes(type) &&
                         currentPersonalizeTagsLength >= maxTags)
                         return;
                     // Create new tag
@@ -525,6 +525,8 @@ const TagifyInput = forwardRef((props, ref) => {
                 if (tagData) {
                     const { type, value } = tagData;
                     const isPersonalTag = isPersonalizeTagType(type);
+                    const isShortLinkTag = isShortLinkTagType(type);
+                    /** Case Personalize */
                     if (isPersonalTag && value) {
                         const isAccepted = acceptablePatternChecking(acceptableType, acceptableTagPattern);
                         // No need to continue if pattern is not accepted
@@ -587,6 +589,45 @@ const TagifyInput = forwardRef((props, ref) => {
                             }
                         }
                     }
+                    /** Case Short Link V2 Tag */
+                    if (isShortLinkTag) {
+                        const isAccepted = acceptablePatternChecking(SHORT_LINK_PTN, acceptableTagPattern);
+                        if (!isAccepted)
+                            return;
+                        const { url, shortener, label } = tagData;
+                        const { label: tagLabel, isValid, message, type: tagType, } = getShortLinkTagInfo({
+                            type,
+                            label,
+                            shortener,
+                            url,
+                            mapAttributes: attributes,
+                            mapErrorAttributes: errorAttributes,
+                        });
+                        const tagTextNode = tagifyRef.current?.getTagTextNode(tagElement);
+                        /*
+                         * Just only update to the correct text of the tag
+                         * NOTE: Do not actually affect raw data
+                         */
+                        if (tagTextNode) {
+                            tagTextNode.textContent = tagLabel;
+                            // Clear all previous attributes
+                            tagElement.removeAttribute(REMOVED_TAG);
+                            tagElement.removeAttribute(NO_VIEW_TAG);
+                            tagElement.removeAttribute(INVALID_TAG);
+                            tagElement.removeAttribute(READONLY_TAG);
+                            tagElement.removeAttribute(MESSAGE_TAG);
+                            // In case promotion pool has something wrong
+                            if (!isValid && message) {
+                                tagElement.setAttribute(REMOVED_TAG, 'true');
+                                tagElement.setAttribute(MESSAGE_TAG, message);
+                                tagifyRef.current?.getSetTagData(tagElement, {
+                                    ...tagData,
+                                    status: 'error',
+                                    statusMsg: message,
+                                });
+                            }
+                        }
+                    }
                 }
             });
             setTooltipRefresher(prev => prev + 1);
@@ -777,7 +818,7 @@ const TagifyInput = forwardRef((props, ref) => {
         detectReplaceURLToTag();
     }, [detectReplaceURLToTag]);
     // CAVEAT: Some case need to "FORCE" sync the original values to Tagify instance
-    useEffect(() => {
+    useDeepCompareEffect(() => {
         if (tagifyRef.current) {
             const { DOM, settings } = tagifyRef.current;
             const { empty } = settings.classNames;

package/es/components/molecules/TagifyInput/constants.d.ts

@@ -33,11 +33,13 @@ export declare const PATTERN_CACHE_TYPE: {
     readonly SHORT_LINK_PTN: "shortlink_pattern";
     readonly SHORT_LINK_INDIVIDUAL_PTN: "shortlink_individual_pattern";
     readonly SHORT_LINK_GENERAL_PTN: "shortlink_general_pattern";
+    readonly SHORT_LINK_V2_INDIVIDUAL_PTN: "shortlink_v2_individual_pattern";
+    readonly SHORT_LINK_V2_GENERAL_PTN: "shortlink_v2_general_pattern";
     readonly LINE_EMOJI_PTN: "line_emoji_pattern";
     readonly PERSONALIZE_PTN: "personalize_pattern";
     readonly VIBER_EMOJI_PTN: "viber_emoji_pattern";
 };
-export declare const SHORT_LINK_PTN: "shortlink_pattern", SHORT_LINK_INDIVIDUAL_PTN: "shortlink_individual_pattern", SHORT_LINK_GENERAL_PTN: "shortlink_general_pattern", LINE_EMOJI_PTN: "line_emoji_pattern", PERSONALIZE_PTN: "personalize_pattern", VIBER_EMOJI_PTN: "viber_emoji_pattern";
+export declare const SHORT_LINK_PTN: "shortlink_pattern", SHORT_LINK_INDIVIDUAL_PTN: "shortlink_individual_pattern", SHORT_LINK_GENERAL_PTN: "shortlink_general_pattern", SHORT_LINK_V2_INDIVIDUAL_PTN: "shortlink_v2_individual_pattern", SHORT_LINK_V2_GENERAL_PTN: "shortlink_v2_general_pattern", LINE_EMOJI_PTN: "line_emoji_pattern", PERSONALIZE_PTN: "personalize_pattern", VIBER_EMOJI_PTN: "viber_emoji_pattern";
 export declare const DEFAULT_ACCEPT_TAGS: ("shortlink_pattern" | "line_emoji_pattern" | "personalize_pattern" | "viber_emoji_pattern")[];
 export declare const tagifyDefaultProps: TagifyInputProps;
 export declare const TAG_TYPE: {
@@ -52,14 +54,19 @@ export declare const TAG_TYPE: {
     readonly CUSTOM_FN: "custom";
     readonly EMOJI: "emoji";
     readonly SHORT_LINK: "shortlink";
+    readonly SHORT_LINK_V2: "shortlink_v2";
     readonly DETECT_LINK: "detect_link";
     readonly CONTENT_SOURCE_GROUP: "groups";
 };
-export declare const CUSTOMER: "customer", VISITOR: "visitor", EVENT: "event", JOURNEY: "story", CAMPAIGN: "campaign", VARIANT: "variant", PROMOTION_CODE: "promotion_code", CUSTOM_FN: "custom", EMOJI: "emoji", DETECT_LINK: "detect_link", SHORT_LINK: "shortlink", OBJECT_WIDGET: "objectWidget", CONTENT_SOURCE_GROUP: "groups";
+export declare const CUSTOMER: "customer", VISITOR: "visitor", EVENT: "event", JOURNEY: "story", CAMPAIGN: "campaign", VARIANT: "variant", PROMOTION_CODE: "promotion_code", CUSTOM_FN: "custom", EMOJI: "emoji", DETECT_LINK: "detect_link", SHORT_LINK: "shortlink", SHORT_LINK_V2: "shortlink_v2", OBJECT_WIDGET: "objectWidget", CONTENT_SOURCE_GROUP: "groups";
 export declare const SHORT_LINK_TYPE: {
     readonly INDIVIDUAL: "shortlink";
     readonly GENERAL: "shortlink_static";
 };
+export declare const SHORT_LINK_TYPE_V2: {
+    readonly INDIVIDUAL: "shortlink_v2";
+    readonly GENERAL: "shortlink_v2_static";
+};
 export declare const TAG_COLOR: {
     readonly customer: string | undefined;
     readonly detect_link: "#e8feca";
@@ -67,6 +74,10 @@ export declare const TAG_COLOR: {
         readonly shortlink: "#CAFEDD";
         readonly shortlink_static: "#EFE2D9";
     };
+    readonly shortlink_v2: {
+        readonly shortlink: "#CAFEDD";
+        readonly shortlink_static: "#EFE2D9";
+    };
     readonly visitor: "#e8feca";
     readonly event: "#fecaca";
     readonly story: "#FAFAAF";

package/es/components/molecules/TagifyInput/constants.js

@@ -34,11 +34,13 @@ export const PATTERN_CACHE_TYPE = {
     SHORT_LINK_PTN: 'shortlink_pattern',
     SHORT_LINK_INDIVIDUAL_PTN: 'shortlink_individual_pattern',
     SHORT_LINK_GENERAL_PTN: 'shortlink_general_pattern',
+    SHORT_LINK_V2_INDIVIDUAL_PTN: 'shortlink_v2_individual_pattern',
+    SHORT_LINK_V2_GENERAL_PTN: 'shortlink_v2_general_pattern',
     LINE_EMOJI_PTN: 'line_emoji_pattern',
     PERSONALIZE_PTN: 'personalize_pattern',
     VIBER_EMOJI_PTN: 'viber_emoji_pattern',
 };
-export const { SHORT_LINK_PTN, SHORT_LINK_INDIVIDUAL_PTN, SHORT_LINK_GENERAL_PTN, LINE_EMOJI_PTN, PERSONALIZE_PTN, VIBER_EMOJI_PTN, } = PATTERN_CACHE_TYPE;
+export const { SHORT_LINK_PTN, SHORT_LINK_INDIVIDUAL_PTN, SHORT_LINK_GENERAL_PTN, SHORT_LINK_V2_INDIVIDUAL_PTN, SHORT_LINK_V2_GENERAL_PTN, LINE_EMOJI_PTN, PERSONALIZE_PTN, VIBER_EMOJI_PTN, } = PATTERN_CACHE_TYPE;
 export const DEFAULT_ACCEPT_TAGS = [
     SHORT_LINK_PTN,
     PERSONALIZE_PTN,
@@ -67,14 +69,19 @@ export const TAG_TYPE = {
     CUSTOM_FN: 'custom',
     EMOJI: 'emoji',
     SHORT_LINK: 'shortlink',
+    SHORT_LINK_V2: 'shortlink_v2',
     DETECT_LINK: 'detect_link',
     CONTENT_SOURCE_GROUP: 'groups',
 };
-export const { CUSTOMER, VISITOR, EVENT, JOURNEY, CAMPAIGN, VARIANT, PROMOTION_CODE, CUSTOM_FN, EMOJI, DETECT_LINK, SHORT_LINK, OBJECT_WIDGET, CONTENT_SOURCE_GROUP, } = TAG_TYPE;
+export const { CUSTOMER, VISITOR, EVENT, JOURNEY, CAMPAIGN, VARIANT, PROMOTION_CODE, CUSTOM_FN, EMOJI, DETECT_LINK, SHORT_LINK, SHORT_LINK_V2, OBJECT_WIDGET, CONTENT_SOURCE_GROUP, } = TAG_TYPE;
 export const SHORT_LINK_TYPE = {
     INDIVIDUAL: 'shortlink', // Individual link
     GENERAL: 'shortlink_static', // General link
 };
+export const SHORT_LINK_TYPE_V2 = {
+    INDIVIDUAL: 'shortlink_v2', // Individual link
+    GENERAL: 'shortlink_v2_static', // General link
+};
 export const TAG_COLOR = {
     [CUSTOMER]: globalToken?.blue2,
     [DETECT_LINK]: '#e8feca',
@@ -82,6 +89,10 @@ export const TAG_COLOR = {
         [SHORT_LINK_TYPE.INDIVIDUAL]: '#CAFEDD',
         [SHORT_LINK_TYPE.GENERAL]: '#EFE2D9',
     },
+    [SHORT_LINK_V2]: {
+        [SHORT_LINK_TYPE.INDIVIDUAL]: '#CAFEDD',
+        [SHORT_LINK_TYPE.GENERAL]: '#EFE2D9',
+    },
     [VISITOR]: '#e8feca',
     [EVENT]: '#fecaca',
     [JOURNEY]: '#FAFAAF',

package/es/components/molecules/TagifyInput/patternHandlers.d.ts

@@ -19,5 +19,13 @@ export declare const detectURLRegex: RegExp;
 export declare const tagRegexStringPattern = "\\[\\[({.*?})\\]\\]";
 export declare function acceptablePatternChecking(pattern: AcceptablePattern, acceptablePattern: Array<AcceptablePattern>): boolean;
 export declare const getPersonalizeTagInfo: (originalTag: string, mapAttributes?: MapAttributesProps, mapErrorAttributes?: MapAttributesProps) => TagInfo;
+export declare const getShortLinkTagInfo: (params: {
+    type: string;
+    label: string;
+    url: string;
+    shortener: string;
+    mapAttributes?: MapAttributesProps;
+    mapErrorAttributes?: MapAttributesProps;
+}) => TagInfo;
 export declare const patternHandlers: Record<PatterTagName, PatternHandlerWrapper>;
 export {};

package/es/components/molecules/TagifyInput/patternHandlers.js

@@ -2,12 +2,13 @@
 /* eslint-disable no-console */
 // Libraries
 import { has } from 'lodash';
+import { translate, translations } from '@antscorp/antsomi-locales';
 // Utils
 import { errorWrapper } from './errorWrapper';
 import { isViberEmoji } from './iconsViber';
 import { random } from '@antscorp/antsomi-ui/es/utils';
 // Constants
-import { CONTENT_SOURCE_GROUP, EMOJI, EMOJI_COLLECTIONS, LINE_EMOJI_PTN, PERSONALIZE_PTN, PREFIX_PATTERN_LINE_MESSAGE, PROMOTION_CODE, SHORT_LINK, SHORT_LINK_GENERAL_PTN, SHORT_LINK_INDIVIDUAL_PTN, SHORT_LINK_PTN, SHORT_LINK_TYPE, VIBER_EMOJI_PTN, } from './constants';
+import { CONTENT_SOURCE_GROUP, EMOJI, EMOJI_COLLECTIONS, LINE_EMOJI_PTN, PERSONALIZE_PTN, PREFIX_PATTERN_LINE_MESSAGE, PROMOTION_CODE, SHORT_LINK, SHORT_LINK_GENERAL_PTN, SHORT_LINK_INDIVIDUAL_PTN, SHORT_LINK_PTN, SHORT_LINK_TYPE, SHORT_LINK_V2, SHORT_LINK_V2_GENERAL_PTN, SHORT_LINK_V2_INDIVIDUAL_PTN, VIBER_EMOJI_PTN, } from './constants';
 /*
  * Usage to cache compiled regular expressions:
  * const regex = getCachedRegex(pattern, flags);
@@ -254,12 +255,12 @@ export const getPersonalizeTagInfo = (originalTag, mapAttributes, mapErrorAttrib
                             // Case Pool removed
                             if (!isExist) {
                                 isRemoved = !isExist;
-                                message = 'This pool is removed';
+                                message = translate(translations._PERSONALIZATION_TAG_ERR_REMOVED, 'This pool is removed');
                             }
                             else if (!isView) {
                                 // Case No permission
                                 hasViewPermission = isView;
-                                message = 'You do not have permission on this pool';
+                                message = translate(translations._PERMISSION_ERR_POOL, 'You do not have permission on this pool');
                             }
                         }
                     }
@@ -284,6 +285,49 @@ export const getPersonalizeTagInfo = (originalTag, mapAttributes, mapErrorAttrib
         return { label: originalTag, type: originalTag, isValid: false, isRemoved: false };
     }
 };
+export const getShortLinkTagInfo = (params) => {
+    const { type, label, url, shortener, mapAttributes, mapErrorAttributes } = params;
+    try {
+        let [isValid, message] = [true, ''];
+        switch (type) {
+            case SHORT_LINK_V2:
+                if (mapAttributes && mapAttributes[type]) {
+                    const isExistShortLink = has(mapAttributes[type], shortener);
+                    if (!isExistShortLink) {
+                        isValid = false;
+                        message = translate(translations?._PER_TAG_LINK_ERR || '', 'This shortener is inactivated or removed');
+                        if (mapErrorAttributes &&
+                            mapErrorAttributes?.[type] &&
+                            mapErrorAttributes?.[type]?.[shortener]) {
+                            const { isView = true, isExist = true } = mapErrorAttributes[type][shortener] || {};
+                            if (!isExist || !isView) {
+                                isValid = false;
+                                message = translate(translations?._PER_TAG_LINK_ERR || '', 'This shortener is inactivated or removed');
+                            }
+                        }
+                    }
+                }
+                break;
+            default:
+                break;
+        }
+        return {
+            type,
+            message,
+            isValid,
+            label,
+        };
+    }
+    catch (error) {
+        console.error('Error in getTagLabel', error);
+        return {
+            label,
+            type,
+            isValid: false,
+            message: translate('', 'This shortener is inactivated or removed'),
+        };
+    }
+};
 const createTagPattern = (tagInfo) => `[[${JSON.stringify(tagInfo)}]]`;
 const generateShortlinkLabel = (params) => {
     const { type } = params;
@@ -294,6 +338,12 @@ const generateShortlinkLabel = (params) => {
         case SHORT_LINK_TYPE.GENERAL: {
             return 'General Shortlink';
         }
+        // case SHORT_LINK_TYPE_V2.INDIVIDUAL: {
+        //   return 'Individual Shortlink V2';
+        // }
+        // case SHORT_LINK_TYPE_V2.GENERAL: {
+        //   return 'General Shortlink V2';
+        // }
         default: {
             const randomId = random(5);
             return `https://ants.ly/${randomId}`;
@@ -457,6 +507,81 @@ const handleViberPattern = match => {
     const tag = createTagPattern(tagData);
     return { isValid, tag, tagData };
 };
+/*
+ * Function to handle #{shortlink_v2(...)} pattern
+ *
+ */
+const handleShortlinkV2IndividualPattern = match => {
+    const [fullMatch, type, shortener, url = ''] = match;
+    const label = generateShortlinkLabel({ type: SHORT_LINK_TYPE.INDIVIDUAL });
+    const urlForValidate = url?.replace(new RegExp(PERSONALIZE_PTN_PATTERN, 'g'), 'personalize_pattern');
+    const isValid = isValidUrl(urlForValidate, {
+        protocols: ['https:'],
+        requireTld: false,
+        allowFragment: true,
+        requireFragment: false,
+        allowNumericTld: true,
+        allowUnderscores: true,
+        allowTrailingDot: true,
+        allowIp: true,
+    });
+    // Validate the URL inside the shortlink pattern
+    if (!isValid) {
+        console.error(`Invalid URL detected in shortlink individual: Full match: ${fullMatch} - URL: ${url} - Validate URL: ${urlForValidate}`);
+        return {
+            isValid,
+            tag: '[[Invalid URL]]',
+            tagData: undefined,
+        };
+    }
+    const tagData = {
+        label,
+        type: SHORT_LINK_V2,
+        shortlinkType: SHORT_LINK_TYPE.INDIVIDUAL,
+        value: fullMatch,
+        shortener,
+        url,
+    };
+    const tag = createTagPattern(tagData);
+    return { isValid, tag, tagData };
+};
+/*
+ * Function to handle #{shortlink_v2_static(...)} pattern
+ *
+ */
+const handleShortlinkV2GeneralPattern = match => {
+    const [fullMatch, type, shortener, url] = match;
+    const label = generateShortlinkLabel({ type: SHORT_LINK_TYPE.GENERAL });
+    const isValid = isValidUrl(url, {
+        protocols: ['https:'],
+        requireTld: false,
+        allowFragment: true,
+        requireFragment: false,
+        allowNumericTld: true,
+        allowUnderscores: true,
+        allowTrailingDot: true,
+        allowIp: true,
+    });
+    // Validate the URL inside the shortlink general pattern
+    if (!isValid) {
+        console.error(`Invalid URL detected in shortlink general: fullMatch:: ${fullMatch}`);
+        return {
+            isValid,
+            tag: '[[Invalid URL]]',
+            tagData: undefined,
+        };
+    }
+    const tagData = {
+        label,
+        type: SHORT_LINK_V2,
+        shortlinkType: SHORT_LINK_TYPE.GENERAL,
+        value: fullMatch,
+        shortener,
+        url,
+    };
+    const tag = createTagPattern(tagData);
+    return { isValid, tag, tagData };
+};
 // Map of regex patterns to their respective wrapped handlers
 export const patternHandlers = {
     /*
@@ -477,6 +602,19 @@ export const patternHandlers = {
         acceptablePattern: SHORT_LINK_PTN,
         handler: errorWrapper(handleShortlinkGeneralPattern),
     },
+    [SHORT_LINK_V2_INDIVIDUAL_PTN]: {
+        pattern: '#\\{(shortlink_v2)\\(([^|]+)\\|\\s*([^)]+)\\)\\}',
+        // pattern: '#\\{shortlink_v2\\([^()]+?\\)\\}(?!_static)',
+        name: SHORT_LINK_V2_INDIVIDUAL_PTN, // Used to cache the regex, please keep the name unique for each pattern
+        acceptablePattern: SHORT_LINK_PTN,
+        handler: errorWrapper(handleShortlinkV2IndividualPattern),
+    },
+    [SHORT_LINK_V2_GENERAL_PTN]: {
+        pattern: '#\\{(shortlink_static_v2)\\(([^|]+)\\|\\s*([^)]+)\\)\\}',
+        name: SHORT_LINK_V2_GENERAL_PTN, // Used to cache the regex, please keep the name unique for each pattern
+        acceptablePattern: SHORT_LINK_PTN,
+        handler: errorWrapper(handleShortlinkV2GeneralPattern),
+    },
     /*
      * NOTE: Line pattern with strict boundaries to ensure it matches only the intended format.
      */

package/es/components/molecules/TagifyInput/types.d.ts

@@ -149,7 +149,7 @@ export interface TagDataEmoji extends Omit<TagDataText, 'type'> {
 }
 export interface TagDataShortLink extends Omit<TagDataText, 'type'> {
     value: string;
-    type: Extract<TagType, 'shortlink'>;
+    type: Extract<TagType, 'shortlink' | 'shortlink_v2'>;
     shortlinkType: ShortLinkType;
 }
 export type TagDataCustomize = TagDataEmoji | TagDataText | TagDataShortLink;

package/es/components/molecules/TagifyInput/utils.d.ts

@@ -46,6 +46,7 @@ export declare const getImageSourceViberEmoji: (fileName?: string) => any;
 export declare const emojiManufacturer: (text: string, collectionType: EmojiCollection) => string[];
 export declare const getEmojiTag: ({ src, emoji, code }: EmojiTag) => string;
 export declare const isPersonalizeTagType: (type: TagType) => boolean;
+export declare const isShortLinkTagType: (type: TagType) => boolean;
 export declare const generateTagContent: (params: {
     tagData: TagDataCustomize;
     content: string;

package/es/components/molecules/TagifyInput/utils.js

@@ -1,7 +1,7 @@
 // Libraries
 import stringReplaceToArray from 'string-replace-to-array';
 // Constants
-import { EMOJI_COLLECTIONS, PREFIX_PATTERN_LINE_MESSAGE, READONLY_TAG, TAG_TYPE, } from './constants';
+import { EMOJI_COLLECTIONS, PREFIX_PATTERN_LINE_MESSAGE, READONLY_TAG, SHORT_LINK_V2, TAG_TYPE, } from './constants';
 import { iconsViber } from './iconsViber';
 // Utils
 import { acceptablePatternChecking, detectURLRegex, getCachedRegex, patternHandlers, tagRegexStringPattern, } from './patternHandlers';
@@ -401,6 +401,7 @@ export const isPersonalizeTagType = (type) => [
     CUSTOM_FN,
     CONTENT_SOURCE_GROUP,
 ].includes(type);
+export const isShortLinkTagType = (type) => [SHORT_LINK_V2].includes(type);
 export const generateTagContent = (params) => {
     const { tagData, content } = params;
     let dataAttrsString = '';
@@ -409,6 +410,11 @@ export const generateTagContent = (params) => {
         const { shortlinkType } = tagData;
         dataAttrs.set(`tag-${TAG_TYPE.SHORT_LINK}-type`, shortlinkType);
     }
+    /** SHORT_LINK_V2 */
+    if (tagData.type === TAG_TYPE.SHORT_LINK_V2) {
+        const { shortlinkType } = tagData;
+        dataAttrs.set(`tag-${TAG_TYPE.SHORT_LINK_V2}-type`, shortlinkType);
+    }
     dataAttrs.forEach((value, key) => {
         dataAttrsString = dataAttrsString.concat(` data-${key}="${value}"`);
     });

package/es/components/molecules/TagifyInput/utils.style.js

@@ -3,7 +3,7 @@ import { css } from 'styled-components';
 import { isString } from 'lodash';
 // Constants
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
-import { DETECT_LINK, EMOJI, INVALID_TAG, MIN_H_WRAPPER, NO_VIEW_TAG, READONLY_TAG, REMOVED_TAG, SHORT_LINK, SHORT_LINK_TYPE, TAG_COLOR, TAG_H, TAG_TYPE, } from './constants';
+import { DETECT_LINK, EMOJI, INVALID_TAG, MIN_H_WRAPPER, NO_VIEW_TAG, READONLY_TAG, REMOVED_TAG, SHORT_LINK, SHORT_LINK_TYPE, SHORT_LINK_V2, TAG_COLOR, TAG_H, TAG_TYPE, } from './constants';
 export const getTagifyStyled = ({ $maxHeight, $tagifyFullWidth }) => css `
   ${$maxHeight &&
     css `
@@ -80,6 +80,12 @@ export const getStyledTags = () => {
                     break;
                 return TAG_COLOR[SHORT_LINK][shortlinkType];
             }
+            case TAG_TYPE.SHORT_LINK_V2: {
+                const { shortlinkType } = tag;
+                if (!shortlinkType)
+                    break;
+                return TAG_COLOR[SHORT_LINK_V2][shortlinkType];
+            }
             default: {
                 if (!type)
                     return 'white';
@@ -131,6 +137,22 @@ export const getStyledTags = () => {
     })};
       };
     }
+    
+    &[data-tag-type~='${TAG_TYPE.SHORT_LINK_V2}'] {
+      &[data-tag-${TAG_TYPE.SHORT_LINK_V2}-type~='${SHORT_LINK_TYPE.INDIVIDUAL}'] {
+        background: ${getBackgroundColor({
+        type: TAG_TYPE.SHORT_LINK_V2,
+        shortlinkType: SHORT_LINK_TYPE.INDIVIDUAL,
+    })};
+      };
+
+      &[data-tag-${TAG_TYPE.SHORT_LINK_V2}-type~='${SHORT_LINK_TYPE.GENERAL}'] {
+        background: ${getBackgroundColor({
+        type: TAG_TYPE.SHORT_LINK_V2,
+        shortlinkType: SHORT_LINK_TYPE.GENERAL,
+    })};
+      };
+    }
   `;
 };
 export const getTagifyTagStyled = (_wrapperProps) => css `
@@ -161,8 +183,8 @@ export const getTagifyTagStyled = (_wrapperProps) => css `
             }
           }
         }
-        > div[data-tag-type='promotion_code'] {
-          background-color: white;
+        > div[data-tag-type] {
+          background-color: white !important;
           border: 1px solid red;
         }
       `}
@@ -190,8 +212,8 @@ export const getTagifyTagStyled = (_wrapperProps) => css `
             }
           }
         }
-        > div[data-tag-type='promotion_code'] {
-          background-color: white;
+        > div[data-tag-type] {
+          background-color: white !important;
           border: 1px solid red;
         }
       `}
@@ -220,8 +242,8 @@ export const getTagifyTagStyled = (_wrapperProps) => css `
             }
           }
         }
-        > div[data-tag-type='promotion_code'] {
-          background-color: white;
+        > div[data-tag-type] {
+          background-color: white !important;
           border: 1px solid red;
         }
       `}

package/es/components/organism/LeftMenu/types/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFeatureMenu } from '@antscorp/antsomi-ui/es/models/LeftMenu';
 export type TMenuItem = Omit<Partial<TFeatureMenu>, 'children' | keyof TRequireMenuItemKey> & {
     key: string;

package/es/constants/theme.js

@@ -77,6 +77,7 @@ export const THEME = {
         accent5: '#999999',
         accent6: '#f2f2f2',
         accent7: '#cccccc',
+        accent8: '#f7f8fc',
         gray5: '#d9d9d9',
         gold1,
         gold6,

package/es/locales/ja/google-sheet.json

@@ -47,7 +47,7 @@
     "_ACT_COPY_TO_CLIPBOARD": "クリップボードにコピー",
     "_ACT_CREATE": "作成する",
     "_ACT_CREATE_ASSIGN_ROLE": "役割の作成と割り当て",
-    "_ACT_CREATE_NEW_EVENT_ACTION": "新しいイベントアクションの作成",
+    "_ACT_CREATE_NEW_EVENT_ACTION": "新しいイベントアクションを作成する",
     "_ACT_CREATE_NEW_EVENT_CATEGORY": "新しいイベント カテゴリを作成する",
     "_ACT_CREATE_NEW_MODEL": "新しいモデルを作成する",
     "_ACT_CUSTOMER_SEGMENT": "顧客セグメント",
@@ -128,7 +128,7 @@
     "_ACT_TABLE_DETAIL": "テーブルの詳細",
     "_ACT_UNCHECK_ALL": "すべてのチェックを外します",
     "_ACT_UPDATE": "アップデート",
-    "_ACT_UPDATE_END_DATE": "終了日を更新する",
+    "_ACT_UPDATE_END_DATE": "終了日の更新",
     "_ACT_UPLOAD": "アップロード",
     "_ACT_VARIANT_PRIORITY": "バリアントの優先順位",
     "_ACT_VIEW_ALL": "すべて見る",
@@ -418,17 +418,17 @@
     "_EVENT_CLICK_WEB_PUSH": "{{customer_name}} さんが Journey {{journey_name}} からのウェブ プッシュ通知をクリックしました",
     "_EVENT_CLICK_ZALO_CHAT": "{{customer_name}} さんが Journey {{journey_name}} からの Zalo メッセージをクリックしました",
     "_EVENT_DES_ADD_TO_CART_PRODUCT": "{{customer_name}} さんが商品 {{product_name}} をショッピング カートに追加しました",
-    "_EVENT_DES_BROWSING_PRODUCT_LIST_FILTER": "商品をフィルタリングした後に返された結果を表示した {{customer_name}} さん",
+    "_EVENT_DES_BROWSING_PRODUCT_LIST_FILTER": "商品をフィルタリングした後に返された結果を {{customer_name}} が閲覧しました",
     "_EVENT_DES_BROWSING_PRODUCT_SEARCH": "{{customer_name}} さんがキーワード {{keyword}} の検索から返された商品リストを閲覧しました",
     "_EVENT_DES_CAILL_IN_CALL": "{{customer_name}} がカスタマー サービスに電話しました",
     "_EVENT_DES_CALL_OUT_CALL": "{{customer_name}} がカスタマー サービスから電話を受けました",
     "_EVENT_DES_CANCEL_ORDER": "{{customer_name}} が注文 {{order_id}} をキャンセルしました",
-    "_EVENT_DES_CHAT_CONVERSATION": "{{customer_name}} さんが {{channel_name}} 経由でカスタマー サービスとチャットしました",
+    "_EVENT_DES_CHAT_CONVERSATION": "{{customer_name}} が {{channel_name}} 経由でカスタマー サービスとチャットしました",
     "_EVENT_DES_CHECKOUT_CART_PRODUCT": "{{customer_name}} が注文プロセスを開始しました (トランザクションが作成されました)",
     "_EVENT_DES_CLICK_ADVERTISING": "{{customer_name}} さんがキャンペーン {{campaign_name}} をクリックしました",
     "_EVENT_DES_CLICK_EMAIL_ADVERTISING": "{{customer_name}} が広告 {{advertising_name}} のメールをクリックしました",
     "_EVENT_DES_CLICK_PRODUCT": "{{customer_name}} さんが商品 {{product_name}} をクリックしました",
-    "_EVENT_DES_CLICK_TRACKING_ADVERTISING": "{{customer_name}} さんがトラッキング広告 {{advertising_name}} をクリックしました",
+    "_EVENT_DES_CLICK_TRACKING_ADVERTISING": "{{customer_name}} がトラッキング広告 {{advertising_name}} をクリックしました",
     "_EVENT_DES_IDENTIFY_USER": "匿名訪問者プロファイル {{user_id}} は、この顧客プロファイルに関連付けられていました。",
     "_EVENT_DES_IMPRESSION_ADVERTISING": "キャンペーン {{campaign_name}} は {{customer_name}} に送信されました",
     "_EVENT_DES_PURCHASE_TRANSACTION": "{{customer_name}} が、{{num_of_products}} 個の製品 {{store_link}} のトランザクション購入 ID {{order_id}} を実行しました",
@@ -810,7 +810,7 @@
     "_NOTI_UPLOAD_ICON_SUCCESS": "成功！ファイルがアップロードされました。",
     "_NOTI_VALIDATE_END_DATE_GREATER_CURRENT": "終了日は現在の日付より後の日付にする必要があります",
     "_NOTI_VALIDATE_END_TIME_GREATER": "終了時間は開始時間よりも長くする必要があります",
-    "_NOTI_VALIDATE_FILE_FORMAT": "ファイルの形式が正しくありません。もう一度試してください。",
+    "_NOTI_VALIDATE_FILE_FORMAT": "ファイルの形式が正しくありません。もう一度お試しください。",
     "_NOTI_VALIDATE_FORMAT_CSS_SELECTOR": "CSS セレクターは接頭辞 で始まる必要があります。または ＃",
     "_NOTI_VALIDATE_ICON_FORMAT": "画像の形式が正しくありません。もう一度お試しください。",
     "_NOTI_VALIDATE_ONE_DAY": "少なくとも 1 日を選択してください",
@@ -1060,7 +1060,7 @@
     "_TITL_DELIVERED": "納品済み",
     "_TITL_DELIVERED_PROBABILITY": "配信確率",
     "_TITL_DELIVERY_ALGORITHM": "配信アルゴリズム",
-    "_TITL_DELIVERY_DETAIL": "配送詳細",
+    "_TITL_DELIVERY_DETAIL": "納品詳細",
     "_TITL_DELIVERY_PERFORMANCE": "配信パフォーマンス",
     "_TITL_DELIVERY_RATE": "配送料",
     "_TITL_DELIVERY_RESULT": "納品実績",
@@ -1096,7 +1096,7 @@
     "_TITL_EVENT_ACTION_NAME": "イベントアクション名",
     "_TITL_EVENT_ATTRIBUTE": "イベント属性",
     "_TITL_EVENT_CATEGORY": "イベントカテゴリー",
-    "_TITL_EVENT_CATEGORY_CODE": "イベントカテゴリコード",
+    "_TITL_EVENT_CATEGORY_CODE": "イベントカテゴリーコード",
     "_TITL_EVENT_CATEGORY_NAME": "イベントカテゴリ名",
     "_TITL_EVENT_INFO": "イベント情報",
     "_TITL_EVENT_INTERNAL_NAME": "イベントの内部名",
@@ -1127,7 +1127,7 @@
     "_TITL_GENERAL_SETTING": "一般設定",
     "_TITL_GET_ALL_VALUE": "全要素取得（最大100要素）",
     "_TITL_GET_THE_TOP_VALUE": "トップを獲得する",
-    "_TITL_GET_TRACKING_CODE": "{{zone_name}} の広告ゾーン スクリプトを取得する",
+    "_TITL_GET_TRACKING_CODE": "{{zone_name}} の広告ゾーン スクリプトを取得",
     "_TITL_GROUP_ATTRIBUTE": "グループ属性",
     "_TITL_GROUP_NAME": "グループ名",
     "_TITL_HARD_BOUNCE": "ハードバウンス",
@@ -1364,7 +1364,7 @@
     "_USER_GUIDE_EDIT_NODE": "ここで選択したノードのコンテンツを編集します",
     "_USER_GUIDE_ENCRYPTED_INFO": "暗号化された情報",
     "_USER_GUIDE_ENTER_VALUE": "値を入力してください",
-    "_USER_GUIDE_EVENT_ATTR_OBJECT": "イベントの属性とオブジェクトを選択する ",
+    "_USER_GUIDE_EVENT_ATTR_OBJECT": "イベント属性とオブジェクトを選択する ",
     "_USER_GUIDE_EVENT_TEMPLATE": "イベントテンプレートの選択",
     "_USER_GUIDE_FOR_ASSIGN": "割り当て用",
     "_USER_GUIDE_FOR_CREATE": "作成用",
@@ -1432,7 +1432,7 @@
     "_USER_GUIDE_TOTAL_ATTR_MEASURE": "合計 {{num_attr}} 個の属性と {{num_measure}} 個のメジャーが選択されました",
     "_USER_GUIDE_TOTAL_BRANCH": "注: 合計 100%",
     "_USER_GUIDE_TOTAL_FIELD": "{{x}} 個の選択されたフィールド",
-    "_USER_GUIDE_UPLOAD_FILE": "- サポートされているファイル形式は次のとおりです: .csv、.xls、.xlsx <br />\n- .xlsx ファイルの最初の行はヘッダー行とみなされます<br />\n- デフォルトのデータエンコーディングはUTF-8です。",
+    "_USER_GUIDE_UPLOAD_FILE": "- サポートされているファイル形式は次のとおりです: .csv、.xls、.xlsx <br />\n- .xlsx ファイルの最初の行はヘッダー行とみなされます<br />\n- デフォルトのデータエンコーディングはUTF-8です",
     "_USER_GUIDE_UPLOAD_FILE_BEFORE_MAPPING": "属性をマッピングする前にファイルをアップロードする必要があります",
     "_USER_GUIDE_UPLOAD_WAITING": "システムの処理が完了するまで 10 分間お待ちください。<br />\nページを更新してデータを確認します",
     "_USER_GUIDE_USER_NOT_FOUND": "ユーザーが見つかりません",
@@ -1530,7 +1530,7 @@
     "_TITL_USED_INFO": "使用されているコード情報 ",
     "_TITL_PROMOTION_CODE": "プロモーションコード:",
     "_TITL_ALLOCATED_TO_JOURNEY": "ジャーニーに割り当てられている:",
-    "_TITL_ALLOCATED_TO_AUDIENCE": "聴衆に割り当てられる:",
+    "_TITL_ALLOCATED_TO_AUDIENCE": "視聴者に割り当てられる:",
     "_ACT_MOVE_TO": "に移動します",
     "_BOX_TITL_MOVE_CODE": "{{x}} 個のコードを別のプールに移動します ",
     "_TITL_MOVE_TO_POOL": "プールに移動",
@@ -1592,7 +1592,7 @@
     "_TITL_ADD_FIELD": "フィールドの追加",
     "_ITEM_NAME_LINE_ITEM_ATTRIBUTE": "ラインアイテム属性",
     "_CHK_IGNORE_DUPLICATE": "予定された旅行の重複メッセージを無視する",
-    "_CHK_LIMITED_FREQ_JOURNEY": "旅行の頻度を制限する（期間は 3 か月）",
+    "_CHK_LIMITED_FREQ_JOURNEY": "旅行の頻度を制限します（期間は 3 か月）",
     "_CHK_LIMITED_FREQ_DESTINATION": "宛先の周波数を制限する",
     "_TITL_TIME_PER_PERSON": "1人あたりの時間",
     "_TITL_MEMBER_INPUT_METHOD": "メンバー入力方法",
@@ -1763,7 +1763,7 @@
     "_USER_GUIDE_SEG_STATUS_ARCHIVE": "セグメントは間隔の構築を停止したため、他のオブジェクトでは使用できません",
     "_USER_GUIDE_COL_STATUS_ENABLE": "コレクションはインターバルビルド可能で、他のオブジェクトでも使用可能",
     "_USER_GUIDE_COL_STATUS_DISABLE": "コレクションは間隔の構築を停止しました。  コレクションは他のオブジェクトで使用できますが、新しいデータは使用できません",
-    "_USER_GUIDE_COL_STATUS_ARCHIVE": "コレクションは間隔構築を停止したため、他のオブジェクトは使用できません",
+    "_USER_GUIDE_COL_STATUS_ARCHIVE": "コレクションは間隔構築を停止したため、他のオブジェクトでは使用できません",
     "_USER_GUIDE_COMPUTE_STATUS_WAITING_INITIAL": "オブジェクトは計算スケジュールを待っています",
     "_USER_GUIDE_COMPUTE_STATUS_WAITING": "オブジェクトは計算を待っています",
     "_USER_GUIDE_COMPUTE_STATUS_COMPUTING": "オブジェクトは計算中です",
@@ -1788,8 +1788,8 @@
     "_PORTAL_LIMITATION_DES_COL_ARCHIVED": "コレクションは、使用されない場合はアーカイブされます。",
     "_PORTAL_LIMITATION_DES_COL_DELETE": "までに回復しない場合、コレクションは完全に削除されます",
     "_PORTAL_LIMITATION_DES_BO_DISABLED": "データ オブジェクトは、次の場所で使用されない場合は無効になります。",
-    "_PORTAL_LIMITATION_DES_BO_ARCHIVED": "データオブジェクトは、使用されない場合はアーカイブされます。",
-    "_PORTAL_LIMITATION_DES_BO_DELETE": "次の期間に回復しない場合、データ オブジェクトは完全に削除されます",
+    "_PORTAL_LIMITATION_DES_BO_ARCHIVED": "データ オブジェクトは、使用されない場合はアーカイブされます。",
+    "_PORTAL_LIMITATION_DES_BO_DELETE": "データオブジェクトは、次の期間に回復しない場合は完全に削除されます。",
     "_PORTAL_LIMITATION_DES_ATTR_DISABLED": "で使用されない場合、属性は無効になります。 ",
     "_PORTAL_LIMITATION_DES_ATTR_ARCHIVED": "属性が使用されない場合はアーカイブされます。",
     "_PORTAL_LIMITATION_DES_ATTR_DELETE": "属性は、次の期間に回復しない場合は完全に削除されます。",
@@ -1819,7 +1819,7 @@
     "_USER_GUIDE_PLAN_REMOVE_GROUP_CONTENT": "このグループを削除してもよろしいですか?",
     "_ACT_PLAN_SAVE_AS_NEW_SEG": "新しいセグメントとして保存",
     "_ACT_PLAN_SAVE_AS_EXIST_SEG": "または、既存のセグメントにロードします",
-    "_TITLE_SELECT_SEGMENT": "セグメントを選択",
+    "_TITLE_SELECT_SEGMENT": "セグメントの選択",
     "_DES_LAST_BUILD_TIME": "前回のビルド時間",
     "_ACT_PLAN_SAVE_AS": "名前を付けて保存",
     "_ACT_PLAN_PRIVATE_TEMPLATE": "プライベートテンプレート",
@@ -1830,7 +1830,7 @@
     "_USER_GUIDE_PLAN_PROCESSING": "処理...",
     "_USER_GUIDE_MOVE_GROUP_INCLUDE": "人を含めるためにグループをここに移動します",
     "_USER_GUIDE_MOVE_GROUP_EXCLUDE": "ユーザーを除外するにはグループをここに移動します",
-    "_USER_GUIDE_NOTIFY_PROCESSING_SUCCESS": "{{セグメント名}}セグメントのデータ処理が完了しました",
+    "_USER_GUIDE_NOTIFY_PROCESSING_SUCCESS": "{{セグメント名}} セグメントのデータ処理が完了しました",
     "_USER_GUIDE_NOTIFY_PROCESSING_FAILT": "{{セグメント名}} セグメントのデータ処理に失敗しました",
     "_TITLE_NOTIFY_HIDE": "隠れる",
     "_TITLE_BTN_RECOMPUTED": "再計算された",
@@ -1888,7 +1888,7 @@
     "_EVENT_SETTING_RECORD_IN_PROFILE": "訪問者/顧客プロファイルにイベント データを記録する",
     "_WARN_SMS_DYNAMIC_CONTENT": "(文字数は、コンテンツに動的コンテンツまたはショートリンクが含まれる場合のみ参考用です)",
     "_TITLE_CATALOG_DESTINATION_CHANNEL": "宛先チャンネル",
-    "_TITLE_CATALOG_DESTINATION_CATALOGS": "宛先カタログ",
+    "_TITLE_CATALOG_DESTINATION_CATALOGS": "目的地カタログ",
     "_TITLE_CATALOG_ALL_CATALOGS": "すべてのカタログ",
     "_TITLE_CATALOG_CATALOG_NAME": "カタログ名",
     "_TITLE_CATALOG_DEFAULT_CATALOG": "デフォルトのカタログ",
@@ -1901,7 +1901,7 @@
     "_USER_GUIDE_CATALOG_CONFIRM_DISABLE": "選択したカタログを無効にしてもよろしいですか?",
     "_USER_GUIDE_CATALOG_CONFIRM_REMOVE": "選択したカタログを削除してもよろしいですか?",
     "_USER_GUIDE_CATALOG_SELECT_CATALOG_INIT": "初期化するカタログを選択してください",
-    "_USER_GUIDE_CATALOG_SELECT_CHANNEL": "選択した宛先チャンネル",
+    "_USER_GUIDE_CATALOG_SELECT_CHANNEL": "選択された宛先チャンネル",
     "_USER_GUIDE_CATALOG_SEARCH_CHANNEL": "宛先チャンネルの検索",
     "_USER_GUIDE_CATALOG_SELECT_CATALOG": "厳選されたカタログ",
     "_USER_GUIDE_CATALOG_SEARCH_CATALOG": "カタログを検索する",
@@ -1998,7 +1998,7 @@
     "_WARN_COLL_WARN_TOTAL_CONTENT_RECOVER": "{{dynamic_collections}} {{static_collections}} の数が制限に達しました。\nコレクションを回復したい場合は、未使用のコレクションをアーカイブしてください。",
     "_ERROR_MESS_COLL_COMPUTED_LIMIT": "この時間内に構築されるコレクションの数の制限に達しました。",
     "_WARN_TITLE_COLL_COMPUTATIONAL_LIMIT": "警告収集の計算制限",
-    "_WARN_COLL_COMPUTATIONAL_LIMIT": "現在、計算制限に達しているため、システムは次の有効な時間内にこのコレクションを計算します。",
+    "_WARN_COLL_COMPUTATIONAL_LIMIT": "現在、計算制限に達しているため、システムは次の有効な時間にこのコレクションを計算します。",
     "_OPTION_SEGMENT_SCHEDULE_DETAILS_HOUR_AM": "{{x}} 時間ごとに {{HH:MM}} 時",
     "_OPTION_SEGMENT_SCHEDULE_DETAILS_HOUR_PM": "{{x}} 時間ごとに 午後{{HH:MM}} 時",
     "_OPTION_SEGMENT_SCHEDULE_DETAILS_DAY_AM": "{{x}}日ごとの {{HH:MM}} 時",
@@ -2116,7 +2116,7 @@
     "_PREDICT_MODEL_UPDATE_INTO_EXISTING_SEGMENT": "既存のセグメントへの更新",
     "_PREDICT_MODEL_CREATE_NEW_ATTRIBUTE": "新しい属性を作成する",
     "_PREDICT_MODEL_UPDATE_INTO_EXISTING_ATTRIBUTE": "既存の属性に更新する",
-    "_PREDICT_MODEL_SELECT_SEGMENT": "セグメントを選択",
+    "_PREDICT_MODEL_SELECT_SEGMENT": "セグメントの選択",
     "_PREDICT_MODEL_SELECT_ATTRIBUTE": "属性の選択",
     "_PREDICT_MODEL_CANNOT_LOSE_THEM": "それらを失うことはできません",
     "_PREDICT_MODEL_AT_RISK": "危険にさらされています",
@@ -2294,7 +2294,7 @@
     "_BLCK_OTP_BUTTN_ACTION": "ボタンアクション",
     "_MED_TEMP_SETTING_MESS": "メッセージ",
     "_BLCK_OTP_MESS_FAILED_VERI": "検証に失敗しました",
-    "_BLCK_OTP_MESS_RESENT": "再送信された OTP",
+    "_BLCK_OTP_MESS_RESENT": "再送信されたOTP",
     "_MED_TEMP_SETTING_POSITION": "位置",
     "_BLCK_OTP_EVENT_TRIGGER": "イベントトリガー",
     "_BLCK_OTP_EVENT": "イベント",
@@ -2508,7 +2508,7 @@
     "_OBJ_DES_FILE_TRANSFER_1": "さまざまなシステム間での大規模なデータセットの共有を自動化し、より迅速かつ正確なデータ処理を実現します。",
     "_OBJ_DES_FILE_TRANSFER_2": "マーケティング資料やキャンペーン資産をチームメンバーや外部関係者に簡単に配布し、より良いコラボレーションとコミュニケーションを促進します。",
     "_OBJ_DES_FILE_TRANSFER_3": "ファイル転送をマーケティングオートメーションに統合して時間と人的リソースを節約する",
-    "_OBJ_DES_ORCHES_1": "さまざまなチャネルを通じて顧客にリーチし、ブランドの認知度と市場浸透を強化することで、ブランドの認知度を高めます。",
+    "_OBJ_DES_ORCHES_1": "さまざまなチャネルを通じて顧客にリーチし、ブランドの認知度を高め、市場への浸透を高めることで、ブランドの認知度を高めます。",
     "_OBJ_DES_ORCHES_2": "好みのプラットフォームで顧客を引き込み、ロイヤルティと支持を促進するシームレスで記憶に残るインタラクションを生み出します。",
     "_OBJ_DES_ORCHES_3": "チャネル全体でターゲットを絞ったメッセージを送信して購入者の購買行動をガイドし、コンバージョンを促進し、販売機会を最大化します。",
     "_OBJ_DES_ORCHES_4": "チャネルの好みや行動に基づいて特定の視聴者セグメントに合わせてキャンペーンを調整し、共感を呼び、コンバージョンにつながるパーソナライズされたエクスペリエンスを提供します。",
@@ -2609,7 +2609,7 @@
     "_REALTIME_FACEBOOK_MESSENGER_OBJ_1": "カスタマーサポートの強化",
     "_REALTIME_FACEBOOK_MESSENGER_DES_1": "インタラクション データを活用してタイムリーかつパーソナライズされたサポートを提供し、顧客満足度とロイヤルティを向上させます。",
     "_REALTIME_FACEBOOK_MESSENGER_OBJ_2": "マーケティング戦略を洗練する",
-    "_REALTIME_FACEBOOK_MESSENGER_DES_2": "インタラクション パターンを分析して顧客の関心や行動をより深く理解し、マーケティング活動を調整できるようにします。",
+    "_REALTIME_FACEBOOK_MESSENGER_DES_2": "インタラクション パターンを分析して顧客の興味や行動をより深く理解し、マーケティング活動を調整できるようにします。",
     "_REALTIME_FACEBOOK_MESSENGER_OBJ_3": "対応管理を自動化する",
     "_REALTIME_FACEBOOK_MESSENGER_DES_3": "マーケティング ハブ機能と統合すると、応答とフォローアップが自動化され、顧客の質問に答えられないことがなくなります。",
     "_REALTIME_FACEBOOK_MESSENGER_OBJ_4": "エンゲージメントを高める",
@@ -2680,7 +2680,7 @@
     "_PROFILES_ADD_EVENT": "イベントを追加",
     "_COOKIE_DM_DEFINITION": "それは何ですか？",
     "_COOKIE_DM_INSTRUCTION": "命令",
-    "_COOKIE_DM_DEFINITION_1": "Cookie ドメインを使用すると、トラッキング Cookie が設定されるドメインを指定できるため、一貫したサブドメイン間のトラッキングが保証され、視聴者プロファイルの断片化が防止されます。",
+    "_COOKIE_DM_DEFINITION_1": "Cookie ドメインを使用すると、追跡 Cookie が設定されるドメインを指定できるため、一貫したサブドメイン間の追跡が確保され、視聴者プロファイルの断片化が防止されます。",
     "_COOKIE_DM_INSTRUCTION_1_SUM": "プライマリ ドメインを特定します。 ",
     "_COOKIE_DM_INSTRUCTION_1_DES_1": "これは、追跡するすべてのサブドメインのベース ドメインです。 \n",
     "_COOKIE_DM_INSTRUCTION_1_DES_2": "これは、追跡するすべてのサブドメインのベース ドメインです。例: {{x}}",

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -245,6 +245,11 @@ export const GlobalStyle = () => (_jsx(Global, { styles: css `
         }
       }
 
+      .antsomi-input-disabled {
+        border-color: ${THEME.token?.bw3} !important;
+        background-color: ${THEME.token?.bw0} !important;
+      }
+
       .antsomi-input {
         &:focus {
           background-color: ${THEME.token?.bw0};
@@ -267,6 +272,12 @@ export const GlobalStyle = () => (_jsx(Global, { styles: css `
         }
       }
 
+      .antsomi-input-affix-wrapper-disabled {
+        background-color: ${THEME.token?.bw0} !important;
+        color: ${THEME.token?.bw8} !important;
+        border-color: ${THEME.token?.bw3} !important;
+      }
+
       .antsomi-input-status-error:not(.antsomi-input-disabled):not(
           .antsomi-input-borderless
         ).antsomi-input {
@@ -804,13 +815,22 @@ export const GlobalStyle = () => (_jsx(Global, { styles: css `
 
         .antsomi-radio-wrapper {
           font-family: 'Roboto';
-          color: ${THEME.token?.colorTextBase};
           font-size: ${THEME.token?.fontSize}px;
           margin-right: 0;
 
           .antsomi-radio-disabled {
+            &:hover {
+              ::after {
+                border-color: ${THEME.token?.gray5} !important;
+              }
+            }
+
             .antsomi-radio-inner {
-              border-color: #d9d9d9 !important;
+              border-color: ${THEME.token?.gray5} !important;
+
+              &::after {
+                background-color: ${THEME.token?.colorTextDisabled} !important;
+              }
             }
           }
 
@@ -974,24 +994,6 @@ export const GlobalStyle = () => (_jsx(Global, { styles: css `
         }
       }
 
-      /* Switch */
-      .antsomi-switch {
-        border: 2px solid ${THEME.token?.colorPrimary} !important;
-
-        &.antsomi-switch-checked {
-          > .antsomi-switch-handle {
-            &::before {
-              background-color: ${THEME.token?.bw0} !important;
-            }
-          }
-        }
-
-        .antsomi-switch-inner {
-          padding-inline-start: 4px !important;
-          padding-inline-end: 18px !important;
-        }
-      }
-
       /* Tabs */
       .antsomi-tabs {
         .antsomi-tabs-tab {

package/es/types/richMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AREA_LAYOUT_KEYS, BLOCK_KEYS } from '../constants';
 import { TAlign } from './variables';
 export type TImageStyles = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "2.0.49",
+  "version": "2.0.50",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -157,16 +157,16 @@
     "@babel/preset-typescript": "^7.23.3",
     "@commitlint/cli": "17.5.0",
     "@commitlint/config-conventional": "17.4.4",
-    "@storybook/addon-docs": "^8.4.2",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-links": "^8.4.2",
+    "@storybook/addon-docs": "^8.4.6",
+    "@storybook/addon-essentials": "^8.4.6",
+    "@storybook/addon-links": "^8.4.6",
     "@storybook/addon-styling-webpack": "^1.0.0",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.4.2",
-    "@storybook/manager-api": "^8.4.2",
-    "@storybook/react": "^8.4.2",
-    "@storybook/react-webpack5": "^8.4.2",
-    "@storybook/theming": "^8.4.2",
+    "@storybook/blocks": "^8.4.6",
+    "@storybook/manager-api": "^8.4.6",
+    "@storybook/react": "^8.4.6",
+    "@storybook/react-webpack5": "^8.4.6",
+    "@storybook/theming": "^8.4.6",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.0",