@antscorp/antsomi-ui 1.3.5-beta.948 → 1.3.5-beta.949

package/es/components/molecules/AddDynamicContent/components/DisplayFormat/DisplayFormat.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 type DisplayFormatProps = {

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

@@ -16,7 +16,7 @@ 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, isShortLinkTagType, } from './utils';
+import { parseTagStringToTagify, convertInputStringToOriginal, emojiManufacturer, getEmojiTag, isPersonalizeTagType, generateTagContent, unescapeString, hasLineBreak, selectRange, isTagClickable, findURLInTextNodes, getAttributesString, isAnchorNodeChildOfElement, isShortLinkTagType, isCustomTagType, } from './utils';
 import { acceptablePatternChecking, detectURLRegex, getCachedRegex, getCustomTagId, getPersonalizeTagInfo, getShortLinkTagInfo, patternHandlers, } from './patternHandlers';
 // Constants
 import { DETECT_LINK, EMOJI, ERROR_TAG, FORCE_SHOW_TOOLTIP, INVALID_TAG, MESSAGE_TAG, PERSONALIZE_PTN, PROMOTION_CODE, READONLY_TAG, SHORT_LINK, SHORT_LINK_PTN, SHORT_LINK_V2, WARNING_TAG, TAG_TYPE, defaultCssVariables, tagifyDefaultProps, } from './constants';
@@ -561,7 +561,12 @@ const TagifyInput = forwardRef((props, ref) => {
                              * NOTE: Do not actually affect raw data
                              */
                             if (tagTextNode) {
-                                tagTextNode.textContent = tagLabel;
+                                const isCustomTag = isCustomTagType(type);
+                                // NOTE: Custom tag type [CUSTOM_TAG] does not need to get label from map attribute
+                                // It's just get from [tagProperties] instead
+                                if (!isCustomTag) {
+                                    tagTextNode.textContent = tagLabel;
+                                }
                                 // Clear all previous attributes
                                 tagElement.removeAttribute(INVALID_TAG);
                                 tagElement.removeAttribute(ERROR_TAG);

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

@@ -47,6 +47,7 @@ export declare const emojiManufacturer: (text: string, collectionType: EmojiColl
 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 isCustomTagType: (type: TagType) => boolean;
 export declare const generateTagContent: (params: {
     tagData: TagDataCustomize;
     content: string;

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

@@ -1,11 +1,11 @@
 // Libraries
 import stringReplaceToArray from 'string-replace-to-array';
 // Constants
-import { CUSTOM_TAG, EMOJI_COLLECTIONS, PREFIX_PATTERN_LINE_MESSAGE, READONLY_TAG, SHORT_LINK_V2, 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';
-const { CUSTOMER, VISITOR, EVENT, JOURNEY, CAMPAIGN, VARIANT, PROMOTION_CODE, CUSTOM_FN, OBJECT_WIDGET, CONTENT_SOURCE_GROUP, ALLOCATED_CODE, } = TAG_TYPE;
+const { CUSTOMER, VISITOR, EVENT, JOURNEY, CAMPAIGN, VARIANT, PROMOTION_CODE, CUSTOM_FN, OBJECT_WIDGET, CONTENT_SOURCE_GROUP, ALLOCATED_CODE, CUSTOM_TAG, } = TAG_TYPE;
 /*
  * Custom error type for JSON parse errors
  */
@@ -404,6 +404,7 @@ export const isPersonalizeTagType = (type) => [
     CUSTOM_TAG,
 ].includes(type);
 export const isShortLinkTagType = (type) => [SHORT_LINK_V2].includes(type);
+export const isCustomTagType = (type) => type === CUSTOM_TAG;
 export const generateTagContent = (params) => {
     const { tagData, content } = params;
     let dataAttrsString = '';

package/es/components/template/TemplateListing/Loadable.d.ts

@@ -3,5 +3,4 @@
  * Asynchronously loads the component for TemplateListing
  *
  */
-/// <reference types="react" />
 export declare const TemplateListing: (props: import("./types").TemplateListingProps<{}>) => JSX.Element;

package/package.json

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