@capillarytech/blaze-ui 6.1.0 → 6.1.2

package/CapStaticTemplates/index.js

@@ -1,72 +1,75 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import classNames from "classnames";
 import debounce from "lodash/debounce";
-import PropTypes from "prop-types";
 import { useState, useMemo } from "react";
+import { injectIntl } from "react-intl";
 import ModalImage from "../assets/images/group-3.svg.js";
+import CapCard from "../CapCard/index.js";
 import CapColoredTag from "../CapColoredTag/index.js";
 import CapColumn from "../CapColumn/index.js";
 import CapHeader from "../CapHeader/index.js";
 import CapHeadingWithStatic from "../CapHeading/index.js";
 import CapIcon from "../CapIcon/index.js";
 import CapImage from "../CapImage/index.js";
+import InputFinal from "../CapInput/index.js";
 import CapLabelWithStatic from "../CapLabel/index.js";
+import CapModalWithHoc from "../CapModal/index.js";
+import CapRadioCard from "../CapRadioCard/index.js";
 import CapRow from "../CapRow/index.js";
 import CapSpin from "../CapSpin/index.js";
 import CapTooltip from "../CapTooltip/index.js";
-import LocaleHoc from "../LocaleHoc/index.js";
-import { CAP_SPACE_12 } from "../styles/_variables.js";
 import { BLANK_TEMPLATE, BLANK_TEMPLATE_ICON } from "./constants.js";
-import { StrategyTemplate, StyledDiv, SideBar, CategoryContainer, PremiumIcon, TemplatesAndSearchContainer, SearchBox, TemplatesContainer, TemplatesModal, TemplateIcon, StyledCapCard } from "./style.js";
+import messages from "./messages.js";
+import styles from "./styles.module.scss.js";
 const clsPrefix = "cap-static-templates-v2";
