@antscorp/antsomi-ui 2.0.113 → 2.0.114

package/es/components/organism/SQLGeneration/index.scss

@@ -1 +1 @@
-@use './integrations/AceEditor';
+@use './integrations/AceEditor';

package/es/components/organism/SQLGeneration/integrations/AceEditor/index.scss

@@ -1,4 +1,4 @@
-.ace-sqlgen-placeholder {
-  display: inline-block;
-  cursor: pointer;
-}
+.ace-sqlgen-placeholder {
+  display: inline-block;
+  cursor: pointer;
+}

package/es/components/organism/Table/CrossTabTable/components/CustomCell/styled.js

@@ -1,13 +1,13 @@
 import styled from 'styled-components';
-export const BarCell = styled.div `
-  position: absolute;
-  inset: 0;
-  background-color: rgba(0, 0, 0, 0.075);
-
-  .bar-line {
-    position: absolute;
-    bottom: 0;
-    height: 3px;
-    width: 100%;
-  }
+export const BarCell = styled.div `
+  position: absolute;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.075);
+
+  .bar-line {
+    position: absolute;
+    bottom: 0;
+    height: 3px;
+    width: 100%;
+  }
 `;

package/es/components/organism/Table/CrossTabTable/styled.js

@@ -1,13 +1,13 @@
 import styled from 'styled-components';
-export const BarCell = styled.div `
-  position: absolute;
-  inset: 0;
-  background-color: rgba(0, 0, 0, 0.075);
-
-  .bar-line {
-    position: absolute;
-    bottom: 0;
-    height: 3px;
-    width: 100%;
-  }
+export const BarCell = styled.div `
+  position: absolute;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.075);
+
+  .bar-line {
+    position: absolute;
+    bottom: 0;
+    height: 3px;
+    width: 100%;
+  }
 `;

package/es/components/organism/Table/ExplorePivotTable/components/CustomCell/styled.js

@@ -1,21 +1,21 @@
 import styled from 'styled-components';
-export const BarCell = styled.div `
-  position: absolute;
-  inset: 0;
-  background-color: rgba(0, 0, 0, 0.075);
-
-  .bar-line {
-    position: absolute;
-    bottom: 0;
-    height: 3px;
-    width: 100%;
-  }
+export const BarCell = styled.div `
+  position: absolute;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.075);
+
+  .bar-line {
+    position: absolute;
+    bottom: 0;
+    height: 3px;
+    width: 100%;
+  }
 `;
-export const HeatCell = styled.div `
-  position: absolute;
-  inset: 0;
+export const HeatCell = styled.div `
+  position: absolute;
+  inset: 0;
 `;
-export const StyledValue = styled.div `
-  position: relative;
-  z-index: 1;
+export const StyledValue = styled.div `
+  position: relative;
+  z-index: 1;
 `;

package/es/components/organism/Table/ExplorePivotTable/styled.js

@@ -1,15 +1,15 @@
 import styled from 'styled-components';
 import { Table } from '../Table';
-export const StyledTable = styled(Table) `
-  .antsomi-table-thead {
-    .antsomi-table-cell {
-      background-color: white !important;
-      font-weight: 400 !important;
-    }
-  }
+export const StyledTable = styled(Table) `
+  .antsomi-table-thead {
+    .antsomi-table-cell {
+      background-color: white !important;
+      font-weight: 400 !important;
+    }
+  }
 `;
