@getspot/spot-widget 1.3.0 → 1.4.0

package/dist/index.umd.js

@@ -1,8 +1,8 @@
-(function(_,C){typeof exports=="object"&&typeof module<"u"?module.exports=C():typeof define=="function"&&define.amd?define(C):(_=typeof globalThis<"u"?globalThis:_||self,_.SpotWidget=C())})(this,function(){"use strict";async function _(c,e,o){try{const n=await fetch(c,{method:"POST",headers:{"Content-Type":"application/json","X-Spot-Partner-Id":e},body:JSON.stringify(o)}),t=await n.json();if(!n.ok){const r=new Error((t==null?void 0:t.message)||"Failed to fetch quote");throw r.status=n.status,r.responseBody=t,r}return t}catch(n){throw n instanceof Error?n:new Error("Unknown error occurred while fetching quote")}}async function C(c,e,o){try{const n=c.replace("/quote","/quote/batch"),t=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json","X-Spot-Partner-Id":e},body:JSON.stringify(o)}),r=await t.json();if(!t.ok){const p=new Error((r==null?void 0:r.message)||"Failed to fetch batch quote");throw p.status=t.status,p.responseBody=r,p}return r}catch(n){throw n instanceof Error?n:new Error("Unknown error occurred while fetching batch quote")}}async function I(c,e,o){try{const n={cartId:o.cartInfo.cartId,cartName:o.cartInfo.cartName,currencyCode:o.cartInfo.currencyCode,items:o.items.map((i,u)=>({cartItemId:i.cartItemId||`item-${u+1}`,productPrice:i.productPrice,productType:i.productType,productDuration:i.productDuration,productId:i.productId,productName:i.productName,participantDescription:i.participantDescription,eventType:i.eventType,startDate:i.startDate,endDate:i.endDate}))},t=await C(c,e,n);if(t.status!=="QUOTES_AVAILABLE"&&t.status!=="QUOTE_AVAILABLE")return{status:"NO_MATCHING_QUOTE"};const r=t.quotes.map(i=>{const u=o.items.find(g=>(g.cartItemId||`item-${o.items.indexOf(g)+1}`)===i.cartItemId);return u?u.participantDescription?`${u.productName} - ${u.participantDescription}`:u.productName:`Item ${i.cartItemId}`}),p=Math.round((t.totalSpotPrice||t.spotPrice||0)*100)/100;return{status:"QUOTE_AVAILABLE",data:{id:t.quotes?t.quotes.map(i=>i.id).join(","):t.id,spotPrice:p,currencyCode:t.currencyCode,communication:{...t.communication,yesOptionText:t.communication.yesOptionText.replace(t.totalSpotPrice,p)},payoutSchedule:t.payoutSchedule.map(i=>({...i,amount:i.amount!==void 0?i.amount:0})),coveredItems:r,originalQuotes:t.quotes||[t]},spotPrice:p,coveredItems:r}}catch(n){throw n instanceof Error?n:new Error("Unknown error occurred while fetching multiple quotes")}}const N={sandbox:"https://api.sandbox.getspot.com/v1/quote",production:"https://api.getspot.com/v1/quote",local:"http://localhost:3999/api/v1/quote"};function D(c){const{apiConfig:e={},quoteRequestData:o,callbacks:n={},location:t,theme:r}=c,{environment:p="sandbox",partnerId:i,endpoint:u}=e;if(!i||typeof i!="string")throw new Error("Invalid or missing partnerId in apiConfig");if(!(u||N[p]))throw new Error(`Invalid environment in apiConfig: ${p}`);if(!o||typeof o!="object"&&!Array.isArray(o))throw new Error("quoteRequestData must be a non-null object or array");const h=["startDate","endDate","currencyCode","eventType","productType","productDuration","productPrice","productId","cartId","productName"];function d(s,l=null){const f=l!==null?`quoteRequestData[${l}]`:"quoteRequestData";h.forEach(v=>{if(!Object.prototype.hasOwnProperty.call(s,v)||s[v]===void 0||s[v]===null)throw new Error(`Missing required ${f} field: '${v}'`)});const w=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;if(!w.test(s.startDate))throw new Error(`${f}.startDate must be a valid ISO8601 string`);if(!w.test(s.endDate))throw new Error(`${f}.endDate must be a valid ISO8601 string`);if(typeof s.currencyCode!="string")throw new Error(`${f}.currencyCode must be a string`);if(!["USD","CAD","AUD"].includes(s.currencyCode))throw new Error(`Invalid ${f}.currencyCode: ${s.currencyCode}`);if(typeof s.eventType!="string")throw new Error(`${f}.eventType must be a string`);if(typeof s.productType!="string")throw new Error(`${f}.productType must be a string`);const E=["Pass","Trip","Registration"];if(!E.includes(s.productType))throw new Error(`${f}.productType must be one of ${E.join(", ")}`);if(typeof s.productDuration!="string")throw new Error(`${f}.productDuration must be a string`);const y=["Daily","Seasonal","Trip","Event"];if(!y.includes(s.productDuration))throw new Error(`${f}.productDuration must be one of ${y.join(", ")}`);if(typeof s.productPrice!="number"||isNaN(s.productPrice))throw new Error(`${f}.productPrice must be a valid number`);if(typeof s.productId!="string")throw new Error(`${f}.productId must be a string`);if(typeof s.cartId!="string")throw new Error(`${f}.cartId must be a string`);if(typeof s.productName!="string")throw new Error(`${f}.productName must be a string`)}if(o.cartInfo&&o.items){const{cartInfo:s,items:l}=o;if(!s||typeof s!="object")throw new Error("quoteRequestData.cartInfo must be a non-null object");if(!s.cartId||typeof s.cartId!="string")throw new Error("quoteRequestData.cartInfo.cartId must be a string");if(!s.cartName||typeof s.cartName!="string")throw new Error("quoteRequestData.cartInfo.cartName must be a string");if(!s.currencyCode||typeof s.currencyCode!="string")throw new Error("quoteRequestData.cartInfo.currencyCode must be a string");if(!["USD","CAD","AUD"].includes(s.currencyCode))throw new Error(`Invalid quoteRequestData.cartInfo.currencyCode: ${s.currencyCode}`);if(!Array.isArray(l)||l.length===0)throw new Error("quoteRequestData.items must be a non-empty array");const w=h.filter(m=>m!=="cartId"&&m!=="currencyCode");l.forEach((m,E)=>{if(!m||typeof m!="object")throw new Error(`quoteRequestData.items[${E}] must be a non-null object`);const y=`quoteRequestData.items[${E}]`;w.forEach(q=>{if(!Object.prototype.hasOwnProperty.call(m,q)||m[q]===void 0||m[q]===null)throw new Error(`Missing required ${y} field: '${q}'`)});const v=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;if(!v.test(m.startDate))throw new Error(`${y}.startDate must be a valid ISO8601 string`);if(!v.test(m.endDate))throw new Error(`${y}.endDate must be a valid ISO8601 string`);if(typeof m.eventType!="string")throw new Error(`${y}.eventType must be a string`);if(typeof m.productType!="string")throw new Error(`${y}.productType must be a string`);const T=["Pass","Trip","Registration"];if(!T.includes(m.productType))throw new Error(`${y}.productType must be one of ${T.join(", ")}`);if(typeof m.productDuration!="string")throw new Error(`${y}.productDuration must be a string`);const x=["Daily","Seasonal","Trip","Event"];if(!x.includes(m.productDuration))throw new Error(`${y}.productDuration must be one of ${x.join(", ")}`);if(typeof m.productPrice!="number"||isNaN(m.productPrice))throw new Error(`${y}.productPrice must be a valid number`);if(typeof m.productId!="string")throw new Error(`${y}.productId must be a string`);if(typeof m.productName!="string")throw new Error(`${y}.productName must be a string`)})}else if(Array.isArray(o)){if(o.length===0)throw new Error("quoteRequestData array cannot be empty");o.forEach((s,l)=>{if(!s||typeof s!="object")throw new Error(`quoteRequestData[${l}] must be a non-null object`);d(s,l)})}else d(o);if(["onOptIn","onOptOut","onQuoteRetrieved","onError","noMatchingQuote"].forEach(s=>{const l=n[s];if(l&&typeof l!="function")throw new Error(`Callback '${s}' must be a function.`)}),typeof t=="string"&&!document.querySelector(t))throw new Error(`Invalid location selector: '${t}'`);if(r&&typeof r!="object")throw new Error("Theme must be an object with CSS variables, do not include the '--' prefix")}function a(c,{text:e,className:o,parent:n,innerHTML:t}={}){const r=document.createElement(c);return o&&(r.className=o),e!=null&&(r.textContent=e),t!=null&&(r.innerHTML=t),n&&n.appendChild(r),r}function O(c,{name:e,description:o}){a("div",{className:"spot-header__title",text:e,parent:c}),a("div",{className:"spot-header__description",text:o,parent:c})}function P(c,e=[]){const o=a("ul",{className:"spot-benefits__list",parent:c});e.forEach(n=>{const t=a("li",{parent:o});t.innerHTML=`
+(function(w,q){typeof exports=="object"&&typeof module<"u"?module.exports=q():typeof define=="function"&&define.amd?define(q):(w=typeof globalThis<"u"?globalThis:w||self,w.SpotWidget=q())})(this,function(){"use strict";var w=typeof document<"u"?document.currentScript:null;async function q(c,t,e){try{const n=await fetch(c,{method:"POST",headers:{"Content-Type":"application/json","X-Spot-Partner-Id":t},body:JSON.stringify(e)}),o=await n.json();if(!n.ok){const r=new Error((o==null?void 0:o.message)||"Failed to fetch quote");throw r.status=n.status,r.responseBody=o,r}return o}catch(n){throw n instanceof Error?n:new Error("Unknown error occurred while fetching quote")}}async function N(c,t,e){try{const n=c.replace("/quote","/quote/batch"),o=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json","X-Spot-Partner-Id":t},body:JSON.stringify(e)}),r=await o.json();if(!o.ok){const p=new Error((r==null?void 0:r.message)||"Failed to fetch batch quote");throw p.status=o.status,p.responseBody=r,p}return r}catch(n){throw n instanceof Error?n:new Error("Unknown error occurred while fetching batch quote")}}async function I(c,t,e){try{const n={cartId:e.cartInfo.cartId,cartName:e.cartInfo.cartName,currencyCode:e.cartInfo.currencyCode,items:e.items.map((a,d)=>({cartItemId:a.cartItemId||`item-${d+1}`,productPrice:a.productPrice,productType:a.productType,productDuration:a.productDuration,productId:a.productId,productName:a.productName,participantDescription:a.participantDescription,eventType:a.eventType,startDate:a.startDate,endDate:a.endDate}))},o=await N(c,t,n);if(o.status!=="QUOTES_AVAILABLE"&&o.status!=="QUOTE_AVAILABLE")return{status:"NO_MATCHING_QUOTE"};const r=o.quotes.map(a=>{const d=e.items.find(h=>(h.cartItemId||`item-${e.items.indexOf(h)+1}`)===a.cartItemId);return d?d.participantDescription?`${d.productName} - ${d.participantDescription}`:d.productName:`Item ${a.cartItemId}`}),p=Math.round((o.totalSpotPrice||o.spotPrice||0)*100)/100;return{status:"QUOTE_AVAILABLE",data:{id:o.quotes?o.quotes.map(a=>a.id).join(","):o.id,spotPrice:p,currencyCode:o.currencyCode,communication:{...o.communication,yesOptionText:o.communication.yesOptionText.replace(o.totalSpotPrice,p)},payoutSchedule:o.payoutSchedule.map(a=>({...a,amount:a.amount!==void 0?a.amount:0})),coveredItems:r,originalQuotes:o.quotes||[o]},spotPrice:p,coveredItems:r}}catch(n){throw n instanceof Error?n:new Error("Unknown error occurred while fetching multiple quotes")}}const R={sandbox:"https://api.sandbox.getspot.com/v1/quote",production:"https://api.getspot.com/v1/quote",local:"http://localhost:3999/api/v1/quote"};function D(c){const{apiConfig:t={},quoteRequestData:e,callbacks:n={},location:o,theme:r}=c,{environment:p="sandbox",partnerId:a,endpoint:d}=t;if(!a||typeof a!="string")throw new Error("Invalid or missing partnerId in apiConfig");if(!(d||R[p]))throw new Error(`Invalid environment in apiConfig: ${p}`);if(!e||typeof e!="object"&&!Array.isArray(e))throw new Error("quoteRequestData must be a non-null object or array");const g=["startDate","endDate","currencyCode","eventType","productType","productDuration","productPrice","productId","cartId","productName"];function l(s,u=null){const m=u!==null?`quoteRequestData[${u}]`:"quoteRequestData";g.forEach(_=>{if(!Object.prototype.hasOwnProperty.call(s,_)||s[_]===void 0||s[_]===null)throw new Error(`Missing required ${m} field: '${_}'`)});const v=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;if(!v.test(s.startDate))throw new Error(`${m}.startDate must be a valid ISO8601 string`);if(!v.test(s.endDate))throw new Error(`${m}.endDate must be a valid ISO8601 string`);if(typeof s.currencyCode!="string")throw new Error(`${m}.currencyCode must be a string`);if(!["USD","CAD","AUD"].includes(s.currencyCode))throw new Error(`Invalid ${m}.currencyCode: ${s.currencyCode}`);if(typeof s.eventType!="string")throw new Error(`${m}.eventType must be a string`);if(typeof s.productType!="string")throw new Error(`${m}.productType must be a string`);const C=["Pass","Trip","Registration"];if(!C.includes(s.productType))throw new Error(`${m}.productType must be one of ${C.join(", ")}`);if(typeof s.productDuration!="string")throw new Error(`${m}.productDuration must be a string`);const b=["Daily","Seasonal","Trip","Event"];if(!b.includes(s.productDuration))throw new Error(`${m}.productDuration must be one of ${b.join(", ")}`);if(typeof s.productPrice!="number"||isNaN(s.productPrice))throw new Error(`${m}.productPrice must be a valid number`);if(typeof s.productId!="string")throw new Error(`${m}.productId must be a string`);if(typeof s.cartId!="string")throw new Error(`${m}.cartId must be a string`);if(typeof s.productName!="string")throw new Error(`${m}.productName must be a string`)}if(e.cartInfo&&e.items){const{cartInfo:s,items:u}=e;if(!s||typeof s!="object")throw new Error("quoteRequestData.cartInfo must be a non-null object");if(!s.cartId||typeof s.cartId!="string")throw new Error("quoteRequestData.cartInfo.cartId must be a string");if(!s.cartName||typeof s.cartName!="string")throw new Error("quoteRequestData.cartInfo.cartName must be a string");if(!s.currencyCode||typeof s.currencyCode!="string")throw new Error("quoteRequestData.cartInfo.currencyCode must be a string");if(!["USD","CAD","AUD"].includes(s.currencyCode))throw new Error(`Invalid quoteRequestData.cartInfo.currencyCode: ${s.currencyCode}`);if(!Array.isArray(u)||u.length===0)throw new Error("quoteRequestData.items must be a non-empty array");const v=g.filter(f=>f!=="cartId"&&f!=="currencyCode");u.forEach((f,C)=>{if(!f||typeof f!="object")throw new Error(`quoteRequestData.items[${C}] must be a non-null object`);const b=`quoteRequestData.items[${C}]`;v.forEach(E=>{if(!Object.prototype.hasOwnProperty.call(f,E)||f[E]===void 0||f[E]===null)throw new Error(`Missing required ${b} field: '${E}'`)});const _=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;if(!_.test(f.startDate))throw new Error(`${b}.startDate must be a valid ISO8601 string`);if(!_.test(f.endDate))throw new Error(`${b}.endDate must be a valid ISO8601 string`);if(typeof f.eventType!="string")throw new Error(`${b}.eventType must be a string`);if(typeof f.productType!="string")throw new Error(`${b}.productType must be a string`);const x=["Pass","Trip","Registration"];if(!x.includes(f.productType))throw new Error(`${b}.productType must be one of ${x.join(", ")}`);if(typeof f.productDuration!="string")throw new Error(`${b}.productDuration must be a string`);const T=["Daily","Seasonal","Trip","Event"];if(!T.includes(f.productDuration))throw new Error(`${b}.productDuration must be one of ${T.join(", ")}`);if(typeof f.productPrice!="number"||isNaN(f.productPrice))throw new Error(`${b}.productPrice must be a valid number`);if(typeof f.productId!="string")throw new Error(`${b}.productId must be a string`);if(typeof f.productName!="string")throw new Error(`${b}.productName must be a string`)})}else if(Array.isArray(e)){if(e.length===0)throw new Error("quoteRequestData array cannot be empty");e.forEach((s,u)=>{if(!s||typeof s!="object")throw new Error(`quoteRequestData[${u}] must be a non-null object`);l(s,u)})}else l(e);if(["onOptIn","onOptOut","onQuoteRetrieved","onError","noMatchingQuote"].forEach(s=>{const u=n[s];if(u&&typeof u!="function")throw new Error(`Callback '${s}' must be a function.`)}),typeof o=="string"&&!document.querySelector(o))throw new Error(`Invalid location selector: '${o}'`);if(r&&typeof r!="object")throw new Error("Theme must be an object with CSS variables, do not include the '--' prefix")}function i(c,{text:t,className:e,parent:n,innerHTML:o}={}){const r=document.createElement(c);return e&&(r.className=e),t!=null&&(r.textContent=t),o!=null&&(r.innerHTML=o),n&&n.appendChild(r),r}function O(c,{name:t,description:e}){i("div",{className:"spot-header__title",text:t,parent:c}),i("div",{className:"spot-header__description",text:e,parent:c})}function P(c,t=[]){const e=i("ul",{className:"spot-benefits__list",parent:c});t.forEach(n=>{const o=i("li",{parent:e});o.innerHTML=`
             <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
               <path d="M11.6666 3.5L5.24998 9.91667L2.33331 7"
                 stroke="#2E2E2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>`,a("span",{text:n,parent:t})})}function $(c,e=[]){if(e.length===0)return;const o=a("div",{className:"spot-covered-items__container",parent:c});a("div",{className:"spot-covered-items__title",text:"Items covered in your cart:",parent:o});const n=a("ul",{className:"spot-covered-items__list",parent:o});e.forEach(t=>{const r=a("li",{parent:n});a("span",{text:t,parent:r})})}function R(c,e=[]){const o=a("div",{className:"spot-table__container",parent:c}),n=a("table",{className:"spot-refund__table spot-table--dynamic",parent:o}),t=a("thead",{parent:n}),r=a("tr",{parent:t});a("th",{text:"When you cancel",parent:r}),a("th",{text:"You will receive",parent:r});const p=a("tbody",{parent:n});e.forEach(({text:i,percent:u,amount:g})=>{const h=a("tr",{parent:p});a("td",{text:i,parent:h});const d=u==="Not eligible for refund"?"Not eligible for a refund":`$${g} refund`;a("td",{text:d,parent:h})})}function Q(c,e,o){const n=a("div",{className:"spot-selection__options",parent:c}),t=a("label",{className:`spot-selection__option ${e?"selected":""}`,parent:n}),r=a("input",{parent:t});r.type="radio",r.name="selection",r.value="yes",e&&(r.checked=!0),a("strong",{text:o.yesOptionText,parent:t}),a("span",{className:"spot-selection__recommended-tag",text:"Recommended",parent:t});const p=a("label",{className:"spot-selection__option",parent:n}),i=a("input",{parent:p});return i.type="radio",i.name="selection",i.value="no",a("span",{text:o.noOptionText,parent:p}),n}function S(c,e){var t;const o=(t=e.communication)==null?void 0:t.paymentTerms,n=a("div",{className:"spot-payment-terms",parent:c});return a("div",{className:"spot-payment-terms__header",text:"PAYMENT TERMS",parent:n}),a("div",{className:"spot-payment-terms__body",text:o,parent:n}),n}function H(c,e){const o=a("div",{className:"spot-footer__container",parent:c}),n=a("div",{className:"spot-footer__terms",parent:o});a("span",{innerHTML:e.communication.legalDisclaimer,parent:n}),a("br",{parent:n}),a("a",{href:e.communication.termsAndConditionsUrl,className:"spot-footer__terms-link",text:"Refund Guarantee Terms and Conditions",parent:n});const t=a("p",{className:"spot-footer__powered-by",parent:o});return t.innerHTML=`
+            </svg>`,i("span",{text:n,parent:o})})}function $(c,t=[]){if(!t||t.length===0)return;const e=i("div",{className:"spot-qualifying-reasons__container",parent:c}),n=[...t].sort((d,h)=>d.rank-h.rank),o=i("div",{className:"spot-qualifying-reasons__grid",parent:e}),r={"Accident & Illness":"cross.svg","Family Emergencies":"users.svg",Layoffs:"building.svg","Jury Duty":"scale.svg","Work Travel Conflict":"briefcase.svg","Severe Weather":"umbrella.svg","Travel Interruption":"plane.svg","Military Duty":"medal.svg"},p=new URL(typeof document>"u"&&typeof location>"u"?require("url").pathToFileURL(__filename).href:typeof document>"u"?location.href:w&&w.tagName.toUpperCase()==="SCRIPT"&&w.src||new URL("index.umd.js",document.baseURI).href),a=p.origin+p.pathname.replace(/\/src\/[^/]*$/,"/assets/");n.forEach(d=>{var y,s,u;const h=i("div",{className:"spot-qualifying-reasons__item",parent:o}),g=i("div",{className:"spot-qualifying-reasons__icon-wrapper",parent:h}),l=r[(y=d.benefitType)==null?void 0:y.name]||r[d.name];if(l){const m=i("img",{parent:g});m.src=a+l,m.alt=((s=d.benefitType)==null?void 0:s.name)||d.name||"",m.className="spot-qualifying-reasons__icon"}i("span",{className:"spot-qualifying-reasons__label",text:((u=d.benefitType)==null?void 0:u.name)||d.name||"",parent:h})})}function z(c,t=[]){if(t.length===0)return;const e=i("div",{className:"spot-covered-items__container",parent:c});i("div",{className:"spot-covered-items__title",text:"Items covered in your cart:",parent:e});const n=i("ul",{className:"spot-covered-items__list",parent:e});t.forEach(o=>{const r=i("li",{parent:n});i("span",{text:o,parent:r})})}function S(c,t=[]){const e=i("div",{className:"spot-table__container",parent:c}),n=i("table",{className:"spot-refund__table spot-table--dynamic",parent:e}),o=i("thead",{parent:n}),r=i("tr",{parent:o});i("th",{text:"When you cancel",parent:r}),i("th",{text:"You will receive",parent:r});const p=i("tbody",{parent:n});t.forEach(({text:a,percent:d,amount:h})=>{const g=i("tr",{parent:p});i("td",{text:a,parent:g});const l=d==="Not eligible for refund"?"Not eligible for a refund":`$${h} refund`;i("td",{text:l,parent:g})})}function Q(c,t,e){const n=i("div",{className:"spot-selection__options",parent:c}),o=i("label",{className:`spot-selection__option ${t?"selected":""}`,parent:n}),r=i("input",{parent:o});r.type="radio",r.name="selection",r.value="yes",t&&(r.checked=!0),i("strong",{text:e.yesOptionText,parent:o}),i("span",{className:"spot-selection__recommended-tag",text:"Recommended",parent:o});const p=i("label",{className:"spot-selection__option",parent:n}),a=i("input",{parent:p});return a.type="radio",a.name="selection",a.value="no",i("span",{text:e.noOptionText,parent:p}),n}function H(c,t){var o;const e=(o=t.communication)==null?void 0:o.paymentTerms,n=i("div",{className:"spot-payment-terms",parent:c});return i("div",{className:"spot-payment-terms__header",text:"PAYMENT TERMS",parent:n}),i("div",{className:"spot-payment-terms__body",text:e,parent:n}),n}function M(c,t){const e=i("div",{className:"spot-footer__container",parent:c}),n=i("div",{className:"spot-footer__terms",parent:e});i("span",{innerHTML:t.communication.legalDisclaimer,parent:n}),i("br",{parent:n}),i("a",{href:t.communication.termsAndConditionsUrl,className:"spot-footer__terms-link",text:"Refund Guarantee Terms and Conditions",parent:n});const o=i("p",{className:"spot-footer__powered-by",parent:e});return o.innerHTML=`
             <svg width="145" height="28" viewBox="0 0 145 28" fill="none" xmlns="http://www.w3.org/2000/svg">
             <rect width="145" height="28"/>
             <rect x="-655" y="-270" width="819" height="325" rx="10"/>
@@ -17,4 +17,4 @@
                 <rect width="45.405" height="14.8867" fill="white" transform="translate(87 8)"/>
               </clipPath>
             </defs>
-          </svg>`,o}const z=":root{--spot-font-family: Arial;--spot-padding: 1.25rem;--spot-background-color: #ffffff;--spot-font-color: #000000;--spot-border-radius: .5rem;--spot-title-font-size: 1.25rem;--spot-title-font-weight: 700;--spot-title-padding: 0 0 1.25rem 0;--spot-description-font-size: .875rem;--spot-description-font-weight: 400;--spot-description-padding: 0 0 .5rem 0;--spot-bullets-font-size: .875rem;--spot-bullets-font-weight: 400;--spot-bullets-padding: .3125rem;--spot-table-border-radius: .625rem;--spot-table-header-font-size: .875rem;--spot-table-header-font-weight: 700;--spot-table-header-padding: 0 .5rem .625rem;--spot-table-cell-font-size: .815rem;--spot-table-cell-font-weight: 400;--spot-table-cell-padding: 0 .625rem;--spot-radio-border: #000000;--spot-radio-border-radius: .625rem;--spot-radio-checked-background: #000000;--spot-radio-text-font-size: .875rem;--spot-radio-text-font-weight: 400;--spot-radio-text-padding: .625rem;--spot-radio-selection-background: #f4f4f4;--spot-radio-selection-border-radius: .625rem;--spot-radio-selection-padding: .625rem;--spot-recommended-tag-background: #000000;--spot-recommended-tag-font-color: #ffffff;--spot-recommended-tag-font-size: .875rem;--spot-recommended-tag-font-weight: 700;--spot-recommended-tag-padding: .25rem .5rem;--spot-recommended-tag-border-radius: .5rem;--spot-selection-error-font-color: #ff0000;--spot-selection-error-font-size: .875rem;--spot-selection-error-padding: .5rem;--spot-payment-terms-background: #f4f4f4;--spot-payment-terms-border-radius: .625rem;--spot-payment-terms-padding: 1rem;--spot-payment-terms-font-color: #636569;--spot-payment-terms-font-size: .75rem;--spot-payment-terms-header-font-weight: 700;--spot-payment-terms-header-font-size: .875rem;--spot-payment-terms-header-margin-bottom: .5rem;--spot-payment-terms-header-border-color: #c2c2c2;--spot-payment-terms-header-padding: 0 0 .5rem 0;--spot-terms-font-size: .75rem;--spot-terms-font-weight: 400;--spot-terms-font-color: #636569;--spot-terms-padding: 0;--spot-terms-link-text-decoration: underline;--spot-terms-link-font-size: .75rem;--spot-terms-link-font-weight: 400;--spot-terms-link-font-color: #636569;--spot-terms-link-padding: 0}.spot-refund-guarantee{font-family:var(--spot-font-family);padding:var(--spot-padding);background-color:var(--spot-background-color);color:var(--spot-font-color);border:.0625rem solid #e0e0e0;border-radius:var(--spot-border-radius);max-width:51rem;margin:1rem}.spot-refund-guarantee *{color:inherit}.spot-header__title{font-size:var(--spot-title-font-size);font-weight:var(--spot-title-font-weight);padding:var(--spot-title-padding);color:var(--spot-title-font-color);font-family:var(--spot-title-font-family);line-height:120%;letter-spacing:-.03125rem}.spot-header__description{font-size:var(--spot-description-font-size);font-weight:var(--spot-description-font-weight);color:var(--spot-description-font-color);font-family:var(--spot-description-font-family);padding:var(--spot-description-padding);line-height:125%;letter-spacing:-.025rem}.spot-content__wrapper{display:flex;flex-direction:column}@media (min-width: 48rem){.spot-content__wrapper.desktop-layout{display:grid;grid-template-columns:1fr 20.3125rem;align-items:start;gap:1rem}.desktop-layout .spot-benefits__list{grid-row:1}.desktop-layout .spot-covered-items__container{grid-row:2;grid-column:1}.desktop-layout .spot-selection__options{grid-row:3}.desktop-layout .spot-table__container{grid-row:1 / span 3}}@media (max-width: 52.438rem){.spot-selection__recommended-tag{display:inline-block;margin-left:0}}@media (max-width: 47.938rem){.spot-selection__recommended-tag{margin-top:0rem}}@media (max-width: 32.125rem){.spot-selection__recommended-tag{margin-top:.5rem}}@media (max-width: 47.9375rem){.spot-table__container{display:flex;justify-content:center}.spot-selection__recommended-tag{display:inline-block;margin-left:0}.spot-footer__container{flex-direction:column;margin-top:.5rem}.spot-refund__table{width:100%;table-layout:auto}.spot-refund__table th{padding:0rem}}.spot-benefits__list{list-style-type:none;line-height:125%;gap:.5625rem;font-size:var(--spot-bullets-font-size);font-weight:var(--spot-bullets-font-weight);color:var(--spot-bullets-font-color);font-family:var(--spot-bullets-font-family);padding:var(--spot-bullets-padding);margin-block-start:0rem;margin-block-end:0rem}.spot-benefits__list li{margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.5rem}.spot-benefits__list li svg{flex-shrink:0;position:relative;top:.125rem}.spot-covered-items__container{margin-top:0;margin-bottom:1rem}.spot-covered-items__title{font-size:var(--spot-description-font-size);font-weight:var(--spot-description-font-weight);color:var(--spot-description-font-color);font-family:var(--spot-description-font-family);padding:0 .3125rem .25rem;line-height:125%;margin:0}.spot-covered-items__list{list-style-type:disc;list-style-position:inside;line-height:125%;gap:.5625rem;font-size:var(--spot-bullets-font-size);font-weight:var(--spot-bullets-font-weight);color:var(--spot-bullets-font-color);font-family:var(--spot-bullets-font-family);padding:var(--spot-bullets-padding);margin-block-start:0rem;margin-block-end:0rem}.spot-covered-items__list li{margin-bottom:.3rem;text-align:left}.spot-table__container{width:100%}.spot-refund__table{max-width:22rem;border-radius:var(--spot-table-border-radius);overflow:hidden;border:.09375rem solid #636569;table-layout:fixed;margin-bottom:1.5rem;margin-top:.25rem;padding:.625rem}.spot-refund__table--dynamic{height:auto!important;min-height:7.5rem}.spot-refund__table td,.spot-refund__table th{padding:.375rem .625rem;text-align:left}.spot-refund__table th{text-align:left;font-size:var(--spot-table-header-font-size);font-weight:var(--spot-table-header-font-weight);color:var(--spot-table-header-font-color);font-family:var(--spot-table-header-font-family);padding:var(--spot-table-header-padding)}.spot-refund__table td{text-align:left;font-size:var(--spot-table-cell-font-size);font-weight:var(--spot-table-cell-font-weight);color:var(--spot-table-cell-font-color);font-family:var(--spot-table-cell-font-family);padding:var(--spot-table-cell-padding)}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.75rem;height:.75rem;border:.0625rem solid var(--spot-radio-border);border-radius:var(--spot-radio-border-radius);margin-right:.5rem;position:relative;vertical-align:middle;top:-.0625rem;cursor:pointer}input[type=radio]:checked{background:var(--spot-radio-checked-background);box-shadow:inset 0 0 0 .0625rem #fff}.spot-selection__options{display:flex;flex-direction:column;gap:.5rem}.spot-selection__option{display:block;position:relative;transition:background .2s;cursor:pointer;font-size:var(--spot-radio-text-font-size);font-weight:var(--spot-radio-text-font-weight);color:var(--spot-radio-text-font-color);font-family:var(--spot-radio-text-font-family);padding:var(--spot-radio-text-padding);margin-right:.5rem;gap:.5rem;flex:1 0 0;align-self:stretch}.spot-selection__option.selected{background:var(--spot-radio-selection-background);border-radius:var(--spot-radio-selection-border-radius);padding:var(--spot-radio-selection-padding)}.spot-selection__recommended-tag{background:var(--spot-recommended-tag-background);color:var(--spot-recommended-tag-font-color);font-size:var(--spot-recommended-tag-font-size);font-weight:var(--spot-recommended-tag-font-weight);padding:var(--spot-recommended-tag-padding);border-radius:var(--spot-recommended-tag-border-radius);margin-left:1.5rem;white-space:nowrap}.spot-selection__error{color:var(--spot-selection-error-font-color);font-size:var(--spot-selection-error-font-size);padding:var(--spot-selection-error-padding);display:none}.spot-payment-terms__wrapper{margin-top:1rem}.spot-payment-terms__header{font-weight:var(--spot-payment-terms-header-font-weight);margin-bottom:.5rem;padding:var(--spot-payment-terms-header-padding);font-size:var(--spot-payment-terms-header-font-size);border-bottom:1px solid var(--spot-payment-terms-header-border-color)}.spot-payment-terms{background-color:var(--spot-payment-terms-background);border-radius:var(--spot-payment-terms-border-radius);padding:var(--spot-payment-terms-padding);margin-right:.5rem;color:var(--spot-payment-terms-font-color);font-size:var(--spot-payment-terms-font-size)}.spot-footer__terms{margin-top:.625rem;margin-right:.25rem;font-size:var(--spot-terms-font-size);font-weight:var(--spot-terms-font-weight);color:var(--spot-terms-font-color);font-family:var(--spot-terms-font-family);padding:var(--spot-terms-padding)}.spot-footer__terms-link{text-decoration:var(--spot-terms-link-text-decoration);font-size:var(--spot-terms-link-font-size);font-weight:var(--spot-terms-link-font-weight);color:var(--spot-terms-link-font-color);font-family:var(--spot-terms-link-font-family);padding:var(--spot-terms-link-padding)}.spot-footer__container{display:flex;justify-content:space-between;align-items:center}.spot-footer__powered-by{margin-top:1.5rem}";function M(c){const e=document.createElement("style");e.textContent=c,document.head.appendChild(e)}M(z);const k={sandbox:"https://api.sandbox.getspot.com/api/v1/quote",production:"https://api.getspot.com/api/v1/quote",local:"http://localhost:3999/api/v1/quote"};class L{constructor(e={}){this.options={location:"body",showTable:!0,optInSelected:!1,apiConfig:{environment:"production",partnerId:""},quoteRequestData:{},callbacks:{},...e},this._onResize=this._updateLayout.bind(this),this.root=typeof this.options.location=="string"?document.querySelector(this.options.location):this.options.location,this.currentSelection=this.options.optInSelected?"yes":null,this._init()}async _init(){var e,o,n,t,r;try{D(this.options);const{environment:p,partnerId:i}=this.options.apiConfig,g=this.options.apiConfig.customEndpoint||k[p],d=this.options.quoteRequestData.cartInfo&&this.options.quoteRequestData.items?await I(g,i,this.options.quoteRequestData):await _(g,i,this.options.quoteRequestData);if(d.status!=="QUOTE_AVAILABLE"){d.status==="NO_MATCHING_QUOTE"&&((e=this.options.callbacks)!=null&&e.noMatchingQuote)&&this.options.callbacks.noMatchingQuote({status:"NO_MATCHING_QUOTE",data:this.options.quoteRequestData});return}if(this.quote=d.data,this._renderWidget(),this.options.optInSelected&&((o=this.options.callbacks)!=null&&o.onOptIn)){const b={status:"QUOTE_ACCEPTED",spotPrice:this.quote.spotPrice,quoteId:this.quote.id};this.quote.originalQuotes&&this.quote.originalQuotes.length>0&&(b.batchQuoteDetails=this.quote.originalQuotes.map(s=>{var f;const l=(f=this.options.quoteRequestData.items)==null?void 0:f.find(w=>(w.cartItemId||`item-${this.options.quoteRequestData.items.indexOf(w)+1}`)===s.cartItemId);return{quoteId:s.id,productPrice:(l==null?void 0:l.productPrice)||s.spotPrice,cartItemId:s.cartItemId}})),this.options.callbacks.onOptIn(b)}(n=this.options.callbacks)!=null&&n.onQuoteRetrieved&&this.options.callbacks.onQuoteRetrieved(this.quote)}catch(p){(t=this.options.callbacks)!=null&&t.onError&&((r=this.options.callbacks)==null||r.onError({message:p.message,status:p.status,responseBody:p.responseBody}))}}_renderWidget(){this.container=document.createElement("div"),this.container.className="spot-refund-guarantee",this.root.appendChild(this.container),Object.entries(this.options.theme||{}).forEach(([n,t])=>{const r=`--${n}`;this.container.style.setProperty(r,t)}),O(this.container,this.quote.communication);const e=document.createElement("div");e.className="spot-content__wrapper",this.container.appendChild(e),P(e,this.quote.communication.bulletPoints),this.quote.coveredItems&&$(e,this.quote.coveredItems),this.options.showTable&&R(e,this.quote.payoutSchedule);const o=Q(e,this.options.optInSelected,this.quote.communication);e.appendChild(o),this.paymentTermsEl=a("div",{className:"spot-payment-terms__wrapper",parent:e}),H(this.container,this.quote),window.addEventListener("resize",this._onResize),this._updateLayout(),this._setupOptionListeners(o)}_updateLayout(){const e=window.matchMedia("(min-width: 768px)").matches;this.container.querySelector(".spot-content__wrapper").classList.toggle("desktop-layout",e&&this.options.showTable)}_setupOptionListeners(e){const o=e.querySelectorAll('input[type="radio"]'),n=e.querySelectorAll(".spot-selection__option");o.forEach(t=>{t.addEventListener("change",r=>{var i,u,g;const p=r.target.value;if(this.hideSelectionError(),this.currentSelection=p,n.forEach(h=>h.classList.remove("selected")),(i=r.target.closest(".spot-selection__option"))==null||i.classList.add("selected"),this.paymentTermsEl&&(this.paymentTermsEl.innerHTML=""),p==="yes"&&(this.options.quoteRequestData.isPartialPayment&&S(this.paymentTermsEl,this.quote),(u=this.options.callbacks)!=null&&u.onOptIn)){const h={status:"QUOTE_ACCEPTED",spotPrice:this.quote.spotPrice,quoteId:this.quote.id};this.quote.originalQuotes&&this.quote.originalQuotes.length>0&&(h.batchQuoteDetails=this.quote.originalQuotes.map(d=>{var s;const b=(s=this.options.quoteRequestData.items)==null?void 0:s.find(l=>(l.cartItemId||`item-${this.options.quoteRequestData.items.indexOf(l)+1}`)===d.cartItemId);return{quoteId:d.id,productPrice:(b==null?void 0:b.productPrice)||d.spotPrice,cartItemId:d.cartItemId}})),this.options.callbacks.onOptIn(h)}if(p==="no"&&((g=this.options.callbacks)!=null&&g.onOptOut)){const h={status:"QUOTE_DECLINED",quoteId:this.quote.id};this.quote.originalQuotes&&this.quote.originalQuotes.length>0&&(h.batchQuoteDetails=this.quote.originalQuotes.map(d=>{var s;const b=(s=this.options.quoteRequestData.items)==null?void 0:s.find(l=>(l.cartItemId||`item-${this.options.quoteRequestData.items.indexOf(l)+1}`)===d.cartItemId);return{quoteId:d.id,productPrice:(b==null?void 0:b.productPrice)||d.spotPrice,cartItemId:d.cartItemId}})),this.options.callbacks.onOptOut(h)}})})}showSelectionError(){var e;if(!this.errorEl){this.errorEl=document.createElement("div"),this.errorEl.className="spot-selection__error",this.errorEl.textContent="Please make a selection";const o=(e=this.container)==null?void 0:e.querySelector(".spot-selection__options");o&&o.insertAdjacentElement("afterend",this.errorEl)}this.errorEl.style.display="block"}hideSelectionError(){this.errorEl&&(this.errorEl.style.display="none")}validateSelection(){if(!this.container)return!1;const e=!!this.container.querySelector('input[name="selection"]:checked');return e?this.hideSelectionError():this.showSelectionError(),e}async updateQuote(e){var o,n,t;try{const r={...this.options,quoteRequestData:e};D(r);const{environment:p,partnerId:i,endpoint:u}=this.options.apiConfig,g=u||k[p],d=r.quoteRequestData.cartInfo&&r.quoteRequestData.items?await I(g,i,r.quoteRequestData):await _(g,i,r.quoteRequestData);return d.status!=="QUOTE_AVAILABLE"?(d.status==="NO_MATCHING_QUOTE"&&((o=this.options.callbacks)!=null&&o.noMatchingQuote)&&this.options.callbacks.noMatchingQuote({status:"NO_MATCHING_QUOTE",data:r.quoteRequestData}),!1):(this.options.quoteRequestData=r.quoteRequestData,this.quote=d.data,this.currentSelection=null,this.destroy(),this._renderWidget(),(n=this.options.callbacks)!=null&&n.onQuoteRetrieved&&this.options.callbacks.onQuoteRetrieved(this.quote),!0)}catch(r){return(t=this.options.callbacks)==null||t.onError({message:r.message,status:r.status,responseBody:r.responseBody}),!1}}getSelection(){var o,n,t;if(this.currentSelection==null)return null;const e={selection:this.currentSelection,quoteId:(o=this.quote)==null?void 0:o.id,spotPrice:(n=this.quote)==null?void 0:n.spotPrice,status:this.currentSelection==="yes"?"QUOTE_ACCEPTED":"QUOTE_DECLINED"};return(t=this.quote)!=null&&t.originalQuotes&&this.quote.originalQuotes.length>0&&(e.batchQuoteDetails=this.quote.originalQuotes.map(r=>{var i;const p=(i=this.options.quoteRequestData.items)==null?void 0:i.find(u=>(u.cartItemId||`item-${this.options.quoteRequestData.items.indexOf(u)+1}`)===r.cartItemId);return{quoteId:r.id,productPrice:(p==null?void 0:p.productPrice)||r.spotPrice,cartItemId:r.cartItemId}})),e}destroy(){window.removeEventListener("resize",this._onResize),this.container&&this.container.parentNode&&this.container.parentNode.removeChild(this.container)}}return L});
+          </svg>`,e}const L=":root{--spot-font-family: Arial;--spot-padding: 1.25rem;--spot-background-color: #ffffff;--spot-font-color: #000000;--spot-border-radius: .5rem;--spot-title-font-size: 1.25rem;--spot-title-font-weight: 700;--spot-title-padding: 0 0 1.25rem 0;--spot-description-font-size: .875rem;--spot-description-font-weight: 400;--spot-description-padding: 0 0 .5rem 0;--spot-bullets-font-size: .875rem;--spot-bullets-font-weight: 400;--spot-bullets-padding: .3125rem;--spot-table-border-radius: .625rem;--spot-table-header-font-size: .875rem;--spot-table-header-font-weight: 700;--spot-table-header-padding: 0 .5rem .625rem;--spot-table-cell-font-size: .815rem;--spot-table-cell-font-weight: 400;--spot-table-cell-padding: 0 .625rem;--spot-radio-border: #000000;--spot-radio-border-radius: .625rem;--spot-radio-checked-background: #000000;--spot-radio-text-font-size: .875rem;--spot-radio-text-font-weight: 400;--spot-radio-text-padding: .625rem;--spot-radio-selection-background: #f4f4f4;--spot-radio-selection-border-radius: .625rem;--spot-radio-selection-padding: .625rem;--spot-recommended-tag-background: #000000;--spot-recommended-tag-font-color: #ffffff;--spot-recommended-tag-font-size: .875rem;--spot-recommended-tag-font-weight: 700;--spot-recommended-tag-padding: .25rem .5rem;--spot-recommended-tag-border-radius: .5rem;--spot-selection-error-font-color: #ff0000;--spot-selection-error-font-size: .875rem;--spot-qualifying-reasons-margin: .75rem 0;--spot-qualifying-reasons-padding: 0 .3125rem;--spot-qualifying-reasons-column-gap: 3rem;--spot-qualifying-reasons-row-gap: .25rem;--spot-qualifying-reasons-grid-padding-left: 1rem;--spot-qualifying-reasons-icon-wrapper-size: 1.125rem;--spot-qualifying-reasons-icon-size: .75rem;--spot-qualifying-reasons-icon-border-color: #2E2E2E;--spot-qualifying-reasons-icon-border-width: 1px;--spot-qualifying-reasons-icon-background: #ffffff;--spot-qualifying-reasons-item-gap: .625rem;--spot-qualifying-reasons-label-font-size: .8rem;--spot-qualifying-reasons-label-font-weight: 400;--spot-qualifying-reasons-label-font-color: #000000;--spot-qualifying-reasons-label-font-family: Arial;--spot-selection-error-padding: .5rem;--spot-payment-terms-background: #f4f4f4;--spot-payment-terms-border-radius: .625rem;--spot-payment-terms-padding: 1rem;--spot-payment-terms-font-color: #636569;--spot-payment-terms-font-size: .75rem;--spot-payment-terms-header-font-weight: 700;--spot-payment-terms-header-font-size: .875rem;--spot-payment-terms-header-margin-bottom: .5rem;--spot-payment-terms-header-border-color: #c2c2c2;--spot-payment-terms-header-padding: 0 0 .5rem 0;--spot-terms-font-size: .75rem;--spot-terms-font-weight: 400;--spot-terms-font-color: #636569;--spot-terms-padding: 0;--spot-terms-link-text-decoration: underline;--spot-terms-link-font-size: .75rem;--spot-terms-link-font-weight: 400;--spot-terms-link-font-color: #636569;--spot-terms-link-padding: 0}.spot-refund-guarantee{font-family:var(--spot-font-family);padding:var(--spot-padding);background-color:var(--spot-background-color);color:var(--spot-font-color);border:.0625rem solid #e0e0e0;border-radius:var(--spot-border-radius);max-width:51rem;margin:1rem}.spot-refund-guarantee *{color:inherit}.spot-header__title{font-size:var(--spot-title-font-size);font-weight:var(--spot-title-font-weight);padding:var(--spot-title-padding);color:var(--spot-title-font-color);font-family:var(--spot-title-font-family);line-height:120%;letter-spacing:-.03125rem}.spot-header__description{font-size:var(--spot-description-font-size);font-weight:var(--spot-description-font-weight);color:var(--spot-description-font-color);font-family:var(--spot-description-font-family);padding:var(--spot-description-padding);line-height:125%;letter-spacing:-.025rem}.spot-content__wrapper{display:flex;flex-direction:column}@media (min-width: 48rem){.spot-content__wrapper.desktop-layout{display:grid;grid-template-columns:1fr 20.3125rem;align-items:start;gap:1rem}.desktop-layout .spot-benefits__list{grid-row:1}.desktop-layout .spot-covered-items__container{grid-row:2;grid-column:1}.desktop-layout .spot-selection__options{grid-row:3}.desktop-layout .spot-table__container{grid-row:1 / span 3}}@media (max-width: 52.438rem){.spot-selection__recommended-tag{display:inline-block;margin-left:0}}@media (max-width: 47.938rem){.spot-selection__recommended-tag{margin-top:0rem}}@media (max-width: 32.125rem){.spot-selection__recommended-tag{margin-top:.5rem}}@media (max-width: 47.9375rem){.spot-table__container{display:flex;justify-content:center}.spot-selection__recommended-tag{display:inline-block;margin-left:0}.spot-footer__container{flex-direction:column;margin-top:.5rem}.spot-refund__table{width:100%;table-layout:auto}.spot-refund__table th{padding:0rem}}.spot-benefits__list{list-style-type:none;line-height:125%;gap:.5625rem;font-size:var(--spot-bullets-font-size);font-weight:var(--spot-bullets-font-weight);color:var(--spot-bullets-font-color);font-family:var(--spot-bullets-font-family);padding:var(--spot-bullets-padding);margin-block-start:0rem;margin-block-end:0rem}.spot-benefits__list li{margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.5rem}.spot-benefits__list li svg{flex-shrink:0;position:relative;top:.125rem}.spot-qualifying-reasons__container{margin:var(--spot-qualifying-reasons-margin);padding:var(--spot-qualifying-reasons-padding)}.spot-qualifying-reasons__grid{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));column-gap:var(--spot-qualifying-reasons-column-gap);row-gap:var(--spot-qualifying-reasons-row-gap);max-width:100%;padding-left:var(--spot-qualifying-reasons-grid-padding-left)}.spot-qualifying-reasons__item{display:flex;align-items:center;gap:var(--spot-qualifying-reasons-item-gap)}.spot-qualifying-reasons__icon-wrapper{width:var(--spot-qualifying-reasons-icon-wrapper-size);height:var(--spot-qualifying-reasons-icon-wrapper-size);border-radius:50%;border:var(--spot-qualifying-reasons-icon-border-width) solid var(--spot-qualifying-reasons-icon-border-color);background-color:var(--spot-qualifying-reasons-icon-background);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spot-qualifying-reasons__icon{width:var(--spot-qualifying-reasons-icon-size);height:var(--spot-qualifying-reasons-icon-size)}.spot-qualifying-reasons__label{font-size:var(--spot-qualifying-reasons-label-font-size);font-weight:var(--spot-qualifying-reasons-label-font-weight);color:var(--spot-qualifying-reasons-label-font-color);font-family:var(--spot-qualifying-reasons-label-font-family);line-height:1.2}@media (max-width: 480px){.spot-qualifying-reasons__grid{grid-template-columns:1fr}}.spot-covered-items__container{margin-top:0;margin-bottom:1rem}.spot-covered-items__title{font-size:var(--spot-description-font-size);font-weight:var(--spot-description-font-weight);color:var(--spot-description-font-color);font-family:var(--spot-description-font-family);padding:0 .3125rem .25rem;line-height:125%;margin:0}.spot-covered-items__list{list-style-type:disc;list-style-position:inside;line-height:125%;gap:.5625rem;font-size:var(--spot-bullets-font-size);font-weight:var(--spot-bullets-font-weight);color:var(--spot-bullets-font-color);font-family:var(--spot-bullets-font-family);padding:var(--spot-bullets-padding);margin-block-start:0rem;margin-block-end:0rem}.spot-covered-items__list li{margin-bottom:.3rem;text-align:left}.spot-table__container{width:100%}.spot-refund__table{max-width:22rem;border-radius:var(--spot-table-border-radius);overflow:hidden;border:.09375rem solid #636569;table-layout:fixed;margin-bottom:1.5rem;margin-top:.25rem;padding:.625rem}.spot-refund__table--dynamic{height:auto!important;min-height:7.5rem}.spot-refund__table td,.spot-refund__table th{padding:.375rem .625rem;text-align:left}.spot-refund__table th{text-align:left;font-size:var(--spot-table-header-font-size);font-weight:var(--spot-table-header-font-weight);color:var(--spot-table-header-font-color);font-family:var(--spot-table-header-font-family);padding:var(--spot-table-header-padding)}.spot-refund__table td{text-align:left;font-size:var(--spot-table-cell-font-size);font-weight:var(--spot-table-cell-font-weight);color:var(--spot-table-cell-font-color);font-family:var(--spot-table-cell-font-family);padding:var(--spot-table-cell-padding)}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.75rem;height:.75rem;border:.0625rem solid var(--spot-radio-border);border-radius:var(--spot-radio-border-radius);margin-right:.5rem;position:relative;vertical-align:middle;top:-.0625rem;cursor:pointer}input[type=radio]:checked{background:var(--spot-radio-checked-background);box-shadow:inset 0 0 0 .0625rem #fff}.spot-selection__options{display:flex;flex-direction:column;gap:.5rem}.spot-selection__option{display:block;position:relative;transition:background .2s;cursor:pointer;font-size:var(--spot-radio-text-font-size);font-weight:var(--spot-radio-text-font-weight);color:var(--spot-radio-text-font-color);font-family:var(--spot-radio-text-font-family);padding:var(--spot-radio-text-padding);margin-right:.5rem;gap:.5rem;flex:1 0 0;align-self:stretch}.spot-selection__option.selected{background:var(--spot-radio-selection-background);border-radius:var(--spot-radio-selection-border-radius);padding:var(--spot-radio-selection-padding)}.spot-selection__recommended-tag{background:var(--spot-recommended-tag-background);color:var(--spot-recommended-tag-font-color);font-size:var(--spot-recommended-tag-font-size);font-weight:var(--spot-recommended-tag-font-weight);padding:var(--spot-recommended-tag-padding);border-radius:var(--spot-recommended-tag-border-radius);margin-left:1.5rem;white-space:nowrap}.spot-selection__error{color:var(--spot-selection-error-font-color);font-size:var(--spot-selection-error-font-size);padding:var(--spot-selection-error-padding);display:none}.spot-payment-terms__wrapper{margin-top:1rem}.spot-payment-terms__header{font-weight:var(--spot-payment-terms-header-font-weight);margin-bottom:.5rem;padding:var(--spot-payment-terms-header-padding);font-size:var(--spot-payment-terms-header-font-size);border-bottom:1px solid var(--spot-payment-terms-header-border-color)}.spot-payment-terms{background-color:var(--spot-payment-terms-background);border-radius:var(--spot-payment-terms-border-radius);padding:var(--spot-payment-terms-padding);margin-right:.5rem;color:var(--spot-payment-terms-font-color);font-size:var(--spot-payment-terms-font-size)}.spot-footer__terms{margin-top:.625rem;margin-right:.25rem;font-size:var(--spot-terms-font-size);font-weight:var(--spot-terms-font-weight);color:var(--spot-terms-font-color);font-family:var(--spot-terms-font-family);padding:var(--spot-terms-padding)}.spot-footer__terms-link{text-decoration:var(--spot-terms-link-text-decoration);font-size:var(--spot-terms-link-font-size);font-weight:var(--spot-terms-link-font-weight);color:var(--spot-terms-link-font-color);font-family:var(--spot-terms-link-font-family);padding:var(--spot-terms-link-padding)}.spot-footer__container{display:flex;justify-content:space-between;align-items:center}.spot-footer__powered-by{margin-top:1.5rem}";function A(c){const t=document.createElement("style");t.textContent=c,document.head.appendChild(t)}A(L);const k={sandbox:"https://api.sandbox.getspot.com/api/v1/quote",production:"https://api.getspot.com/api/v1/quote",local:"http://localhost:3999/api/v1/quote"};class V{constructor(t={}){this.options={location:"body",showTable:!0,optInSelected:!1,apiConfig:{environment:"production",partnerId:""},quoteRequestData:{},callbacks:{},...t},this._onResize=this._updateLayout.bind(this),this.root=typeof this.options.location=="string"?document.querySelector(this.options.location):this.options.location,this.currentSelection=this.options.optInSelected?"yes":null,this._init()}async _init(){var t,e,n,o,r;try{D(this.options);const{environment:p,partnerId:a}=this.options.apiConfig,h=this.options.apiConfig.customEndpoint||k[p],l=this.options.quoteRequestData.cartInfo&&this.options.quoteRequestData.items?await I(h,a,this.options.quoteRequestData):await q(h,a,this.options.quoteRequestData);if(l.status!=="QUOTE_AVAILABLE"){l.status==="NO_MATCHING_QUOTE"&&((t=this.options.callbacks)!=null&&t.noMatchingQuote)&&this.options.callbacks.noMatchingQuote({status:"NO_MATCHING_QUOTE",data:this.options.quoteRequestData});return}if(this.quote=l.data,this._renderWidget(),this.options.optInSelected&&((e=this.options.callbacks)!=null&&e.onOptIn)){const y={status:"QUOTE_ACCEPTED",spotPrice:this.quote.spotPrice,quoteId:this.quote.id};this.quote.originalQuotes&&this.quote.originalQuotes.length>0&&(y.batchQuoteDetails=this.quote.originalQuotes.map(s=>{var m;const u=(m=this.options.quoteRequestData.items)==null?void 0:m.find(v=>(v.cartItemId||`item-${this.options.quoteRequestData.items.indexOf(v)+1}`)===s.cartItemId);return{quoteId:s.id,productPrice:(u==null?void 0:u.productPrice)||s.spotPrice,cartItemId:s.cartItemId}})),this.options.callbacks.onOptIn(y)}(n=this.options.callbacks)!=null&&n.onQuoteRetrieved&&this.options.callbacks.onQuoteRetrieved(this.quote)}catch(p){(o=this.options.callbacks)!=null&&o.onError&&((r=this.options.callbacks)==null||r.onError({message:p.message,status:p.status,responseBody:p.responseBody}))}}_renderWidget(){this.container=document.createElement("div"),this.container.className="spot-refund-guarantee",this.root.appendChild(this.container),Object.entries(this.options.theme||{}).forEach(([n,o])=>{const r=`--${n}`;this.container.style.setProperty(r,o)}),O(this.container,this.quote.communication);const t=document.createElement("div");t.className="spot-content__wrapper",this.container.appendChild(t),this.quote.qualifyingReasons?$(t,this.quote.qualifyingReasons):P(t,this.quote.communication.bulletPoints),this.quote.coveredItems&&z(t,this.quote.coveredItems),this.options.showTable&&!this.quote.qualifyingReasons&&S(t,this.quote.payoutSchedule);const e=Q(t,this.options.optInSelected,this.quote.communication);t.appendChild(e),this.paymentTermsEl=i("div",{className:"spot-payment-terms__wrapper",parent:t}),M(this.container,this.quote),window.addEventListener("resize",this._onResize),this._updateLayout(),this._setupOptionListeners(e)}_updateLayout(){const t=window.matchMedia("(min-width: 768px)").matches,e=this.options.showTable&&!this.quote.qualifyingReasons;this.container.querySelector(".spot-content__wrapper").classList.toggle("desktop-layout",t&&e)}_setupOptionListeners(t){const e=t.querySelectorAll('input[type="radio"]'),n=t.querySelectorAll(".spot-selection__option");e.forEach(o=>{o.addEventListener("change",r=>{var a,d,h;const p=r.target.value;if(this.hideSelectionError(),this.currentSelection=p,n.forEach(g=>g.classList.remove("selected")),(a=r.target.closest(".spot-selection__option"))==null||a.classList.add("selected"),this.paymentTermsEl&&(this.paymentTermsEl.innerHTML=""),p==="yes"&&(this.options.quoteRequestData.isPartialPayment&&H(this.paymentTermsEl,this.quote),(d=this.options.callbacks)!=null&&d.onOptIn)){const g={status:"QUOTE_ACCEPTED",spotPrice:this.quote.spotPrice,quoteId:this.quote.id};this.quote.originalQuotes&&this.quote.originalQuotes.length>0&&(g.batchQuoteDetails=this.quote.originalQuotes.map(l=>{var s;const y=(s=this.options.quoteRequestData.items)==null?void 0:s.find(u=>(u.cartItemId||`item-${this.options.quoteRequestData.items.indexOf(u)+1}`)===l.cartItemId);return{quoteId:l.id,productPrice:(y==null?void 0:y.productPrice)||l.spotPrice,cartItemId:l.cartItemId}})),this.options.callbacks.onOptIn(g)}if(p==="no"&&((h=this.options.callbacks)!=null&&h.onOptOut)){const g={status:"QUOTE_DECLINED",quoteId:this.quote.id};this.quote.originalQuotes&&this.quote.originalQuotes.length>0&&(g.batchQuoteDetails=this.quote.originalQuotes.map(l=>{var s;const y=(s=this.options.quoteRequestData.items)==null?void 0:s.find(u=>(u.cartItemId||`item-${this.options.quoteRequestData.items.indexOf(u)+1}`)===l.cartItemId);return{quoteId:l.id,productPrice:(y==null?void 0:y.productPrice)||l.spotPrice,cartItemId:l.cartItemId}})),this.options.callbacks.onOptOut(g)}})})}showSelectionError(){var t;if(!this.errorEl){this.errorEl=document.createElement("div"),this.errorEl.className="spot-selection__error",this.errorEl.textContent="Please make a selection";const e=(t=this.container)==null?void 0:t.querySelector(".spot-selection__options");e&&e.insertAdjacentElement("afterend",this.errorEl)}this.errorEl.style.display="block"}hideSelectionError(){this.errorEl&&(this.errorEl.style.display="none")}validateSelection(){if(!this.container)return!1;const t=!!this.container.querySelector('input[name="selection"]:checked');return t?this.hideSelectionError():this.showSelectionError(),t}async updateQuote(t){var e,n,o;try{const r={...this.options,quoteRequestData:t};D(r);const{environment:p,partnerId:a,endpoint:d}=this.options.apiConfig,h=d||k[p],l=r.quoteRequestData.cartInfo&&r.quoteRequestData.items?await I(h,a,r.quoteRequestData):await q(h,a,r.quoteRequestData);return l.status!=="QUOTE_AVAILABLE"?(l.status==="NO_MATCHING_QUOTE"&&((e=this.options.callbacks)!=null&&e.noMatchingQuote)&&this.options.callbacks.noMatchingQuote({status:"NO_MATCHING_QUOTE",data:r.quoteRequestData}),!1):(this.options.quoteRequestData=r.quoteRequestData,this.quote=l.data,this.currentSelection=null,this.destroy(),this._renderWidget(),(n=this.options.callbacks)!=null&&n.onQuoteRetrieved&&this.options.callbacks.onQuoteRetrieved(this.quote),!0)}catch(r){return(o=this.options.callbacks)==null||o.onError({message:r.message,status:r.status,responseBody:r.responseBody}),!1}}getSelection(){var e,n,o;if(this.currentSelection==null)return null;const t={selection:this.currentSelection,quoteId:(e=this.quote)==null?void 0:e.id,spotPrice:(n=this.quote)==null?void 0:n.spotPrice,status:this.currentSelection==="yes"?"QUOTE_ACCEPTED":"QUOTE_DECLINED"};return(o=this.quote)!=null&&o.originalQuotes&&this.quote.originalQuotes.length>0&&(t.batchQuoteDetails=this.quote.originalQuotes.map(r=>{var a;const p=(a=this.options.quoteRequestData.items)==null?void 0:a.find(d=>(d.cartItemId||`item-${this.options.quoteRequestData.items.indexOf(d)+1}`)===r.cartItemId);return{quoteId:r.id,productPrice:(p==null?void 0:p.productPrice)||r.spotPrice,cartItemId:r.cartItemId}})),t}destroy(){window.removeEventListener("resize",this._onResize),this.container&&this.container.parentNode&&this.container.parentNode.removeChild(this.container)}}return V});

package/dist/medal.svg

@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-medal-2"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3h6l3 7l-6 2l-6 -2z" /><path d="M12 12l-3 -9" /><path d="M15 11l-3 -8" /><path d="M12 19.5l-3 1.5l.5 -3.5l-2 -2l3 -.5l1.5 -3l1.5 3l3 .5l-2 2l.5 3.5z" /></svg>

package/dist/plane.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plane-icon lucide-plane"><path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"/></svg>

package/dist/scale.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scale-icon lucide-scale"><path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"/><path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z"/><path d="M7 21h10"/><path d="M12 3v18"/><path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2"/></svg>

package/dist/umbrella.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-umbrella-icon lucide-umbrella"><path d="M22 12a10.06 10.06 1 0 0-20 0Z"/><path d="M12 12v8a2 2 0 0 0 4 0"/><path d="M12 2v1"/></svg>

package/dist/users.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users-icon lucide-users"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><path d="M16 3.128a4 4 0 0 1 0 7.744"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><circle cx="9" cy="7" r="4"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getspot/spot-widget",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "publishConfig": {
     "access": "public"
   },

package/src/index.js

@@ -3,6 +3,7 @@ import { validateOptions } from "./validateOptions.js";
 import {
   renderHeader,
   renderBenefits,
+  renderQualifyingReasons,
   renderCoveredItems,
   renderTable,
   renderOptions,
@@ -24,7 +25,7 @@ injectStyles(styles);
 const apiEndpoint = {
   sandbox: "https://api.sandbox.getspot.com/api/v1/quote",
   production: "https://api.getspot.com/api/v1/quote",
-  local: "http://localhost:3999/api/v1/quote"
+  local: "http://localhost:3999/api/v1/quote",
 };
 
 class SpotWidget {
@@ -58,9 +59,15 @@ class SpotWidget {
 
       const endpoint = customEndpoint || apiEndpoint[environment];
 
-      const isBatchQuote = this.options.quoteRequestData.cartInfo && this.options.quoteRequestData.items;
+      const isBatchQuote =
+        this.options.quoteRequestData.cartInfo &&
+        this.options.quoteRequestData.items;
       const response = isBatchQuote
-        ? await fetchMultipleQuotes(endpoint, partnerId, this.options.quoteRequestData)  
+        ? await fetchMultipleQuotes(
+            endpoint,
+            partnerId,
+            this.options.quoteRequestData
+          )
         : await fetchQuote(endpoint, partnerId, this.options.quoteRequestData);
 
       if (response.status !== "QUOTE_AVAILABLE") {
@@ -83,23 +90,27 @@ class SpotWidget {
         const optInData = {
           status: "QUOTE_ACCEPTED",
           spotPrice: this.quote.spotPrice,
-          quoteId: this.quote.id
+          quoteId: this.quote.id,
         };
-        
+
         // For batch quotes, include detailed quote information
         if (this.quote.originalQuotes && this.quote.originalQuotes.length > 0) {
-          optInData.batchQuoteDetails = this.quote.originalQuotes.map(q => {
-            const originalItem = this.options.quoteRequestData.items?.find(item => 
-              (item.cartItemId || `item-${this.options.quoteRequestData.items.indexOf(item) + 1}`) === q.cartItemId
+          optInData.batchQuoteDetails = this.quote.originalQuotes.map((q) => {
+            const originalItem = this.options.quoteRequestData.items?.find(
+              (item) =>
+                (item.cartItemId ||
+                  `item-${
+                    this.options.quoteRequestData.items.indexOf(item) + 1
+                  }`) === q.cartItemId
             );
             return {
               quoteId: q.id,
               productPrice: originalItem?.productPrice || q.spotPrice,
-              cartItemId: q.cartItemId
+              cartItemId: q.cartItemId,
             };
           });
         }
-        
+
         this.options.callbacks.onOptIn(optInData);
       }
 
@@ -132,11 +143,21 @@ class SpotWidget {
     cw.className = "spot-content__wrapper";
     this.container.appendChild(cw);
 
-    renderBenefits(cw, this.quote.communication.bulletPoints);
+    // Render qualifying reasons if they exist, otherwise render bullet points
+    if (this.quote.qualifyingReasons) {
+      renderQualifyingReasons(cw, this.quote.qualifyingReasons);
+    } else {
+      renderBenefits(cw, this.quote.communication.bulletPoints);
+    }
+
     if (this.quote.coveredItems) {
       renderCoveredItems(cw, this.quote.coveredItems);
     }
-    if (this.options.showTable) renderTable(cw, this.quote.payoutSchedule);
+
+    // Only show table if showTable is true and qualifyingReasons don't exist (pass/trip offers don't have payout schedules)
+    if (this.options.showTable && !this.quote.qualifyingReasons) {
+      renderTable(cw, this.quote.payoutSchedule);
+    }
     const optsEl = renderOptions(
       cw,
       this.options.optInSelected,
@@ -156,9 +177,10 @@ class SpotWidget {
 
   _updateLayout() {
     const isDesktop = window.matchMedia("(min-width: 768px)").matches;
+    const hasTable = this.options.showTable && !this.quote.qualifyingReasons;
     this.container
       .querySelector(".spot-content__wrapper")
-      .classList.toggle("desktop-layout", isDesktop && this.options.showTable);
+      .classList.toggle("desktop-layout", isDesktop && hasTable);
   }
 
   _setupOptionListeners(el) {
@@ -185,46 +207,66 @@ class SpotWidget {
             const optInData = {
               status: "QUOTE_ACCEPTED",
               spotPrice: this.quote.spotPrice,
-              quoteId: this.quote.id
+              quoteId: this.quote.id,
             };
-            
+
             // For batch quotes, include detailed quote information
-            if (this.quote.originalQuotes && this.quote.originalQuotes.length > 0) {
-              optInData.batchQuoteDetails = this.quote.originalQuotes.map(q => {
-                const originalItem = this.options.quoteRequestData.items?.find(item => 
-                  (item.cartItemId || `item-${this.options.quoteRequestData.items.indexOf(item) + 1}`) === q.cartItemId
-                );
-                return {
-                  quoteId: q.id,
-                  productPrice: originalItem?.productPrice || q.spotPrice,
-                  cartItemId: q.cartItemId
-                };
-              });
+            if (
+              this.quote.originalQuotes &&
+              this.quote.originalQuotes.length > 0
+            ) {
+              optInData.batchQuoteDetails = this.quote.originalQuotes.map(
+                (q) => {
+                  const originalItem =
+                    this.options.quoteRequestData.items?.find(
+                      (item) =>
+                        (item.cartItemId ||
+                          `item-${
+                            this.options.quoteRequestData.items.indexOf(item) +
+                            1
+                          }`) === q.cartItemId
+                    );
+                  return {
+                    quoteId: q.id,
+                    productPrice: originalItem?.productPrice || q.spotPrice,
+                    cartItemId: q.cartItemId,
+                  };
+                }
+              );
             }
-            
+
             this.options.callbacks.onOptIn(optInData);
           }
         }
         if (val === "no" && this.options.callbacks?.onOptOut) {
           const optOutData = {
             status: "QUOTE_DECLINED",
-            quoteId: this.quote.id
+            quoteId: this.quote.id,
           };
-          
+
           // For batch quotes, include detailed quote information
-          if (this.quote.originalQuotes && this.quote.originalQuotes.length > 0) {
-            optOutData.batchQuoteDetails = this.quote.originalQuotes.map(q => {
-              const originalItem = this.options.quoteRequestData.items?.find(item => 
-                (item.cartItemId || `item-${this.options.quoteRequestData.items.indexOf(item) + 1}`) === q.cartItemId
-              );
-              return {
-                quoteId: q.id,
-                productPrice: originalItem?.productPrice || q.spotPrice,
-                cartItemId: q.cartItemId
-              };
-            });
+          if (
+            this.quote.originalQuotes &&
+            this.quote.originalQuotes.length > 0
+          ) {
+            optOutData.batchQuoteDetails = this.quote.originalQuotes.map(
+              (q) => {
+                const originalItem = this.options.quoteRequestData.items?.find(
+                  (item) =>
+                    (item.cartItemId ||
+                      `item-${
+                        this.options.quoteRequestData.items.indexOf(item) + 1
+                      }`) === q.cartItemId
+                );
+                return {
+                  quoteId: q.id,
+                  productPrice: originalItem?.productPrice || q.spotPrice,
+                  cartItemId: q.cartItemId,
+                };
+              }
+            );
           }
-          
+
           this.options.callbacks.onOptOut(optOutData);
         }
       });
@@ -273,7 +315,7 @@ class SpotWidget {
     try {
       const updatedOptions = {
         ...this.options,
-        quoteRequestData: newQuoteRequestData
+        quoteRequestData: newQuoteRequestData,
       };
 
       validateOptions(updatedOptions);
@@ -286,10 +328,20 @@ class SpotWidget {
 
       const endpoint = customEndpoint || apiEndpoint[environment];
 
-      const isBatchQuote = updatedOptions.quoteRequestData.cartInfo && updatedOptions.quoteRequestData.items;
+      const isBatchQuote =
+        updatedOptions.quoteRequestData.cartInfo &&
+        updatedOptions.quoteRequestData.items;
       const response = isBatchQuote
-        ? await fetchMultipleQuotes(endpoint, partnerId, updatedOptions.quoteRequestData)
-        : await fetchQuote(endpoint, partnerId, updatedOptions.quoteRequestData);
+        ? await fetchMultipleQuotes(
+            endpoint,
+            partnerId,
+            updatedOptions.quoteRequestData
+          )
+        : await fetchQuote(
+            endpoint,
+            partnerId,
+            updatedOptions.quoteRequestData
+          );
 
       if (response.status !== "QUOTE_AVAILABLE") {
         if (
@@ -335,23 +387,27 @@ class SpotWidget {
       quoteId: this.quote?.id,
       spotPrice: this.quote?.spotPrice,
       status:
-        this.currentSelection === "yes" ? "QUOTE_ACCEPTED" : "QUOTE_DECLINED"
+        this.currentSelection === "yes" ? "QUOTE_ACCEPTED" : "QUOTE_DECLINED",
     };
-    
+
     // For batch quotes, include detailed quote information
     if (this.quote?.originalQuotes && this.quote.originalQuotes.length > 0) {
-      selectionData.batchQuoteDetails = this.quote.originalQuotes.map(q => {
-        const originalItem = this.options.quoteRequestData.items?.find(item => 
-          (item.cartItemId || `item-${this.options.quoteRequestData.items.indexOf(item) + 1}`) === q.cartItemId
+      selectionData.batchQuoteDetails = this.quote.originalQuotes.map((q) => {
+        const originalItem = this.options.quoteRequestData.items?.find(
+          (item) =>
+            (item.cartItemId ||
+              `item-${
+                this.options.quoteRequestData.items.indexOf(item) + 1
+              }`) === q.cartItemId
         );
         return {
           quoteId: q.id,
           productPrice: originalItem?.productPrice || q.spotPrice,
-          cartItemId: q.cartItemId
+          cartItemId: q.cartItemId,
         };
       });
     }
-    
+
     return selectionData;
   }
 

package/src/styles.css

@@ -48,6 +48,24 @@
 
   --spot-selection-error-font-color: #ff0000;
   --spot-selection-error-font-size: 0.875rem;
+
+  --spot-qualifying-reasons-margin: 0.75rem 0;
+  --spot-qualifying-reasons-padding: 0 0.3125rem;
+  --spot-qualifying-reasons-column-gap: 3rem;
+  --spot-qualifying-reasons-row-gap: 0.25rem;
+  --spot-qualifying-reasons-grid-padding-left: 1rem;
+  
+  --spot-qualifying-reasons-icon-wrapper-size: 1.125rem;
+  --spot-qualifying-reasons-icon-size: 0.75rem;
+  --spot-qualifying-reasons-icon-border-color: #2E2E2E;
+  --spot-qualifying-reasons-icon-border-width: 1px;
+  --spot-qualifying-reasons-icon-background: #ffffff;
+  --spot-qualifying-reasons-item-gap: 0.625rem;
+  
+  --spot-qualifying-reasons-label-font-size: 0.8rem;
+  --spot-qualifying-reasons-label-font-weight: 400;
+  --spot-qualifying-reasons-label-font-color: #000000;
+  --spot-qualifying-reasons-label-font-family: Arial;
   --spot-selection-error-padding: 0.5rem;
 
   --spot-payment-terms-background: #f4f4f4;
@@ -212,6 +230,58 @@
   top: 0.125rem;
 }
 
+/* Qualifying Reasons */
+.spot-qualifying-reasons__container {
+  margin: var(--spot-qualifying-reasons-margin);
+  padding: var(--spot-qualifying-reasons-padding);
+}
+
+.spot-qualifying-reasons__grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, max-content));
+  column-gap: var(--spot-qualifying-reasons-column-gap);
+  row-gap: var(--spot-qualifying-reasons-row-gap);
+  max-width: 100%;
+  padding-left: var(--spot-qualifying-reasons-grid-padding-left);
+}
+
+.spot-qualifying-reasons__item {
+  display: flex;
+  align-items: center;
+  gap: var(--spot-qualifying-reasons-item-gap);
+}
+
+.spot-qualifying-reasons__icon-wrapper {
+  width: var(--spot-qualifying-reasons-icon-wrapper-size);
+  height: var(--spot-qualifying-reasons-icon-wrapper-size);
+  border-radius: 50%;
+  border: var(--spot-qualifying-reasons-icon-border-width) solid var(--spot-qualifying-reasons-icon-border-color);
+  background-color: var(--spot-qualifying-reasons-icon-background);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.spot-qualifying-reasons__icon {
+  width: var(--spot-qualifying-reasons-icon-size);
+  height: var(--spot-qualifying-reasons-icon-size);
+}
+
+.spot-qualifying-reasons__label {
+  font-size: var(--spot-qualifying-reasons-label-font-size);
+  font-weight: var(--spot-qualifying-reasons-label-font-weight);
+  color: var(--spot-qualifying-reasons-label-font-color);
+  font-family: var(--spot-qualifying-reasons-label-font-family);
+  line-height: 1.2;
+}
+
+@media (max-width: 480px) {
+  .spot-qualifying-reasons__grid {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* Covered Items List */
 .spot-covered-items__container {
   margin-top: 0;

package/src/ui.js

@@ -38,26 +38,84 @@ export function renderBenefits(container, bullets = []) {
   });
 }
 
+// qualifying reasons
+export function renderQualifyingReasons(container, qualifyingReasons = []) {
+  if (!qualifyingReasons || qualifyingReasons.length === 0) return;
+
+  const wrapper = makeEl("div", {
+    className: "spot-qualifying-reasons__container",
+    parent: container,
+  });
+
+  const sortedReasons = [...qualifyingReasons].sort((a, b) => a.rank - b.rank);
+
+  const grid = makeEl("div", {
+    className: "spot-qualifying-reasons__grid",
+    parent: wrapper,
+  });
+
+  const ICON_MAPPING = {
+    "Accident & Illness": "cross.svg",
+    "Family Emergencies": "users.svg",
+    Layoffs: "building.svg",
+    "Jury Duty": "scale.svg",
+    "Work Travel Conflict": "briefcase.svg",
+    "Severe Weather": "umbrella.svg",
+    "Travel Interruption": "plane.svg",
+    "Military Duty": "medal.svg",
+  };
+
+  // Get the base URL for assets
+  const scriptUrl = new URL(import.meta.url);
+  const baseUrl = scriptUrl.origin + scriptUrl.pathname.replace(/\/src\/[^/]*$/, "/assets/");
+
+  sortedReasons.forEach((reason) => {
+    const reasonEl = makeEl("div", {
+      className: "spot-qualifying-reasons__item",
+      parent: grid,
+    });
+
+    const iconWrapper = makeEl("div", {
+      className: "spot-qualifying-reasons__icon-wrapper",
+      parent: reasonEl,
+    });
+
+    const iconFileName =
+      ICON_MAPPING[reason.benefitType?.name] || ICON_MAPPING[reason.name];
+    if (iconFileName) {
+      const img = makeEl("img", {
+        parent: iconWrapper,
+      });
+      img.src = baseUrl + iconFileName;
+      img.alt = reason.benefitType?.name || reason.name || "";
+      img.className = "spot-qualifying-reasons__icon";
+    }
+
+    makeEl("span", {
+      className: "spot-qualifying-reasons__label",
+      text: reason.benefitType?.name || reason.name || "",
+      parent: reasonEl,
+    });
+  });
+}
+
 // covered items for multi-quote
 export function renderCoveredItems(container, coveredItems = []) {
   if (coveredItems.length === 0) return;
-  
+
   const wrapper = makeEl("div", {
     className: "spot-covered-items__container",
     parent: container,
   });
-  
   makeEl("div", {
     className: "spot-covered-items__title",
     text: "Items covered in your cart:",
     parent: wrapper,
   });
-  
   const ul = makeEl("ul", {
     className: "spot-covered-items__list",
     parent: wrapper,
   });
-  
   coveredItems.forEach((item) => {
     const li = makeEl("li", { parent: ul });
     makeEl("span", { text: item, parent: li });

package/vite.config.js

@@ -14,4 +14,5 @@ export default defineConfig({
       external: [], // no dependencies
     },
   },
+  publicDir: "assets",
 });