fix breaking change

coveo · Nov 26, 2024 · 1a8d478 · 1a8d478
1 parent 6bacb23
commit 1a8d478
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 19 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/atomic/cypress/e2e/icon-assertions.ts b/packages/atomic/cypress/e2e/icon-assertions.ts
@@ -1,4 +1,4 @@
-import {sanitize} from 'dompurify';
+import DOMPurify from 'dompurify';
 import {getSvg} from './icon-utils';
 
 function getSortedClone(element: Element) {
@@ -22,7 +22,7 @@ export function assertRendersIcon(
       selector().should(([actualSvgElement]) =>
         expect(getSortedClone(actualSvgElement).outerHTML).to.eq(
           getSortedClone(
-            sanitize(expectedSvg, {
+            DOMPurify.sanitize(expectedSvg, {
               USE_PROFILES: {svg: true, svgFilters: true},
               RETURN_DOM_FRAGMENT: true,
             }).querySelector('svg')!

diff --git a/packages/atomic/package.json b/packages/atomic/package.json
@@ -115,7 +115,6 @@
     "@swc/core": "~1.7.0",
     "@swc/helpers": "~0.5.2",
     "@types/core-js": "2.5.8",
-    "@types/dompurify": "3.0.5",
     "@types/escape-html": "1.0.4",
     "@types/jest": "29.5.12",
     "@types/lodash": "4.17.7",

diff --git a/packages/atomic/src/components/common/atomic-icon/atomic-icon.tsx b/packages/atomic/src/components/common/atomic-icon/atomic-icon.tsx
@@ -8,7 +8,7 @@ import {
   State,
   Watch,
 } from '@stencil/core';
-import {sanitize} from 'dompurify';
+import DOMPurify from 'dompurify';
 import {
   InitializableComponent,
   InitializeBindings,
@@ -102,7 +102,7 @@ export class AtomicIcon implements InitializableComponent<AnyBindings> {
       this.validateSVG(svg);
     }
     const sanitizedSvg = svg
-      ? sanitize(svg, {
+      ? DOMPurify.sanitize(svg, {
           USE_PROFILES: {svg: true, svgFilters: true},
         })
       : null;

diff --git a/...ponents/common/smart-snippets/atomic-smart-snippet-answer/atomic-smart-snippet-answer.tsx b/...ponents/common/smart-snippets/atomic-smart-snippet-answer/atomic-smart-snippet-answer.tsx
@@ -8,7 +8,7 @@ import {
   Host,
   Element,
 } from '@stencil/core';
-import {sanitize} from 'dompurify';
+import DOMPurify from 'dompurify';
 import {sanitizeStyle} from '../../../../utils/utils';
 import {bindAnalyticsToLink} from '../../item-link/item-link';
 
@@ -125,7 +125,7 @@ export class AtomicSmartSnippetAnswer {
       >
         {/* deepcode ignore ReactSetInnerHtml: Sanitized by back-end + dompurify */}
         <div
-          innerHTML={sanitize(this.htmlContent, {
+          innerHTML={DOMPurify.sanitize(this.htmlContent, {
             USE_PROFILES: {html: true},
           })}
           ref={(element) => element && this.bindAnalyticsToLinks(element)}

diff --git a/packages/atomic/src/utils/utils.ts b/packages/atomic/src/utils/utils.ts
@@ -1,6 +1,6 @@
 import {getAssetPath} from '@stencil/core';
 import {NODE_TYPES} from '@stencil/core/mock-doc';
-import {sanitize} from 'dompurify';
+import DOMPurify from 'dompurify';
 
 /**
  * Returns a function that can be executed only once
@@ -149,7 +149,7 @@ export const sortByDocumentPosition = (a: Node, b: Node): 1 | -1 =>
   a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
 
 export function sanitizeStyle(style: string) {
-  const purifiedOuterHTML = sanitize(`<style>${style}</style>`, {
+  const purifiedOuterHTML = DOMPurify.sanitize(`<style>${style}</style>`, {
     ALLOWED_TAGS: ['style'],
     ALLOWED_ATTR: [],
     FORCE_BODY: true,