-function CapStaticTemplates(props) {
-  const {
-    categories,
-    className,
-    cardWidth,
-    cardHeight,
-    blankCardWidth,
-    blankCardHeight,
-    selectedCategory,
-    onSelectCategory,
-    selectedStrategyTemplate,
-    onSelectStrategyTemplate,
-    isBlankTemplateRequired,
-    templatesContainerWidth,
-    templatesContainerMaxHeight,
-    modalContent,
-    searchPlaceholder,
-    // Below props are messages form LocaleHoc
-    strategyTitleMsg,
-    strategyDescriptionMsg,
-    comingSoonMsg,
-    blankCategoryLabel,
-    blankTemplateLabel,
-    blankTemplateDescription,
-    searchPlaceholderMsg,
-    showComingSoon = true
-  } = props;
+const CapStaticTemplates = ({
+  categories = [],
+  className,
+  cardWidth = "278px",
+  cardHeight = "104px",
+  blankCardWidth = "278px",
+  blankCardHeight = "80px",
+  selectedCategory,
+  onSelectCategory,
+  selectedStrategyTemplate,
+  onSelectStrategyTemplate,
+  isBlankTemplateRequired = false,
+  templatesContainerWidth = "990px",
+  templatesContainerMaxHeight = "400px",
+  modalContent,
+  searchPlaceholder,
+  showComingSoon = true,
+  intl: { formatMessage }
+}) => {
   const [showModal, setShowModal] = useState(false);
   const [searchText, setSearchText] = useState(null);
   const [isSearching, setIsSearching] = useState(false);
   const [filteredCategories, setFilteredCategories] = useState([]);
+  const rootClassName = styles["strategy-template-radio-root"];
+  const radioButtonWrapperClassName = styles["strategy-template-radio-button"];
+  const iconWrapperClassName = styles["strategy-template-radio-icon-wrapper"];
+  const iconContainerClassName = styles["strategy-template-radio-icon-container"];
+  const divIconClassName = styles["strategy-template-radio-div-icon"];
+  const contentContainerClassName = styles["strategy-template-radio-content-container"];
   const CUSTOM_STRATEGY_PANE = {
     value: BLANK_TEMPLATE,
     key: BLANK_TEMPLATE,
-    label: blankTemplateLabel,
-    description: blankTemplateDescription,
+    label: formatMessage(messages.blankTemplateLabel),
+    description: formatMessage(messages.blankTemplateDescription),
     icon: BLANK_TEMPLATE_ICON,
     isAvailable: true,
     isBlankTemplate: true
   };
   function handleClick(value) {
     scrollToSelectedCategory(value);
-    onSelectCategory(value);
+    onSelectCategory == null ? void 0 : onSelectCategory(value);
   }
   function scrollToSelectedCategory(id) {
     const selectedElement = document.getElementById(id);
     const templateContainer = document.querySelector(".templates-container");
-    templateContainer.scrollTo(0, selectedElement == null ? void 0 : selectedElement.offsetTop);
+    if (templateContainer && selectedElement) {
+      templateContainer.scrollTo(0, selectedElement.offsetTop);
+    }
   }
   const debounceSearch = debounce((text) => {
     getSearchResult(text);
@@ -77,12 +80,13 @@ function CapStaticTemplates(props) {
     setIsSearching(true);
     debounceSearch(value);
   }
-  function handleShowModal(event) {
-    const { value } = (event == null ? void 0 : event.target) ?? {};
-    onSelectStrategyTemplate(value);
+  function handleShowModal(e) {
+    var _a;
+    const value = (_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value;
+    onSelectStrategyTemplate == null ? void 0 : onSelectStrategyTemplate(value);
     categories == null ? void 0 : categories.forEach((category) => {
-      var _a;
-      (_a = category == null ? void 0 : category.panes) == null ? void 0 : _a.forEach((template) => {
+      var _a2;
+      (_a2 = category == null ? void 0 : category.panes) == null ? void 0 : _a2.forEach((template) => {
         if ((template == null ? void 0 : template.key) === value && !template.isAvailable) {
           setShowModal(true);
         }
@@ -104,7 +108,7 @@ function CapStaticTemplates(props) {
       ...rest
     } = pane;
     const iconLabelArray = value == null ? void 0 : value.split(" ");
-    const iconLabelText = (iconLabelArray == null ? void 0 : iconLabelArray.length) > 1 ? (iconLabelArray == null ? void 0 : iconLabelArray[0][0]) + (iconLabelArray == null ? void 0 : iconLabelArray[1][0]) : iconLabelArray == null ? void 0 : iconLabelArray[0][0];
+    const iconLabelText = iconLabelArray && iconLabelArray.length > 1 ? iconLabelArray[0][0] + iconLabelArray[1][0] : (iconLabelArray == null ? void 0 : iconLabelArray[0][0]) || "";
     const templateCardTitle = /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h4", className: `card-header-title ${isAvailable ? "card-available" : ""}`, children: label });
     return {
       title: /* @__PURE__ */ jsxs(
@@ -126,21 +130,20 @@ function CapStaticTemplates(props) {
                 description: isBlankTemplate && /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label1", className: "card-content", children: description })
               }
             ),
-            showComingSoon && !isAvailable && !isBlankTemplate && /* @__PURE__ */ jsx(
-              CapColoredTag,
-              {
-                className: "coming-soon-tag",
-                style: { marginBottom: CAP_SPACE_12 },
-                tagColor: "#0065ff",
-                children: comingSoonMsg
-              }
-            )
+            showComingSoon && !isAvailable && !isBlankTemplate && /* @__PURE__ */ jsx(CapColoredTag, { className: "coming-soon-tag", tagColor: "#0065ff", children: formatMessage(messages.comingSoonMsg) })
           ]
         }
       ),
       value: key,
-      icon: isBlankTemplate ? /* @__PURE__ */ jsx(TemplateIcon, { type: icon, color: "blue" }) : /* @__PURE__ */ jsx(CapColumn, { className: "strategy-icon", children: /* @__PURE__ */ jsx("span", { className: `text-label ${selectedStrategyTemplate === value ? "selected" : ""}`, children: iconLabelText }) }),
-      customComponent: !isBlankTemplate && /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label1", className: !isBlankTemplate && "card-content margin-t-4", children: description }),
+      icon: isBlankTemplate ? /* @__PURE__ */ jsx(CapIcon, { type: icon || "", color: "blue", size: "xs" }) : /* @__PURE__ */ jsx(CapColumn, { className: "strategy-icon", children: /* @__PURE__ */ jsx("span", { className: `text-label ${selectedStrategyTemplate === value ? "selected" : ""}`, children: iconLabelText }) }),
+      customComponent: !isBlankTemplate && /* @__PURE__ */ jsx(
+        CapLabelWithStatic,
+        {
+          type: "label1",
+          className: classNames("card-content", styles["cap-static-templates-v2-margin-t-4"]),
+          children: description
+        }
+      ),
       radioCardClassName: isAvailable || !showComingSoon ? "template-enabled" : "template-disabled",
       ...rest
     };
@@ -148,24 +151,41 @@ function CapStaticTemplates(props) {
   const getAllPanes = (panes = []) => panes.map((pane) => getPane(pane));
   const getTemplates = useMemo(() => {
     const categoriesData = searchText ? filteredCategories : categories;
-    const strategyTemplates = categoriesData == null ? void 0 : categoriesData.map((category) => {
+    const strategyTemplates = (categoriesData || []).map((category) => {
       const { value, label, key, color, panes = [] } = category;
       const structuredPanes = getAllPanes(panes);
-      return /* @__PURE__ */ jsxs(CapRow, { id: value, className: "margin-t-13", children: [
-        /* @__PURE__ */ jsx(CapLabelWithStatic, { className: "margin-l-8 margin-b-8", type: "label4", children: label }),
+      return /* @__PURE__ */ jsxs(CapRow, { id: value, className: styles["cap-static-templates-v2-margin-t-13"], children: [
         /* @__PURE__ */ jsx(
-          StrategyTemplate,
+          CapLabelWithStatic,
+          {
+            className: classNames(
+              styles["cap-static-templates-v2-margin-l-8"],
+              styles["cap-static-templates-v2-margin-b-8"]
+            ),
+            type: "label4",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: classNames(clsPrefix, className, styles["strategy-template"]), children: /* @__PURE__ */ jsx(
+          CapRadioCard,
           {
             panes: structuredPanes,
             cardWidth,
             cardHeight,
-            borderColor: color,
             selected: selectedStrategyTemplate,
             value: selectedStrategyTemplate,
             onChange: handleShowModal,
-            className: classNames(clsPrefix, className)
+            rootClassName,
+            radioButtonWrapperClassName,
+            iconWrapperClassName,
+            iconContainerClassName,
+            divIconClassName,
+            contentContainerClassName,
+            style: {
+              "--category-color": color
+            }
           }
-        )
+        ) })
       ] }, key);
     });
     return strategyTemplates;
@@ -181,7 +201,7 @@ function CapStaticTemplates(props) {
       var _a2, _b;
       const parentName = (_a2 = currentData == null ? void 0 : currentData.value) == null ? void 0 : _a2.toLowerCase();
       const isParent = (parentName == null ? void 0 : parentName.indexOf(searchString)) > -1;
-      const childPanes = (_b = currentData == null ? void 0 : currentData.panes) == null ? void 0 : _b.filter(
+      const childPanes = (_b = currentData.panes) == null ? void 0 : _b.filter(
         (childPane) => {
           var _a3, _b2;
           return ((_b2 = (_a3 = childPane == null ? void 0 : childPane.value) == null ? void 0 : _a3.toLowerCase()) == null ? void 0 : _b2.indexOf(searchString)) > -1;
@@ -201,26 +221,37 @@ function CapStaticTemplates(props) {
     setFilteredCategories(filteredData);
   }
   function getModalContent() {
+    if (!modalContent) return null;
     const { title, description, iconsAndMessages = [] } = modalContent;
-    return /* @__PURE__ */ jsxs(CapRow, { type: "flex", justify: "space-between", align: "center", children: [
+    return /* @__PURE__ */ jsxs(CapRow, { type: "flex", justify: "space-between", align: "middle", children: [
       /* @__PURE__ */ jsx(CapColumn, { children: /* @__PURE__ */ jsx(CapImage, { src: ModalImage, className: "modal-image" }) }),
       /* @__PURE__ */ jsxs(CapColumn, { className: "modal-info-content", children: [
         /* @__PURE__ */ jsx(
           CapHeader,
           {
             title,
-            description: /* @__PURE__ */ jsx(CapColoredTag, { tagColor: "#0065ff", children: comingSoonMsg })
+            description: /* @__PURE__ */ jsx(CapColoredTag, { tagColor: "#0065ff", children: formatMessage(messages.comingSoonMsg) })
           }
         ),
-        /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "label2", className: "margin-t-16", children: description }),
-        /* @__PURE__ */ jsx(CapRow, { type: "flex", align: "center", justify: "space-between", className: "margin-t-16", children: iconsAndMessages == null ? void 0 : iconsAndMessages.map((data, idx) => /* @__PURE__ */ jsx(
-          StyledCapCard,
+        /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "label2", className: styles["cap-static-templates-v2-margin-t-16"], children: description }),
+        /* @__PURE__ */ jsx(
+          CapRow,
           {
-            title: /* @__PURE__ */ jsx(CapIcon, { type: data == null ? void 0 : data.iconType, size: "m" }),
-            children: /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label5", style: { fontWeight: 500 }, children: data == null ? void 0 : data.message })
-          },
-          (data == null ? void 0 : data.iconType) || idx
-        )) })
+            type: "flex",
+            align: "middle",
+            justify: "space-between",
+            className: styles["cap-static-templates-v2-margin-t-16"],
+            children: iconsAndMessages == null ? void 0 : iconsAndMessages.map((data, idx) => /* @__PURE__ */ jsx(
+              CapCard,
+              {
+                title: /* @__PURE__ */ jsx(CapIcon, { type: data == null ? void 0 : data.iconType, size: "m" }),
+                className: styles["styled-cap-card"],
+                children: /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label5", style: { fontWeight: 500 }, children: data == null ? void 0 : data.message })
+              },
+              (data == null ? void 0 : data.iconType) || idx
+            ))
+          }
+        )
       ] })
     ] });
   }
@@ -228,35 +259,41 @@ function CapStaticTemplates(props) {
     /* @__PURE__ */ jsx(
       CapHeader,
       {
-        className: "margin-b-16",
-        title: /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h3", children: strategyTitleMsg }),
-        description: /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label3", children: strategyDescriptionMsg })
+        className: styles["cap-static-templates-v2-margin-b-16"],
+        title: /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h3", children: formatMessage(messages.strategyTitleMsg) }),
+        description: /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label3", children: formatMessage(messages.strategyDescriptionMsg) })
       }
     ),
-    /* @__PURE__ */ jsxs(StyledDiv, { children: [
-      /* @__PURE__ */ jsxs(SideBar, { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles[clsPrefix], children: [
+      /* @__PURE__ */ jsxs("div", { className: styles["sidebar"], children: [
         isBlankTemplateRequired && /* @__PURE__ */ jsx(
-          CategoryContainer,
+          "div",
           {
-            selected: BLANK_TEMPLATE === selectedCategory,
-            className: "category-selector",
+            className: classNames(styles["category-container"], {
+              [styles["selected"]]: BLANK_TEMPLATE === selectedCategory,
+              "category-selector": true
+            }),
             onClick: () => handleClick(BLANK_TEMPLATE),
-            children: /* @__PURE__ */ jsx(CapLabelWithStatic, { type: BLANK_TEMPLATE === selectedCategory ? "label4" : "label9", children: blankCategoryLabel })
+            children: /* @__PURE__ */ jsx(CapLabelWithStatic, { type: BLANK_TEMPLATE === selectedCategory ? "label4" : "label9", children: formatMessage(messages.blankCategoryLabel) })
           }
         ),
         categories == null ? void 0 : categories.map((category) => {
           var _a;
           return /* @__PURE__ */ jsxs(
-            CategoryContainer,
+            "div",
             {
-              className: "category-selector",
-              color: category == null ? void 0 : category.color,
-              selected: (category == null ? void 0 : category.value) === selectedCategory,
+              className: classNames(styles["category-container"], {
+                [styles["selected"]]: (category == null ? void 0 : category.value) === selectedCategory,
+                "category-selector": true
+              }),
+              style: {
+                "--category-color": category == null ? void 0 : category.color
+              },
               onClick: () => handleClick(category == null ? void 0 : category.value),
               children: [
                 /* @__PURE__ */ jsxs(CapLabelWithStatic, { type: (category == null ? void 0 : category.value) === selectedCategory ? "label4" : "label9", children: [
                   category == null ? void 0 : category.label,
-                  (category == null ? void 0 : category.premium) && /* @__PURE__ */ jsx(PremiumIcon, { type: "premium", size: "s" })
+                  (category == null ? void 0 : category.premium) && /* @__PURE__ */ jsx(CapIcon, { type: "premium", size: "s", className: styles["premium-icon"] })
                 ] }),
                 /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label1", children: (_a = category == null ? void 0 : category.panes) == null ? void 0 : _a.length })
               ]
@@ -265,69 +302,73 @@ function CapStaticTemplates(props) {
           );
         })
       ] }),
-      /* @__PURE__ */ jsxs(TemplatesAndSearchContainer, { width: templatesContainerWidth, children: [
-        /* @__PURE__ */ jsx(
-          SearchBox,
-          {
-            value: searchText,
-            onChange: handleSearch,
-            onClear: handleSearch,
-            placeholder: searchPlaceholder || searchPlaceholderMsg
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TemplatesContainer,
-          {
-            className: "templates-container",
-            maxHeight: templatesContainerMaxHeight,
-            children: /* @__PURE__ */ jsxs(CapSpin, { spinning: isSearching, children: [
-              isBlankTemplateRequired && /* @__PURE__ */ jsx(CapRow, { id: BLANK_TEMPLATE, className: "margin-t-4", children: /* @__PURE__ */ jsx(
-                StrategyTemplate,
-                {
-                  panes: [getPane(CUSTOM_STRATEGY_PANE)],
-                  cardWidth: blankCardWidth,
-                  cardHeight: blankCardHeight,
-                  selected: selectedStrategyTemplate,
-                  value: selectedStrategyTemplate,
-                  onChange: handleShowModal
-                }
-              ) }, BLANK_TEMPLATE),
-              getTemplates
-            ] })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(TemplatesModal, { visible: showModal, onCancel: handleHideModal, children: getModalContent() })
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: styles["templates-and-search-container"],
+          style: {
+            "--templates-container-width": templatesContainerWidth
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              InputFinal.Search,
+              {
+                value: searchText || void 0,
+                onChange: handleSearch,
+                onClear: handleSearch,
+                placeholder: searchPlaceholder || formatMessage(messages.searchPlaceholderMsg),
+                className: styles["search-box"]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              CapRow,
+              {
+                className: classNames("templates-container", styles["templates-container"]),
+                style: {
+                  "--templates-container-max-height": templatesContainerMaxHeight
+                },
+                children: /* @__PURE__ */ jsxs(CapSpin, { spinning: isSearching, children: [
+                  isBlankTemplateRequired && /* @__PURE__ */ jsx(
+                    CapRow,
+                    {
+                      id: BLANK_TEMPLATE,
+                      className: classNames(
+                        styles["cap-static-templates-v2-margin-t-4"],
+                        styles["strategy-template"],
+                        styles["strategy-template-icon-placeholder"]
+                      ),
+                      children: /* @__PURE__ */ jsx(
+                        CapRadioCard,
+                        {
+                          panes: [getPane(CUSTOM_STRATEGY_PANE)],
+                          cardWidth: blankCardWidth,
+                          cardHeight: blankCardHeight,
+                          selected: selectedStrategyTemplate,
+                          value: selectedStrategyTemplate,
+                          onChange: handleShowModal,
+                          className: rootClassName,
+                          radioButtonWrapperClassName,
+                          iconWrapperClassName,
+                          iconContainerClassName,
+                          divIconClassName,
+                          contentContainerClassName
+                        }
+                      )
+                    },
+                    BLANK_TEMPLATE
+                  ),
+                  getTemplates
+                ] })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(CapModalWithHoc, { open: showModal, onCancel: handleHideModal, className: styles["templates-modal"], children: getModalContent() })
     ] })
   ] });
-}
-CapStaticTemplates.defaultProps = {
-  cardWidth: "278px",
-  cardHeight: "104px",
-  blankCardWidth: "278px",
-  blankCardHeight: "80px",
-  categories: [],
-  isBlankTemplateRequired: false,
-  templatesContainerWidth: "990px",
-  templatesContainerMaxHeight: "400px"
-};
-CapStaticTemplates.propTypes = {
-  categories: PropTypes.array,
-  className: PropTypes.string,
-  cardWidth: PropTypes.string,
-  cardHeight: PropTypes.string,
-  blankCardWidth: PropTypes.string,
-  blankCardHeight: PropTypes.string,
-  selectedCategory: PropTypes.string,
-  onSelectCategory: PropTypes.func,
-  selectedStrategyTemplate: PropTypes.string,
-  onSelectStrategyTemplate: PropTypes.func,
-  isBlankTemplateRequired: PropTypes.bool,
-  templatesContainerWidth: PropTypes.string,
-  templatesContainerMaxHeight: PropTypes.string,
-  searchPlaceholder: PropTypes.any
 };
-const index = LocaleHoc(CapStaticTemplates, { key: "CapStaticTemplates" });
+const index = injectIntl(CapStaticTemplates);
 export {
   index as default
 };

package/CapStaticTemplates/messages.d.ts

@@ -0,0 +1,32 @@
+declare const _default: {
+    strategyTitleMsg: {
+        id: string;
+        defaultMessage: string;
+    };
+    strategyDescriptionMsg: {
+        id: string;
+        defaultMessage: string;
+    };
+    comingSoonMsg: {
+        id: string;
+        defaultMessage: string;
+    };
+    blankCategoryLabel: {
+        id: string;
+        defaultMessage: string;
+    };
+    blankTemplateLabel: {
+        id: string;
+        defaultMessage: string;
+    };
+    blankTemplateDescription: {
+        id: string;
+        defaultMessage: string;
+    };
+    searchPlaceholderMsg: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=messages.d.ts.map

package/CapStaticTemplates/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../components/CapStaticTemplates/messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBA8BG"}

package/CapStaticTemplates/messages.js

@@ -0,0 +1,35 @@
+import { defineMessages } from "react-intl";
+const scope = "app.commonUtils.capUiLibrary.CapStaticTemplates";
+const messages = defineMessages({
+  strategyTitleMsg: {
+    id: `${scope}.strategyTitleMsg`,
+    defaultMessage: "Select the strategy"
+  },
+  strategyDescriptionMsg: {
+    id: `${scope}.strategyDescriptionMsg`,
+    defaultMessage: "Use strategy driven pre-defined marketing use-cases or build your own strategy"
+  },
+  comingSoonMsg: {
+    id: `${scope}.comingSoonMsg`,
+    defaultMessage: "Coming soon"
+  },
+  blankCategoryLabel: {
+    id: `${scope}.blankCategoryLabel`,
+    defaultMessage: "Custom"
+  },
+  blankTemplateLabel: {
+    id: `${scope}.blankTemplateLabel`,
+    defaultMessage: "Build from scratch"
+  },
+  blankTemplateDescription: {
+    id: `${scope}.blankTemplateDescription`,
+    defaultMessage: "Create your own journey from scratch"
+  },
+  searchPlaceholderMsg: {
+    id: `${scope}.searchPlaceholderMsg`,
+    defaultMessage: "Search strategy"
+  }
+});
+export {
+  messages as default
+};