-export const StyledHeader = styled.div `
-  background-color: #4285f4;
-  padding: 8px 10px;
-  text-align: right;
+export const StyledHeader = styled.div `
+  background-color: #4285f4;
+  padding: 8px 10px;
+  text-align: right;
 `;

package/es/components/organism/TextEditor/TextEditor.js

@@ -70,6 +70,7 @@ const TextEditorInternal = memo(forwardRef((props, ref) => {
         const text = editor.getText();
         const json = editor.getJSON();
         const html = editor.getHTML();
+        // console.log(id, { text });
         onUpdate?.({
             html: htmlSerializerForOutput(html),
             text,
@@ -106,7 +107,7 @@ const TextEditorInternal = memo(forwardRef((props, ref) => {
                 bulletList: false,
                 orderedList: false,
                 listItem: false,
-                undoRedo: config?.UndoRedo ?? {
+                undoRedo: config?.UndoRedo && {
                     depth: 100,
                 },
             }),
@@ -186,7 +187,12 @@ const TextEditorInternal = memo(forwardRef((props, ref) => {
                 wrapperElement: contentRef.current.parentElement,
                 defaultStyle: defaultTextStyle,
             });
+            // console.log(
+            //   '[ONCREATE] safeParseContent !== initialContent:',
+            //   safeParseContent !== initialContent,
+            // );
             if (safeParseContent !== initialContent) {
+                // console.log('[ONCREATE] Calling setContent - this RESETS editor content!');
                 editor.commands.setContent(safeParseContent);
             }
             const text = editor.getText();
@@ -282,6 +288,7 @@ const TextEditorInternal = memo(forwardRef((props, ref) => {
         });
     }, [editor]);
     useImperativeHandle(ref, () => ({
+        editor,
         setLink: params => {
             editor?.chain().setCustomLink(params).run();
         },
@@ -308,6 +315,9 @@ const TextEditorInternal = memo(forwardRef((props, ref) => {
         deleteSmartTag: handleDeleteSmartTag,
         updateSmartTagAttrs: handleUpdateSmartTagAttrs,
         blur: handleBlur,
+        focus() {
+            editor.chain().focus().run();
+        },
         setContent: editor.commands.setContent,
         style: contentRef.current?.style,
     }));
@@ -352,6 +362,9 @@ const TextEditorWithProvider = forwardRef((props, ref) => {
     }, [colors]);
     useImperativeHandle(ref, () => ({
         // Forward TextEditorRef methods - accessed at call time
+        get editor() {
+            return editorRef.current?.editor;
+        },
         get style() {
             return editorRef.current?.style;
         },
@@ -388,6 +401,9 @@ const TextEditorWithProvider = forwardRef((props, ref) => {
         get blur() {
             return editorRef.current.blur;
         },
+        get focus() {
+            return editorRef.current.focus;
+        },
         get setContent() {
             return editorRef.current.setContent;
         },

package/es/components/organism/TextEditor/__mocks__/text-contennt.js

@@ -1,47 +1,47 @@
 import SETTINGS from './text-block.settings.json';
-const CONTENT_WITH_INHERITED_STYLES = `
-    <div class="fr-box" role="application">
-      <div class="fr-wrapper" dir="auto">
-        <div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" spellcheck="true">
-          <p style="text-align: center;">
-            <span style="font-family: Montserrat; font-size: 22px; letter-spacing: 0px; color: rgb(0, 0, 0);">
-              <span id="isPasted" style="font-weight: 800; font-size: 34px; line-height: inherit; font-family: Montserrat; letter-spacing: 0px; text-align: center; text-transform: none; color: rgb(77, 96, 116);">Receive&nbsp;</span>
-              <span style="font-weight: 400; font-size: 34px; line-height: inherit; font-family: Montserrat; color: rgb(0, 0, 0); letter-spacing: normal; text-align: center; text-transform: none;">
-                <span style="font-weight: 800; font-size: inherit; line-height: inherit; font-family: Montserrat; letter-spacing: 0px; color: rgb(255, 79, 66);"><u>10% Off</u></span>
-              </span>
-              <span style="font-weight: 800; font-size: 34px; line-height: inherit; font-family: Montserrat; letter-spacing: 0px; text-align: center; text-transform: none; color: rgb(77, 96, 116);">&nbsp;Your First Order!</span>
-            </span>
-          </p>
-        </div>
-        <span class="fr-placeholder" style="font-size: 12px; line-height: 12px; margin-top: 0px; padding-top: 0px; padding-left: 0px; margin-left: 0px; padding-right: 0px; margin-right: 0px; text-align: left;">Enter your text here</span>
-      </div>
-    </div>
+const CONTENT_WITH_INHERITED_STYLES = `
+    <div class="fr-box" role="application">
+      <div class="fr-wrapper" dir="auto">
+        <div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" spellcheck="true">
+          <p style="text-align: center;">
+            <span style="font-family: Montserrat; font-size: 22px; letter-spacing: 0px; color: rgb(0, 0, 0);">
+              <span id="isPasted" style="font-weight: 800; font-size: 34px; line-height: inherit; font-family: Montserrat; letter-spacing: 0px; text-align: center; text-transform: none; color: rgb(77, 96, 116);">Receive&nbsp;</span>
+              <span style="font-weight: 400; font-size: 34px; line-height: inherit; font-family: Montserrat; color: rgb(0, 0, 0); letter-spacing: normal; text-align: center; text-transform: none;">
+                <span style="font-weight: 800; font-size: inherit; line-height: inherit; font-family: Montserrat; letter-spacing: 0px; color: rgb(255, 79, 66);"><u>10% Off</u></span>
+              </span>
+              <span style="font-weight: 800; font-size: 34px; line-height: inherit; font-family: Montserrat; letter-spacing: 0px; text-align: center; text-transform: none; color: rgb(77, 96, 116);">&nbsp;Your First Order!</span>
+            </span>
+          </p>
+        </div>
+        <span class="fr-placeholder" style="font-size: 12px; line-height: 12px; margin-top: 0px; padding-top: 0px; padding-left: 0px; margin-left: 0px; padding-right: 0px; margin-right: 0px; text-align: left;">Enter your text here</span>
+      </div>
+    </div>
 `;
