Merge pull request #852 from adobecom/MWPW-156766

MWPW-156766 & MWPW-160238
adobecom · Oct 14, 2024 · 3b8b39f · 3b8b39f
2 parents 82eae51 + 4c69c57
commit 3b8b39f
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 16 deletions.
diff --git a/acrobat/blocks/verb-widget/icons.js b/acrobat/blocks/verb-widget/icons.js
diff --git a/acrobat/blocks/verb-widget/verb-widget.css b/acrobat/blocks/verb-widget/verb-widget.css
@@ -186,22 +186,10 @@
 }
 
 .verb-errorBtn {
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
-.verb-errorBtn::after {
-  content: '';
-  background-image: url('/acrobat/img/icons/ui/close.svg');
-  background-repeat: no-repeat;
-  background-size: 45px 50px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 50px;
-  height: 50px;
   cursor: pointer;
+  position: absolute;
+  right: 10px;
+  bottom: 0;
 }
 
 .verb-errorIcon {

diff --git a/acrobat/blocks/verb-widget/verb-widget.js b/acrobat/blocks/verb-widget/verb-widget.js
@@ -144,6 +144,11 @@ export default async function init(element) {
   const errorStateText = createTag('p', { class: 'verb-errorText' });
   const errorIcon = createTag('div', { class: 'verb-errorIcon' });
   const errorCloseBtn = createTag('div', { class: 'verb-errorBtn' });
+  const closeIconSvg = createSvgElement('CLOSE_ICON');
+  if (closeIconSvg) {
+    closeIconSvg.classList.add('close-icon');
+    errorCloseBtn.prepend(closeIconSvg);
+  }
 
   widget.append(widgetContainer);
   widgetContainer.append(widgetRow);
@@ -245,11 +250,15 @@ export default async function init(element) {
   });
 
   // Errors, Analytics & Logging
+  const lanaOptions = {
+    sampleRate: 1,
+    tags: 'DC_Milo,Project Unity (DC)',
+  };
+
   const handleError = (str) => {
     errorState.classList.add('verb-error');
     errorState.classList.remove('hide');
     errorStateText.textContent = str;
-
     setTimeout(() => {
       errorState.classList.remove('verb-error');
       errorState.classList.add('hide');
@@ -289,6 +298,7 @@ export default async function init(element) {
       || e.detail?.code.includes('error_duplicate_asset')) {
       handleError(e.detail?.message);
       verbAnalytics('error', VERB);
+      window.lana?.log(`Error Status: ${e.detail?.message}, Error Message: ${e.detail?.status}`, lanaOptions);
     }
 
     // acrobat:verb-fillsign:error:page_count_missing_from_metadata_api