ui.shipaid.com 0.3.12 → 0.3.14

package/README.md

@@ -133,6 +133,12 @@ If you need to change any of the widget colors to suit a specific theme, there a
 | `--shipaid-logo-max-height` | Changes the max height of ShipAid logo. | `var(--shipaid-logo-max-height, 35px)` |
 | `--shipaid-logo-width` | Changes the width of ShipAid logo. | `var(--shipaid-logo-width, auto)` |
 | `--shipaid-logo-max-width` | Changes the max width of ShipAid logo. | `var(--shipaid-logo-max-width, 50px)` |
+| `--shipaid-prompt-footer-button-size` | Changes the height of info button in footer. | `var(--shipaid-prompt-footer-button-size, 10px)` |
+| `--shipaid-prompt-badge-border-radius` | Changes border radius of footer | `var(--shipaid-prompt-badge-border-radius, 30px)` |
+| `--shipaid-footer-badge-logo-height` | Changes the height of logo in footer. | `var(--shipaid-footer-badge-logo-height, 9px)` |
+| `--shipaid-prompt-footer-location` | Changes the position of footer badge | `var(--shipaid-prompt-footer-location, flex-start)` |
+| `--shipaid-prompt-product-actions-content` | Changes the spaces between price and add/remove button | `var(--shipaid-prompt-product-actions-content, space-between)` |
+| `--shipaid-prompt-footer-topMargin` | Changes margin between header and badge footer | `var(--shipaid-prompt-footer-topMargin, 0px)` |
 
 Other variables can be found [here](/widget/src/assets/styles.ts) (`/widget/src/assets/styles.ts`).
 

package/dist/widget.es.js