-export const HTML_DOM = `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Raw HTML</title>
-  </head>
-  <body>
-    <p><span style="line-height: 100%;"><span style="font-family: Arial, sans-serif; font-size: 14px; letter-spacing: 0px;">Dear </span><span style="font-family: Arial, sans-serif; font-size: 14px; letter-spacing: 0px; font-weight: 600; color: rgb(85, 85, 85);"><span data-dynamic="true" data-dynamic-id="zfs1gvrr" style="direction: unset; unicode-bidi: bidi-override; text-align: right; background-color: rgba(0, 199, 97, 0.2);">Email</span></span><span style="font-family: Arial, sans-serif; font-size: 14px; letter-spacing: 0px;">,</span></span></p>
-    <p><span style="font-size: 14px;"><br></span></p>
-    <p></p>
-    <p><span style="font-family: Arial, sans-serif; font-size: 14px; line-height: 100%; letter-spacing: 0px;">Here's a roundup of our top health and fitness stories from the past two weeks.</span></p>
-
-    <p><span style="font-family: Arial, sans-serif; font-size: 16px; line-height: 100%; letter-spacing: 0px;">Your Special Bonus Offer Has Been Unlocked</span></p>
-    <p><br></p>
-    <p><br></p>
-    <p><br></p>
-    <p><br></p>
-    <p><br></p>
-    <p><br></p>
-    <p><span style="font-family: Arial, sans-serif; font-size: 16px; line-height: 100%; letter-spacing: 0px;">fasdfasdf</span></p>
-
-    ${SETTINGS.settings.rawHTML}
-
-    ${CONTENT_WITH_INHERITED_STYLES}
-  </body>
-</html>
+export const HTML_DOM = `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Raw HTML</title>
+  </head>
+  <body>
+    <p><span style="line-height: 100%;"><span style="font-family: Arial, sans-serif; font-size: 14px; letter-spacing: 0px;">Dear </span><span style="font-family: Arial, sans-serif; font-size: 14px; letter-spacing: 0px; font-weight: 600; color: rgb(85, 85, 85);"><span data-dynamic="true" data-dynamic-id="zfs1gvrr" style="direction: unset; unicode-bidi: bidi-override; text-align: right; background-color: rgba(0, 199, 97, 0.2);">Email</span></span><span style="font-family: Arial, sans-serif; font-size: 14px; letter-spacing: 0px;">,</span></span></p>
+    <p><span style="font-size: 14px;"><br></span></p>
+    <p></p>
+    <p><span style="font-family: Arial, sans-serif; font-size: 14px; line-height: 100%; letter-spacing: 0px;">Here's a roundup of our top health and fitness stories from the past two weeks.</span></p>
+
+    <p><span style="font-family: Arial, sans-serif; font-size: 16px; line-height: 100%; letter-spacing: 0px;">Your Special Bonus Offer Has Been Unlocked</span></p>
+    <p><br></p>
+    <p><br></p>
+    <p><br></p>
+    <p><br></p>
+    <p><br></p>
+    <p><br></p>
+    <p><span style="font-family: Arial, sans-serif; font-size: 16px; line-height: 100%; letter-spacing: 0px;">fasdfasdf</span></p>
+
+    ${SETTINGS.settings.rawHTML}
+
+    ${CONTENT_WITH_INHERITED_STYLES}
+  </body>
+</html>
 `;

package/es/components/organism/TextEditor/index.scss

@@ -1,65 +1,65 @@
-.antsomi-text-editor-bubble-menu {
-  visibility: hidden;
-  position: absolute;
-  pointer-events: auto;
-  z-index: 999;
-  background-color: white;
-  border-radius: 4px;
-  padding: 15px;
-  box-shadow: var(--antsomi-box-shadow-secondary);
-}
-
-.antsomi-text-editor-emoji-popover {
-  position: absolute;
-  width: 180px;
-  z-index: 1000;
-
-  .antsomi-text-editor-emoji-list {
-    .antsomi-virtualize-menu-menu-inline {
-      background-color: white;
-      box-shadow: var(--antsomi-box-shadow-secondary);
-      border-radius: 10px;
-
-      .antsomi-virtualize-menu-item-label {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-      }
-    }
-  }
-}
-
-.font-popover-overlay {
-  padding: 0;
-
-  .font-popover-item {
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    padding-left: 10px;
-    padding-right: 8px;
-
-    &:hover,
-    &.active {
-      background-color: #f2f9ff;
-    }
-  }
-}
-
-.font-weight-popover {
-  &.antsomi-popover {
-    .antsomi-popover-inner {
-      padding: 10px 0px;
-
-      .font-weight-item {
-        padding: 4px 10px;
-        cursor: pointer;
-
-        &:hover,
-        &.active {
-          background-color: #f2f9ff;
-        }
-      }
-    }
-  }
-}
+.antsomi-text-editor-bubble-menu {
+  visibility: hidden;
+  position: absolute;
+  pointer-events: auto;
+  z-index: 999;
+  background-color: white;
+  border-radius: 4px;
+  padding: 15px;
+  box-shadow: var(--antsomi-box-shadow-secondary);
+}
+
+.antsomi-text-editor-emoji-popover {
+  position: absolute;
+  width: 180px;
+  z-index: 1000;
+
+  .antsomi-text-editor-emoji-list {
+    .antsomi-virtualize-menu-menu-inline {
+      background-color: white;
+      box-shadow: var(--antsomi-box-shadow-secondary);
+      border-radius: 10px;
+
+      .antsomi-virtualize-menu-item-label {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+      }
+    }
+  }
+}
+
+.font-popover-overlay {
+  padding: 0;
+
+  .font-popover-item {
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    padding-left: 10px;
+    padding-right: 8px;
+
+    &:hover,
+    &.active {
+      background-color: #f2f9ff;
+    }
+  }
+}
+
+.font-weight-popover {
+  &.antsomi-popover {
+    .antsomi-popover-inner {
+      padding: 10px 0px;
+
+      .font-weight-item {
+        padding: 4px 10px;
+        cursor: pointer;
+
+        &:hover,
+        &.active {
+          background-color: #f2f9ff;
+        }
+      }
+    }
+  }
+}

package/es/components/organism/TextEditor/stories/WithOldDynAndLink/froala-legacy-format.settings.json

@@ -1,95 +1,95 @@
-{
-  "rawHTML": "<div class=\"fr-element fr-view\" dir=\"auto\" contenteditable=\"true\" aria-disabled=\"false\" spellcheck=\"true\"><p><span style=\"font-family: Montserrat; font-size: 22px; letter-spacing: 0px; color: #000000;\"><a data-link-id=\"j24jwuk2\" target=\"_blank\" href=\"https://ant.design/components/modal\"><span data-dynamic=\"true\" data-dynamic-id=\"i6fapgk6\" style=\"direction: unset; unicode-bidi: bidi-override; background-color: rgba(0, 199, 97, 0.2);\">Last modified by</span></a> Special <a data-link-id=\"rrd48wh5\" target=\"_blank\" href=\"https://ant.design\">Bonus <span data-dynamic=\"true\" data-dynamic-id=\"4ip5g3w4\" style=\"direction: unset; unicode-bidi: bidi-override; background-color: rgba(0, 199, 97, 0.2);\">Created date</span> Has</a> Been <span data-dynamic=\"true\" data-dynamic-id=\"vd3tmfc3\" style=\"direction: unset; unicode-bidi: bidi-override; background-color: rgba(0, 199, 97, 0.2);\"><a data-link-id=\"ir1h7e67\" target=\"_blank\" href=\"https://fireup.pro/news/goodbye-useeffect-exploring-use-in-react-19?ref=dailydev\">Name</a></span>&nbsp;Special <a data-link-id=\"rrd48wh5\" href=\"https://ant.design\" target=\"_blank\" id=\"isPasted\">Bonus</a>&nbsp;fasdfas&nbsp; sdfadf</span></p></div>",
-  "dynamic": {
-    "data": {
-      "4ip5g3w4": {
-        "type": "visitor-attribute",
-        "attribute": {
-          "label": "Created date",
-          "value": "date_created",
-          "status": 1,
-          "dataType": "datetime",
-          "disabled": false,
-          "datetimeFormatSettings": {
-            "type": "datetime",
-            "language": "en",
-            "hasDateFormat": true,
-            "hasTimeFormat": true,
-            "dateParseFormat": "MM/DD/YYYY",
-            "dateParseOption": "medium",
-            "timeParseFormat": "12hour",
-            "timeParseOption": "medium",
-            "dateFormatString": "MMM DD, YYYY h:mm:ss A"
-          }
-        },
-        "mappingKey": "lg5pk39o2qmxyc7oano5-4ip5g3w4",
-        "mappingFields": "visitor.date_created"
-      },
-      "i6fapgk6": {
-        "type": "event-attribute",
-        "event": "226539:17",
-        "source": [556657814],
-        "attribute": {
-          "type": 1,
-          "label": "Last modified by",
-          "value": "ad_zone.u_user_id",
-          "status": 1,
-          "children": [],
-          "dataType": "number",
-          "itemTypeId": -1013,
-          "itemTypeName": "ad_zone",
-          "propertyName": "u_user_id",
-          "eventPropertySyntax": "dims.ad_zone_id",
-          "numberFormatSettings": {
-            "type": "number",
-            "decimal": ".",
-            "grouping": ",",
-            "isCompact": false,
-            "prefixType": "code",
-            "currencyCode": "USD",
-            "decimalPlaces": 2
-          }
-        },
-        "mappingKey": "lg5pk39o2qmxyc7oano5-i6fapgk6",
-        "mappingFields": "event.ad_zone.u_user_id"
-      },
-      "vd3tmfc3": {
-        "type": "customer-attribute",
-        "attribute": {
-          "label": "Name",
-          "value": "name",
-          "status": 1,
-          "dataType": "string",
-          "disabled": false
-        },
-        "mappingKey": "lg5pk39o2qmxyc7oano5-vd3tmfc3",
-        "mappingFields": "customer.name"
-      }
-    },
-    "highlight": true,
-    "selectedId": ""
-  },
-  "link": {
-    "data": {
-      "ir1h7e67": {
-        "url": "https://fireup.pro/news/goodbye-useeffect-exploring-use-in-react-19?ref=dailydev",
-        "text": "Name",
-        "linkType": "static",
-        "openNewTab": true
-      },
-      "j24jwuk2": {
-        "url": "https://ant.design/components/modal",
-        "text": "Your",
-        "linkType": "static",
-        "openNewTab": true
-      },
-      "rrd48wh5": {
-        "url": "https://ant.design",
-        "text": "Bonus Offer Has",
-        "linkType": "static",
-        "openNewTab": true
-      }
-    },
-    "selectedId": ""
-  }
-}
+{
+  "rawHTML": "<div class=\"fr-element fr-view\" dir=\"auto\" contenteditable=\"true\" aria-disabled=\"false\" spellcheck=\"true\"><p><span style=\"font-family: Montserrat; font-size: 22px; letter-spacing: 0px; color: #000000;\"><a data-link-id=\"j24jwuk2\" target=\"_blank\" href=\"https://ant.design/components/modal\"><span data-dynamic=\"true\" data-dynamic-id=\"i6fapgk6\" style=\"direction: unset; unicode-bidi: bidi-override; background-color: rgba(0, 199, 97, 0.2);\">Last modified by</span></a> Special <a data-link-id=\"rrd48wh5\" target=\"_blank\" href=\"https://ant.design\">Bonus <span data-dynamic=\"true\" data-dynamic-id=\"4ip5g3w4\" style=\"direction: unset; unicode-bidi: bidi-override; background-color: rgba(0, 199, 97, 0.2);\">Created date</span> Has</a> Been <span data-dynamic=\"true\" data-dynamic-id=\"vd3tmfc3\" style=\"direction: unset; unicode-bidi: bidi-override; background-color: rgba(0, 199, 97, 0.2);\"><a data-link-id=\"ir1h7e67\" target=\"_blank\" href=\"https://fireup.pro/news/goodbye-useeffect-exploring-use-in-react-19?ref=dailydev\">Name</a></span>&nbsp;Special <a data-link-id=\"rrd48wh5\" href=\"https://ant.design\" target=\"_blank\" id=\"isPasted\">Bonus</a>&nbsp;fasdfas&nbsp; sdfadf</span></p></div>",
+  "dynamic": {
+    "data": {
+      "4ip5g3w4": {
+        "type": "visitor-attribute",
+        "attribute": {
+          "label": "Created date",
+          "value": "date_created",
+          "status": 1,
+          "dataType": "datetime",
+          "disabled": false,
+          "datetimeFormatSettings": {
+            "type": "datetime",
+            "language": "en",
+            "hasDateFormat": true,
+            "hasTimeFormat": true,
+            "dateParseFormat": "MM/DD/YYYY",
+            "dateParseOption": "medium",
+            "timeParseFormat": "12hour",
+            "timeParseOption": "medium",
+            "dateFormatString": "MMM DD, YYYY h:mm:ss A"
+          }
+        },
+        "mappingKey": "lg5pk39o2qmxyc7oano5-4ip5g3w4",
+        "mappingFields": "visitor.date_created"
+      },
+      "i6fapgk6": {
+        "type": "event-attribute",
+        "event": "226539:17",
+        "source": [556657814],
+        "attribute": {
+          "type": 1,
+          "label": "Last modified by",
+          "value": "ad_zone.u_user_id",
+          "status": 1,
+          "children": [],
+          "dataType": "number",
+          "itemTypeId": -1013,
+          "itemTypeName": "ad_zone",
+          "propertyName": "u_user_id",
+          "eventPropertySyntax": "dims.ad_zone_id",
+          "numberFormatSettings": {
+            "type": "number",
+            "decimal": ".",
+            "grouping": ",",
+            "isCompact": false,
+            "prefixType": "code",
+            "currencyCode": "USD",
+            "decimalPlaces": 2
+          }
+        },
+        "mappingKey": "lg5pk39o2qmxyc7oano5-i6fapgk6",
+        "mappingFields": "event.ad_zone.u_user_id"
+      },
+      "vd3tmfc3": {
+        "type": "customer-attribute",
+        "attribute": {
+          "label": "Name",
+          "value": "name",
+          "status": 1,
+          "dataType": "string",
+          "disabled": false
+        },
+        "mappingKey": "lg5pk39o2qmxyc7oano5-vd3tmfc3",
+        "mappingFields": "customer.name"
+      }
+    },
+    "highlight": true,
+    "selectedId": ""
+  },
+  "link": {
+    "data": {
+      "ir1h7e67": {
+        "url": "https://fireup.pro/news/goodbye-useeffect-exploring-use-in-react-19?ref=dailydev",
+        "text": "Name",
+        "linkType": "static",
+        "openNewTab": true
+      },
+      "j24jwuk2": {
+        "url": "https://ant.design/components/modal",
+        "text": "Your",
+        "linkType": "static",
+        "openNewTab": true
+      },
+      "rrd48wh5": {
+        "url": "https://ant.design",
+        "text": "Bonus Offer Has",
+        "linkType": "static",
+        "openNewTab": true
+      }
+    },
+    "selectedId": ""
+  }
+}