@janbox/storefront-ui 6.0.1 → 6.0.3

package/dist/utils/common.js

@@ -1,5 +1,6 @@
 import { isValidElement } from "react";
-import parse from "html-react-parser";
+import { parseDocument } from "htmlparser2";
+import { domToReact } from "html-react-parser";
 import { isNil, isBoolean, omitBy, isArray, isString, parseInt } from "lodash-es";
 import { Booleanish } from "../constants/index.js";
 const ensureArray = (val) => {
@@ -63,9 +64,9 @@ const getEnumValues = (enumObject) => {
 };
 function parseSvgString(source, uniqueId) {
   const createUniqueId = (originalId) => {
-    return `${originalId}-${uniqueId}`;
+    return [originalId, uniqueId].filter(Boolean).join("-");
   };
-  const options = {
+  const parsed = domToReact(parseDocument(source).children, {
     replace(domNode) {
       if (domNode.type === "tag" && "attribs" in domNode && domNode.attribs) {
         const el = domNode;
@@ -103,8 +104,7 @@ function parseSvgString(source, uniqueId) {
       return void 0;
     },
     trim: true
-  };
-  const parsed = parse(source, options);
+  });
   const validType = "svg";
   return isValidElement(parsed) && parsed.type === validType ? parsed : null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-ui",
-  "version": "6.0.1",
+  "version": "6.0.3",
   "description": "Storefront UI component library for Janbox",
   "author": "Janbox",
   "keywords": [
@@ -72,6 +72,7 @@
     "flat": "^6.0.1",
     "highlight-words-core": "^1.2.3",
     "html-react-parser": "^5.2.2",
+    "htmlparser2": "^12.0.0",
     "lodash-es": "^4.17.21",
     "motion": "^11.15.0",
     "overlayscrollbars": "^2.16.0",