// Set the value of 'text_color' in a global object
  window.MuleWidget = window.MuleWidget || {};

  const tempDiv = document.createElement('div');
  window.MuleWidget.enableWarningModal = false;
  window.MuleWidget.customUI = { warningModal: `<div style="display: flex; flex-direction: column; justify-content: center; align-items: center; justify-content: center;text-align: center;margin: 0px 77px 0px 77px;"> <span style="font-size: 26px; font-weight: 600;">Are you sure you don’t want to protect your order?</span> <div style="margin-top: 36px; margin-bottom: 14px"> <svg width="73" height="73" viewbox="0 0 73 73" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.4"> <path opacity="0.4" d="M40.7296 52.8021L32.365 44.4375" stroke="#F45866" stroke-width="4.5625" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path opacity="0.4" d="M40.6346 44.5312L32.27 52.8958" stroke="#F45866" stroke-width="4.5625" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> </g> <path opacity="0.4" d="M26.7955 6.08203L15.7847 17.1233" stroke="#F45866" stroke-width="4.5625" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path opacity="0.4" d="M46.2012 6.08203L57.212 17.1233" stroke="#F45866" stroke-width="4.5625" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.08325 23.8802C6.08325 18.2531 9.0945 17.7969 12.8358 17.7969H60.1641C63.9053 17.7969 66.9166 18.2531 66.9166 23.8802C66.9166 30.4199 63.9053 29.9635 60.1641 29.9635H12.8358C9.0945 29.9635 6.08325 30.4199 6.08325 23.8802Z" stroke="#F45866" stroke-width="4.5625"></path> <path d="M10.6458 30.418L14.9345 56.698C15.9078 62.5988 18.2499 66.918 26.9491 66.918H45.2903C54.7499 66.918 56.1491 62.7813 57.2441 57.063L62.3541 30.418" stroke="#F45866" stroke-width="4.5625" stroke-linecap="round"></path> </svg> </div> <div style="display: grid; margin: 0px 30px; padding-bottom: 25px;"> <span style="color: #F45866; font-size: 21px; line-height: 29px; letter-spacing: 0px; font-weight: 600;"> You will be liable for loss, theft and damage </span> <span style="font-size: 17px;line-height: 29px;letter-spacing: 0px;"> We takes no responsibility for lost, stolen or damaged items if you do not purchase shipping protection </span> </div> </div>` };

  window.MuleWidget.customModal = ``;
  window.MuleWidget.widgetDescriptionText = `Protect your package from loss, damage and theft with fast resolution.`;
  window.MuleWidget.widgetWarningMessage = ``;
  window.MuleWidget.autoOptInOnCartUpdate = `false`;
  window.MuleWidget.widgetBootDelay = 0;

  // This option is because sometimes it takes time for xhr to make the request
  // And We have to make a delay to wait until update has been done on the cart
  window.MuleWidget.widgetXHRCartUpdateDelay = 200;

  window.MuleWidget.customSelectors = [
    '.cart-notification__links',
    '.drawer__footer',
    '.cart__blocks',
  ].reduce((acc, value) => (value ? [...acc, value] : acc), []);
  
  
    window.MuleWidget.customSelectors.push(...[
      '.cart-notification__links',
      '.drawer__footer',
      '.cart__blocks'
    ])
  

  window.MuleWidget.checkoutButtonSelectors = [
    { selector: 'button[name="checkout"][type="submit"]', clone: true, delay: 0 },
    { selector: 'button[name="checkout"]', clone: true, delay: 0 },
    { selector: '', clone: true, delay: 0 },
    { selector: '', clone: true, delay: 0 },
    { selector: '', clone: true, delay: 0 },
    {
      selector: '',
      clone: true,
      delay: 0,
    }
  ].reduce((acc, value) => (value.selector ? [...acc, value] : acc), []);

  window.MuleWidget.cartSubtotalSelectors = [
    'p.totals__subtotal-value > span.money',
    '',
    '',
  ].reduce((acc, value) => (value ? [...acc, value] : acc), []);

  window.MuleWidget.enableWidgetB = false;
  window.MuleWidget.shouldKeepToggleState = false;
  window.MuleWidget.shouldKeepVariantInCart = false;
  window.MuleWidget.cartItemSelectors = [];
  window.MuleWidget.cartSelectors = [];

  window.MuleWidget.cartSelectors = ['cart-drawer-items', '.cart-items'];

window.MuleWidget.cartItemSelectors = ['.upcart-product-item', '.cart-item'];

window.MuleWidget.shouldKeepToggleState = true;