@@ -1704,7 +1704,7 @@ const styles = i$2`
     margin-left: auto;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    justify-content: var(--shipaid-prompt-product-actions-content, space-between);
     text-align: right;
     min-width: 55px;
   }
@@ -1729,15 +1729,16 @@ const styles = i$2`
     text-align: right;
   }
   .shipaid-prompt .prompt-footer {
+    margin-top: var(--shipaid-prompt-footer-topMargin, 0px);
     display: flex;
     flex-direction: row;
-    justify-content: flex-start;
+    justify-content: var(--shipaid-prompt-footer-location, flex-start);
     align-items: center;
   }
   .shipaid-prompt .prompt-footer .prompt-footer-about {
     color: var(--shipaid-text);
     cursor: pointer;
-    font-size: 10px;
+    font-size: var(--shipaid-prompt-footer-button-size, 10px);
     background-color: transparent;
     cursor: pointer;
     border: 1px solid var(--shipaid-text);
@@ -1751,7 +1752,7 @@ const styles = i$2`
     );
     color: var(--shipaid-prompt-badge-text-color, var(--shipaid-text));
     padding: 0.2rem 1rem;
-    border-radius: 30px;
+    border-radius: var(--shipaid-prompt-badge-border-radius, 30px);
     cursor: pointer;
     text-decoration: none;
     font-size: var(--shipaid-font-xs);
@@ -1761,7 +1762,7 @@ const styles = i$2`
     white-space: nowrap;
   }
   .shipaid-prompt .prompt-footer .prompt-footer-badge svg {
-    height: 9px;
+    height:var(--shipaid-footer-badge-logo-height, 9px);
   }
 `;
 var Events = /* @__PURE__ */ ((Events2) => {
@@ -2454,7 +2455,7 @@ let ShipAidWidget = class extends s$1 {
           margin-left: auto;
           display: flex;
           flex-direction: column;
-          justify-content: space-between;
+          justify-content: var(--shipaid-prompt-product-actions-content, space-between);
           text-align: right;
           min-width: 55px;
         }
@@ -2479,15 +2480,16 @@ let ShipAidWidget = class extends s$1 {
           text-align: right;
         }
         .shipaid-prompt .prompt-footer {
+          margin-top: var(--shipaid-prompt-footer-topMargin, 0px);
           display: flex;
           flex-direction: row;
-          justify-content: flex-start;
+          justify-content: var(--shipaid-prompt-footer-location, flex-start);
           align-items: center;
         }
         .shipaid-prompt .prompt-footer .prompt-footer-about {
           color: var(--shipaid-text);
           cursor: pointer;
-          font-size: 10px;
+          font-size: var(--shipaid-prompt-footer-button-size, 10px);
           background-color: transparent;
           cursor: pointer;
           border: 1px solid var(--shipaid-text);
@@ -2501,7 +2503,7 @@ let ShipAidWidget = class extends s$1 {
           );
           color: var(--shipaid-prompt-badge-text-color, var(--shipaid-text));
           padding: 0.2rem 1rem;
-          border-radius: 30px;
+          border-radius: var(--shipaid-prompt-badge-border-radius, 30px);
           cursor: pointer;
           text-decoration: none;
           font-size: var(--shipaid-font-xs);
@@ -2511,7 +2513,7 @@ let ShipAidWidget = class extends s$1 {
           white-space: nowrap;
         }
         .shipaid-prompt .prompt-footer .prompt-footer-badge svg {
-          height: 9px;
+          height:var(--shipaid-footer-badge-logo-height, 9px);
         }
       </style>
       <div class="shipaid">

package/dist/widget.iife.js

@@ -728,7 +728,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
     margin-left: auto;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    justify-content: var(--shipaid-prompt-product-actions-content, space-between);
     text-align: right;
     min-width: 55px;
   }
@@ -753,15 +753,16 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
     text-align: right;
   }
   .shipaid-prompt .prompt-footer {
+    margin-top: var(--shipaid-prompt-footer-topMargin, 0px);
     display: flex;
     flex-direction: row;
-    justify-content: flex-start;
+    justify-content: var(--shipaid-prompt-footer-location, flex-start);
     align-items: center;
   }
   .shipaid-prompt .prompt-footer .prompt-footer-about {
     color: var(--shipaid-text);
     cursor: pointer;
-    font-size: 10px;
+    font-size: var(--shipaid-prompt-footer-button-size, 10px);
     background-color: transparent;
     cursor: pointer;
     border: 1px solid var(--shipaid-text);
@@ -775,7 +776,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
     );
     color: var(--shipaid-prompt-badge-text-color, var(--shipaid-text));
     padding: 0.2rem 1rem;
-    border-radius: 30px;
+    border-radius: var(--shipaid-prompt-badge-border-radius, 30px);
     cursor: pointer;
     text-decoration: none;
     font-size: var(--shipaid-font-xs);
@@ -785,7 +786,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
     white-space: nowrap;
   }
   .shipaid-prompt .prompt-footer .prompt-footer-badge svg {
-    height: 9px;
+    height:var(--shipaid-footer-badge-logo-height, 9px);
   }
 `;var oe=(t=>(t.LOADED="shipaid-loaded",t.STATUS_UPDATE="shipaid-protection-status",t))(oe||{}),re=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ae=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?se(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&re(e,i,s),s};const ne=async(t,e)=>{try{const i=await fetch(t,e);if(!i.ok)throw new Error(await i.text());return await i.json()}catch(i){throw console.error(i),new Error("Failed to complete fetch request.")}},pe=t=>console.warn(`[ShipAid] ${t}`),de=t=>console.error(`[ShipAid] ${t}`),le="shipaid-protection",ce=Object.assign({"./lang/en.json":()=>Promise.resolve().then((()=>ee)).then((t=>t.default)),"./lang/es.json":()=>Promise.resolve().then((()=>ye)).then((t=>t.default)),"./lang/it.json":()=>Promise.resolve().then((()=>Le)).then((t=>t.default)),"./lang/pt.json":()=>Promise.resolve().then((()=>Te)).then((t=>t.default))});var he;he={loader:async t=>{if("en"===t)return te;const e=Reflect.get(ce,`./lang/${t}.json`);return e?await e():te}},_t=Object.assign(Object.assign({},_t),he),t.ShipAidWidget=class extends ht{constructor(){var t,e,i;super(...arguments),this.disablePolling=!1,this.disableActions=!1,this.pollingInterval=2500,this.disableRefresh=!1,this.lang="en",this.currency=void 0,this.customerId=void 0,this._apiEndpoint="/apps/shipaid",this._storeDomain=(null==(t=window.Shopify)?void 0:t.shop)??(null==(i=null==(e=window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost),this._hasFinishedSetup=!1,this._shouldShowWidget=!0,this._hasProtectionInCart=!1,this.hasLoadedStrings=!1,this.intervalId=0,this._state={loading:!1,success:null,error:!1},this._popup=null,this._fetch={get:t=>ne(t),post:(t,e)=>ne(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}}shouldUpdate(t){return this.hasLoadedStrings&&super.shouldUpdate(t)}get shouldRefreshOnUpdate(){return!this.disablePolling&&!this.disableRefresh}get planActive(){var t,e;const{searchParams:i}=new URL(window.location.href);return(null==(t=window.Shopify)?void 0:t.designMode)||i.has("shipaid-test")?(pe("Currently in preview mode."),!0):!!(null==(e=this._store)?void 0:e.planActive)}_currencyFormat(t){var e,i,o;return new Intl.NumberFormat(void 0,{currency:this.currency||(null==(e=this._store)?void 0:e.currency)||(null==(o=null==(i=window.Shopify)?void 0:i.currency)?void 0:o.active)||"USD",style:"currency"}).format(Number(t))}_dispatchEvent(t,e={}){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e}))}async _handleRefresh(t){const e=Reflect.has(t,"items");if(this.shouldRefreshOnUpdate)return window.location.reload();e||await this.updateCart(),this._dispatchEvent(oe.STATUS_UPDATE,{protection:this._hasProtectionInCart,cart:e?t:this._cart,lineItem:e?this._protectionCartItem:t})}async calculateProtectionTotal(t){if(t||(t=await this._fetchCart()),!t)throw new Error("Could not fetch cart.");if(!this._store)throw new Error("Missing ShipAid store");if(!this._protectionProduct)throw new Error("Missing Shopify protection product");return e.calculateProtectionTotal(this._store,this._protectionProduct,t)}_findProtectionVariant(t){if(!this._store)throw new Error("Missing ShipAid store");if(!this._protectionProduct)throw new Error("Missing Shopify protection product");return e.findProtectionVariant(this._store,this._protectionProduct,t)}_setState(t,e){this._state={loading:"loading"===t,success:"success"===t,error:"error"===t&&(e||!0)}}async _updateProtection(){return this._hasProtectionInCart?this.removeProtection():this.addProtection()}async _fetchShipAidData(){var t,e,i,o,r;const s=(null==(t=window.Shopify)?void 0:t.shop)??(null==(i=null==(e=window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost);if(!s)throw new Error("No shop found in Shopify object.");try{const t=new URL(window.location.href);t.pathname=this._apiEndpoint;const e={query:"query StoreByDomain ($store: String!) {\n  store: storeByDomain (input: {store: $store}) {\n    currency\n    planActive\n    store\n    widgetAutoOptIn\n    widgetPollProtection\n    widgetShowCart\n    excludedProductSkus\n    excludedCustomersIdsAutoOptIn\n    protectionSettings\n  }\n}",variables:{store:s}},i=await this._fetch.post(t.toString(),e);if(!i)throw new Error("Missing response for store query.");if(null==(o=i.errors)?void 0:o.length)throw new Error(i.errors[0].message);if(!(null==(r=i.data)?void 0:r.store))throw new Error("Missing store from store query response.");return i.data.store}catch(a){throw console.error(a),new Error(`Could not find a store for ${this._storeDomain}`)}}async _fetchCart(){try{return await this._fetch.get("/cart.js")}catch(t){throw de(t.message),new Error("Could not fetch cart for current domain.")}}async _fetchProduct(){try{const{product:t}=await this._fetch.get("/products/shipaid-protection.json");return t}catch(t){throw de(t.message),new Error("Could not fetch protection product for current domain.")}}hasProtection(){return this._hasProtectionInCart}async updateCart(t){t||(t=await this._fetchCart()),this._cart=t}async addProtection(){var t,e;try{if(!this._store)throw new Error("Store has not been loaded.");if(!(null==(t=this._cart)?void 0:t.items))throw new Error("Cart has not been loaded.");if(!(null==(e=this._protectionVariant)?void 0:e.id))throw new Error("No protection variant found.");this._setState("loading");const i={quantity:1,id:this._protectionVariant.id},o=await this._fetch.post("/cart/add.js",i);await this._handleRefresh(o),this._setState("success")}catch(i){de(i.message),this._setState("error","Failed to add protection to cart - please try again, or contact us for help.")}}async removeProtection(){try{if(!this._store)throw new Error("Store has not been loaded.");if(!this._protectionCartItem)throw new Error("Protection product not found.");this._setState("loading");const t={quantity:0,id:this._protectionCartItem.key},e=await this._fetch.post("/cart/change.js",t);await this._handleRefresh(e),this._cart=e,this._setState("success")}catch(t){de(t.message),this._setState("error","Failed to add protection to cart - please try again, or contact us for help.")}}async attemptAddProtection(){var t,e,i,o,r,s;if(!(null==(t=this._store)?void 0:t.widgetAutoOptIn))return;if(!(null==(e=this._cart)?void 0:e.items)||!(null==(i=this._cart)?void 0:i.item_count))return;const a=null==(o=this._cart.items)?void 0:o.findIndex((t=>{var e,i;return null==(i=null==(e=this._protectionProduct)?void 0:e.variants)?void 0:i.some((e=>e.id===t.variant_id))})),n=null==(r=this._cart)?void 0:r.items[a];if(this._hasProtectionInCart=!!n,1===this._cart.item_count&&n)return;!!sessionStorage.getItem(le)||(sessionStorage.setItem(le,JSON.stringify({loaded:!0})),!this._hasProtectionInCart&&(null==(s=this._cart)?void 0:s.item_count)&&this._store.widgetShowCart&&await this.addProtection())}learnMorePopupTemplate(){return B`
       <shipaid-popup-learn-more
@@ -935,7 +936,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
           margin-left: auto;
           display: flex;
           flex-direction: column;
-          justify-content: space-between;
+          justify-content: var(--shipaid-prompt-product-actions-content, space-between);
           text-align: right;
           min-width: 55px;
         }
@@ -960,15 +961,16 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
           text-align: right;
         }
         .shipaid-prompt .prompt-footer {
+          margin-top: var(--shipaid-prompt-footer-topMargin, 0px);
           display: flex;
           flex-direction: row;
-          justify-content: flex-start;
+          justify-content: var(--shipaid-prompt-footer-location, flex-start);
           align-items: center;
         }
         .shipaid-prompt .prompt-footer .prompt-footer-about {
           color: var(--shipaid-text);
           cursor: pointer;
-          font-size: 10px;
+          font-size: var(--shipaid-prompt-footer-button-size, 10px);
           background-color: transparent;
           cursor: pointer;
           border: 1px solid var(--shipaid-text);
@@ -982,7 +984,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
           );
           color: var(--shipaid-prompt-badge-text-color, var(--shipaid-text));
           padding: 0.2rem 1rem;
-          border-radius: 30px;
+          border-radius: var(--shipaid-prompt-badge-border-radius, 30px);
           cursor: pointer;
           text-decoration: none;
           font-size: var(--shipaid-font-xs);
@@ -992,7 +994,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
           white-space: nowrap;
         }
         .shipaid-prompt .prompt-footer .prompt-footer-badge svg {
-          height: 9px;
+          height:var(--shipaid-footer-badge-logo-height, 9px);
         }
       </style>
       <div class="shipaid">

package/dist/widget.umd.js

@@ -728,7 +728,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
     margin-left: auto;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    justify-content: var(--shipaid-prompt-product-actions-content, space-between);
     text-align: right;
     min-width: 55px;
   }
@@ -753,15 +753,16 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
     text-align: right;
   }
   .shipaid-prompt .prompt-footer {
+    margin-top: var(--shipaid-prompt-footer-topMargin, 0px);
     display: flex;
     flex-direction: row;
-    justify-content: flex-start;
+    justify-content: var(--shipaid-prompt-footer-location, flex-start);
     align-items: center;
   }
   .shipaid-prompt .prompt-footer .prompt-footer-about {
     color: var(--shipaid-text);
     cursor: pointer;
-    font-size: 10px;
+    font-size: var(--shipaid-prompt-footer-button-size, 10px);
     background-color: transparent;
     cursor: pointer;
     border: 1px solid var(--shipaid-text);
@@ -775,7 +776,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
     );
     color: var(--shipaid-prompt-badge-text-color, var(--shipaid-text));
     padding: 0.2rem 1rem;
-    border-radius: 30px;
+    border-radius: var(--shipaid-prompt-badge-border-radius, 30px);
     cursor: pointer;
     text-decoration: none;
     font-size: var(--shipaid-font-xs);
@@ -785,7 +786,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
     white-space: nowrap;
   }
   .shipaid-prompt .prompt-footer .prompt-footer-badge svg {
-    height: 9px;
+    height:var(--shipaid-footer-badge-logo-height, 9px);
   }
 `;var oe=(t=>(t.LOADED="shipaid-loaded",t.STATUS_UPDATE="shipaid-protection-status",t))(oe||{}),re=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ae=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?se(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&re(e,i,s),s};const ne=async(t,e)=>{try{const i=await fetch(t,e);if(!i.ok)throw new Error(await i.text());return await i.json()}catch(i){throw console.error(i),new Error("Failed to complete fetch request.")}},pe=t=>console.warn(`[ShipAid] ${t}`),de=t=>console.error(`[ShipAid] ${t}`),le="shipaid-protection",ce=Object.assign({"./lang/en.json":()=>Promise.resolve().then((()=>ee)).then((t=>t.default)),"./lang/es.json":()=>Promise.resolve().then((()=>ye)).then((t=>t.default)),"./lang/it.json":()=>Promise.resolve().then((()=>Le)).then((t=>t.default)),"./lang/pt.json":()=>Promise.resolve().then((()=>Te)).then((t=>t.default))});var he;he={loader:async t=>{if("en"===t)return te;const e=Reflect.get(ce,`./lang/${t}.json`);return e?await e():te}},_t=Object.assign(Object.assign({},_t),he),t.ShipAidWidget=class extends ht{constructor(){var t,e,i;super(...arguments),this.disablePolling=!1,this.disableActions=!1,this.pollingInterval=2500,this.disableRefresh=!1,this.lang="en",this.currency=void 0,this.customerId=void 0,this._apiEndpoint="/apps/shipaid",this._storeDomain=(null==(t=window.Shopify)?void 0:t.shop)??(null==(i=null==(e=window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost),this._hasFinishedSetup=!1,this._shouldShowWidget=!0,this._hasProtectionInCart=!1,this.hasLoadedStrings=!1,this.intervalId=0,this._state={loading:!1,success:null,error:!1},this._popup=null,this._fetch={get:t=>ne(t),post:(t,e)=>ne(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})}}shouldUpdate(t){return this.hasLoadedStrings&&super.shouldUpdate(t)}get shouldRefreshOnUpdate(){return!this.disablePolling&&!this.disableRefresh}get planActive(){var t,e;const{searchParams:i}=new URL(window.location.href);return(null==(t=window.Shopify)?void 0:t.designMode)||i.has("shipaid-test")?(pe("Currently in preview mode."),!0):!!(null==(e=this._store)?void 0:e.planActive)}_currencyFormat(t){var e,i,o;return new Intl.NumberFormat(void 0,{currency:this.currency||(null==(e=this._store)?void 0:e.currency)||(null==(o=null==(i=window.Shopify)?void 0:i.currency)?void 0:o.active)||"USD",style:"currency"}).format(Number(t))}_dispatchEvent(t,e={}){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e}))}async _handleRefresh(t){const e=Reflect.has(t,"items");if(this.shouldRefreshOnUpdate)return window.location.reload();e||await this.updateCart(),this._dispatchEvent(oe.STATUS_UPDATE,{protection:this._hasProtectionInCart,cart:e?t:this._cart,lineItem:e?this._protectionCartItem:t})}async calculateProtectionTotal(t){if(t||(t=await this._fetchCart()),!t)throw new Error("Could not fetch cart.");if(!this._store)throw new Error("Missing ShipAid store");if(!this._protectionProduct)throw new Error("Missing Shopify protection product");return e.calculateProtectionTotal(this._store,this._protectionProduct,t)}_findProtectionVariant(t){if(!this._store)throw new Error("Missing ShipAid store");if(!this._protectionProduct)throw new Error("Missing Shopify protection product");return e.findProtectionVariant(this._store,this._protectionProduct,t)}_setState(t,e){this._state={loading:"loading"===t,success:"success"===t,error:"error"===t&&(e||!0)}}async _updateProtection(){return this._hasProtectionInCart?this.removeProtection():this.addProtection()}async _fetchShipAidData(){var t,e,i,o,r;const s=(null==(t=window.Shopify)?void 0:t.shop)??(null==(i=null==(e=window.Shopify)?void 0:e.Checkout)?void 0:i.apiHost);if(!s)throw new Error("No shop found in Shopify object.");try{const t=new URL(window.location.href);t.pathname=this._apiEndpoint;const e={query:"query StoreByDomain ($store: String!) {\n  store: storeByDomain (input: {store: $store}) {\n    currency\n    planActive\n    store\n    widgetAutoOptIn\n    widgetPollProtection\n    widgetShowCart\n    excludedProductSkus\n    excludedCustomersIdsAutoOptIn\n    protectionSettings\n  }\n}",variables:{store:s}},i=await this._fetch.post(t.toString(),e);if(!i)throw new Error("Missing response for store query.");if(null==(o=i.errors)?void 0:o.length)throw new Error(i.errors[0].message);if(!(null==(r=i.data)?void 0:r.store))throw new Error("Missing store from store query response.");return i.data.store}catch(a){throw console.error(a),new Error(`Could not find a store for ${this._storeDomain}`)}}async _fetchCart(){try{return await this._fetch.get("/cart.js")}catch(t){throw de(t.message),new Error("Could not fetch cart for current domain.")}}async _fetchProduct(){try{const{product:t}=await this._fetch.get("/products/shipaid-protection.json");return t}catch(t){throw de(t.message),new Error("Could not fetch protection product for current domain.")}}hasProtection(){return this._hasProtectionInCart}async updateCart(t){t||(t=await this._fetchCart()),this._cart=t}async addProtection(){var t,e;try{if(!this._store)throw new Error("Store has not been loaded.");if(!(null==(t=this._cart)?void 0:t.items))throw new Error("Cart has not been loaded.");if(!(null==(e=this._protectionVariant)?void 0:e.id))throw new Error("No protection variant found.");this._setState("loading");const i={quantity:1,id:this._protectionVariant.id},o=await this._fetch.post("/cart/add.js",i);await this._handleRefresh(o),this._setState("success")}catch(i){de(i.message),this._setState("error","Failed to add protection to cart - please try again, or contact us for help.")}}async removeProtection(){try{if(!this._store)throw new Error("Store has not been loaded.");if(!this._protectionCartItem)throw new Error("Protection product not found.");this._setState("loading");const t={quantity:0,id:this._protectionCartItem.key},e=await this._fetch.post("/cart/change.js",t);await this._handleRefresh(e),this._cart=e,this._setState("success")}catch(t){de(t.message),this._setState("error","Failed to add protection to cart - please try again, or contact us for help.")}}async attemptAddProtection(){var t,e,i,o,r,s;if(!(null==(t=this._store)?void 0:t.widgetAutoOptIn))return;if(!(null==(e=this._cart)?void 0:e.items)||!(null==(i=this._cart)?void 0:i.item_count))return;const a=null==(o=this._cart.items)?void 0:o.findIndex((t=>{var e,i;return null==(i=null==(e=this._protectionProduct)?void 0:e.variants)?void 0:i.some((e=>e.id===t.variant_id))})),n=null==(r=this._cart)?void 0:r.items[a];if(this._hasProtectionInCart=!!n,1===this._cart.item_count&&n)return;!!sessionStorage.getItem(le)||(sessionStorage.setItem(le,JSON.stringify({loaded:!0})),!this._hasProtectionInCart&&(null==(s=this._cart)?void 0:s.item_count)&&this._store.widgetShowCart&&await this.addProtection())}learnMorePopupTemplate(){return B`
       <shipaid-popup-learn-more
@@ -935,7 +936,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
           margin-left: auto;
           display: flex;
           flex-direction: column;
-          justify-content: space-between;
+          justify-content: var(--shipaid-prompt-product-actions-content, space-between);
           text-align: right;
           min-width: 55px;
         }
@@ -960,15 +961,16 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
           text-align: right;
         }
         .shipaid-prompt .prompt-footer {
+          margin-top: var(--shipaid-prompt-footer-topMargin, 0px);
           display: flex;
           flex-direction: row;
-          justify-content: flex-start;
+          justify-content: var(--shipaid-prompt-footer-location, flex-start);
           align-items: center;
         }
         .shipaid-prompt .prompt-footer .prompt-footer-about {
           color: var(--shipaid-text);
           cursor: pointer;
-          font-size: 10px;
+          font-size: var(--shipaid-prompt-footer-button-size, 10px);
           background-color: transparent;
           cursor: pointer;
           border: 1px solid var(--shipaid-text);
@@ -982,7 +984,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
           );
           color: var(--shipaid-prompt-badge-text-color, var(--shipaid-text));
           padding: 0.2rem 1rem;
-          border-radius: 30px;
+          border-radius: var(--shipaid-prompt-badge-border-radius, 30px);
           cursor: pointer;
           text-decoration: none;
           font-size: var(--shipaid-font-xs);
@@ -992,7 +994,7 @@ function It(t,e,i){return t?e():null==i?void 0:i()}const qt=u`
           white-space: nowrap;
         }
         .shipaid-prompt .prompt-footer .prompt-footer-badge svg {
-          height: 9px;
+          height:var(--shipaid-footer-badge-logo-height, 9px);
         }
       </style>
       <div class="shipaid">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui.shipaid.com",
   "private": false,
-  "version": "0.3.12",
+  "version": "0.3.14",
   "type": "module",
   "main": "dist/widget.umd.js",
   "unpkg": "dist/widget.iife.js",