ui.shipaid.com 0.3.176 → 0.3.178

package/dist/widget.es.js

@@ -4922,11 +4922,10 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         <a
           href="/checkout${((_g = this._protectionVariant) == null ? void 0 : _g.id) ? `?attributes[_shipaid-internal]=1&updates[${(_h = this._protectionVariant) == null ? void 0 : _h.id}]=0` : ""}"
           class="continue-link"
-        > ${n(
-      linkContinueText,
-      () => o$4(linkContinueText),
-      () => `${translate("checkout-plus.continue")}${isFreeGiftEnabled ? translate("plus.suffix.no-gift") : ""}`
-    )}
+        >
+          <slot name="link-continue"
+            >${linkContinueText || translate("checkout-plus.continue")}${!linkContinueText && isFreeGiftEnabled ? translate("plus.suffix.no-gift") : ""}</slot
+          >
         </a>
       </div>
     `;
@@ -6986,6 +6985,7 @@ class ShipAidCheckoutPlus extends s$1 {
     return x`${styles2}${content}`;
   }
   _renderLegacyContent({ isGreen, isFreeGiftEnabled, iconImg, price }) {
+    var _a, _b, _c, _d, _e, _f;
     const helpClass = isGreen ? "cp-help green" : "cp-help";
     const title2 = get("checkout-plus.labels.cta");
     const protectedLabel = get("checkout-plus.labels.protected");
@@ -7002,6 +7002,8 @@ class ShipAidCheckoutPlus extends s$1 {
     const withFreeGift = isFreeGiftEnabled ? ` ${get("plus.suffix.with-free-gift")}` : "";
     const unprotectedLabel = get("checkout-plus.continue");
     const noGiftSuffix = isFreeGiftEnabled ? get("plus.suffix.no-gift") : "";
+    const customProtectionLabel = (_c = (_b = (_a = this._store) == null ? void 0 : _a.checkoutPlus) == null ? void 0 : _b.labels) == null ? void 0 : _c.protectedLabel;
+    const customNoProtectionLabel = (_f = (_e = (_d = this._store) == null ? void 0 : _d.checkoutPlus) == null ? void 0 : _e.labels) == null ? void 0 : _f.noProtectedLabel;
     return x`
       <div class="cp-container">
         <div class="cp-topbar">
@@ -7029,12 +7031,12 @@ class ShipAidCheckoutPlus extends s$1 {
         </div>
 
         <button class="cp-primary" ?disabled=${this._toggleLoading} @click=${this.handleLegacyPrimaryClick}>
-          ${this._hasProtectionInCart ? checkoutLabel : x`${primaryProtected}${withFreeGift}`}
+          ${customProtectionLabel || (this._hasProtectionInCart ? checkoutLabel : x`${primaryProtected}${withFreeGift}`)}
         </button>
         </div>
         ${this._hasProtectionInCart ? A : x`
             <button class="cp-secondary" ?disabled=${this._toggleLoading} @click=${this.handleLegacySecondaryClick}>
-              ${unprotectedLabel}${noGiftSuffix}
+              ${customNoProtectionLabel || unprotectedLabel}${!customNoProtectionLabel || noGiftSuffix}
             </button>
           `}
     `;

package/dist/widget.iife.js

@@ -1232,7 +1232,10 @@ function GA(A,e,t){return A?e():null==t?void 0:t()}const JA=aA`
         <a
           href="/checkout${(null==(B=this._protectionVariant)?void 0:B.id)?`?attributes[_shipaid-internal]=1&updates[${null==(Q=this._protectionVariant)?void 0:Q.id}]=0`:""}"
           class="continue-link"
-        > ${GA(c,(()=>AA(c)),(()=>`${LA("checkout-plus.continue")}${n?LA("plus.suffix.no-gift"):""}`))}
+        >
+          <slot name="link-continue"
+            >${c||LA("checkout-plus.continue")}${!c&&n?LA("plus.suffix.no-gift"):""}</slot
+          >
         </a>
       </div>
     `}checkoutButtonTemplate(){var A,e;this._injectCheckoutButtonGlobalStyles();const t=this._findAndCacheCheckoutButton();if(!t)return;t.setAttribute("shipaid-hidden","");const d=this._cachedCheckoutButtonClasses||t.className,{protectionPrice:n,cartTotal:r}=this._calculateCheckoutCartTotals(),{isGreenProtectionEnabled:a,isFreeGiftEnabled:o,impactActive:g}=this._getCheckoutImpactFeatures(),v=E`
@@ -1961,39 +1964,39 @@ function GA(A,e,t){return A?e():null==t?void 0:t()}const JA=aA`
           --cp-icon:11px;
         }
       }
-    </style>`;this._hasRenderedLegacyOnce||"legacy"!==this._uiMode||(this._hasRenderedLegacyOnce=!0);const u="legacy"===this._uiMode?this._renderLegacyContent({isGreen:r,isFreeGiftEnabled:a,iconImg:o,price:g}):this._renderToggleContent({isGreen:r,isFreeGiftEnabled:a,iconImg:o,price:g});return E`${v}${u}`}_renderLegacyContent({isGreen:A,isFreeGiftEnabled:e,iconImg:t,price:d}){const n=A?"cp-help green":"cp-help",r=qA("checkout-plus.labels.cta"),a=qA("checkout-plus.labels.protected"),o=e?qA("plus.suffix.free-gift"):"",g=A?qA("plus.suffix.tree"):"",v=qA("plus.learn-more"),u=qA("plus.benefits.title"),f=qA("plus.see-details"),D=qA("plus.benefits.protected"),B=qA("plus.benefits.free-gift"),Q=qA("plus.benefits.tree"),p=qA("checkout-plus.buttons.secondary"),s=qA("checkout-plus.buttons.primary"),c=e?` ${qA("plus.suffix.with-free-gift")}`:"",i=qA("checkout-plus.continue"),l=e?qA("plus.suffix.no-gift"):"";return E`
+    </style>`;this._hasRenderedLegacyOnce||"legacy"!==this._uiMode||(this._hasRenderedLegacyOnce=!0);const u="legacy"===this._uiMode?this._renderLegacyContent({isGreen:r,isFreeGiftEnabled:a,iconImg:o,price:g}):this._renderToggleContent({isGreen:r,isFreeGiftEnabled:a,iconImg:o,price:g});return E`${v}${u}`}_renderLegacyContent({isGreen:A,isFreeGiftEnabled:e,iconImg:t,price:d}){var n,r,a,o,g,v;const u=A?"cp-help green":"cp-help",f=qA("checkout-plus.labels.cta"),D=qA("checkout-plus.labels.protected"),B=e?qA("plus.suffix.free-gift"):"",Q=A?qA("plus.suffix.tree"):"",p=qA("plus.learn-more"),s=qA("plus.benefits.title"),c=qA("plus.see-details"),i=qA("plus.benefits.protected"),l=qA("plus.benefits.free-gift"),P=qA("plus.benefits.tree"),b=qA("checkout-plus.buttons.secondary"),z=qA("checkout-plus.buttons.primary"),N=e?` ${qA("plus.suffix.with-free-gift")}`:"",X=qA("checkout-plus.continue"),w=e?qA("plus.suffix.no-gift"):"",m=null==(a=null==(r=null==(n=this._store)?void 0:n.checkoutPlus)?void 0:r.labels)?void 0:a.protectedLabel,O=null==(v=null==(g=null==(o=this._store)?void 0:o.checkoutPlus)?void 0:g.labels)?void 0:v.noProtectedLabel;return E`
       <div class="cp-container">
         <div class="cp-topbar">
           <div class="cp-left">
-            <img src="${t}" alt="${r}" class="cp-icon" />
-            <span class="cp-title">${r} <small>${a}${o}${g}</small></span>
+            <img src="${t}" alt="${f}" class="cp-icon" />
+            <span class="cp-title">${f} <small>${D}${B}${Q}</small></span>
           </div>
           <div class="cp-price">
             <span>${d||"—"}</span>
-           <span class=${n} title="${v}" @click=${this.toggleDetails} aria-expanded="${this.isDetailsOpen}">${ne}</span>
+           <span class=${u} title="${p}" @click=${this.toggleDetails} aria-expanded="${this.isDetailsOpen}">${ne}</span>
           </div>
         </div>
         <div class="cp-benefits-container ${this.isDetailsOpen?"open":""}">
           <div class="cp-benefits">
             <div class="cp-benefits__header">
-              <span>${u}</span>
-              <a href="#" class="cp-benefits__link" @click=${()=>Ve("shipaid-checkout-plus")}>${f}</a>
+              <span>${s}</span>
+              <a href="#" class="cp-benefits__link" @click=${()=>Ve("shipaid-checkout-plus")}>${c}</a>
             </div>
             <ul>
-              <li>${ae}${D}</li>
-              ${e?E`<li>${re}${B}</li>`:T}
-              ${A?E`<li>${de}${Q}</li>`:T}
+              <li>${ae}${i}</li>
+              ${e?E`<li>${re}${l}</li>`:T}
+              ${A?E`<li>${de}${P}</li>`:T}
             </ul>
           </div>
         </div>
 
         <button class="cp-primary" ?disabled=${this._toggleLoading} @click=${this.handleLegacyPrimaryClick}>
-          ${this._hasProtectionInCart?p:E`${s}${c}`}
+          ${m||(this._hasProtectionInCart?b:E`${z}${N}`)}
         </button>
         </div>
         ${this._hasProtectionInCart?T:E`
             <button class="cp-secondary" ?disabled=${this._toggleLoading} @click=${this.handleLegacySecondaryClick}>
-              ${i}${l}
+              ${O||X}${!O||w}
             </button>
           `}
     `}_renderToggleContent({isGreen:A,isFreeGiftEnabled:e,iconImg:t,price:d}){const n=this._desiredProtection,r=A?"cp-help green":"cp-help",a=qA("checkout-plus.labels.cta"),o=qA("checkout-plus.labels.protected"),g=e?qA("plus.suffix.free-gift"):"",v=A?qA("plus.suffix.tree"):"",u=qA("plus.learn-more"),f=qA("plus.benefits.title"),D=qA("plus.see-details"),B=qA("plus.benefits.protected"),Q=qA("plus.benefits.free-gift"),p=qA("plus.benefits.tree"),s=qA("checkout-plus.aria.shipping"),c=qA("checkout-plus.buttons.secondary");return E`

package/dist/widget.umd.js

@@ -1232,7 +1232,10 @@ function GA(A,e,t){return A?e():null==t?void 0:t()}const JA=aA`
         <a
           href="/checkout${(null==(B=this._protectionVariant)?void 0:B.id)?`?attributes[_shipaid-internal]=1&updates[${null==(Q=this._protectionVariant)?void 0:Q.id}]=0`:""}"
           class="continue-link"
-        > ${GA(c,(()=>AA(c)),(()=>`${LA("checkout-plus.continue")}${n?LA("plus.suffix.no-gift"):""}`))}
+        >
+          <slot name="link-continue"
+            >${c||LA("checkout-plus.continue")}${!c&&n?LA("plus.suffix.no-gift"):""}</slot
+          >
         </a>
       </div>
     `}checkoutButtonTemplate(){var A,e;this._injectCheckoutButtonGlobalStyles();const t=this._findAndCacheCheckoutButton();if(!t)return;t.setAttribute("shipaid-hidden","");const d=this._cachedCheckoutButtonClasses||t.className,{protectionPrice:n,cartTotal:r}=this._calculateCheckoutCartTotals(),{isGreenProtectionEnabled:a,isFreeGiftEnabled:o,impactActive:g}=this._getCheckoutImpactFeatures(),v=E`
@@ -1961,39 +1964,39 @@ function GA(A,e,t){return A?e():null==t?void 0:t()}const JA=aA`
           --cp-icon:11px;
         }
       }
-    </style>`;this._hasRenderedLegacyOnce||"legacy"!==this._uiMode||(this._hasRenderedLegacyOnce=!0);const u="legacy"===this._uiMode?this._renderLegacyContent({isGreen:r,isFreeGiftEnabled:a,iconImg:o,price:g}):this._renderToggleContent({isGreen:r,isFreeGiftEnabled:a,iconImg:o,price:g});return E`${v}${u}`}_renderLegacyContent({isGreen:A,isFreeGiftEnabled:e,iconImg:t,price:d}){const n=A?"cp-help green":"cp-help",r=qA("checkout-plus.labels.cta"),a=qA("checkout-plus.labels.protected"),o=e?qA("plus.suffix.free-gift"):"",g=A?qA("plus.suffix.tree"):"",v=qA("plus.learn-more"),u=qA("plus.benefits.title"),f=qA("plus.see-details"),D=qA("plus.benefits.protected"),B=qA("plus.benefits.free-gift"),Q=qA("plus.benefits.tree"),p=qA("checkout-plus.buttons.secondary"),s=qA("checkout-plus.buttons.primary"),c=e?` ${qA("plus.suffix.with-free-gift")}`:"",i=qA("checkout-plus.continue"),l=e?qA("plus.suffix.no-gift"):"";return E`
+    </style>`;this._hasRenderedLegacyOnce||"legacy"!==this._uiMode||(this._hasRenderedLegacyOnce=!0);const u="legacy"===this._uiMode?this._renderLegacyContent({isGreen:r,isFreeGiftEnabled:a,iconImg:o,price:g}):this._renderToggleContent({isGreen:r,isFreeGiftEnabled:a,iconImg:o,price:g});return E`${v}${u}`}_renderLegacyContent({isGreen:A,isFreeGiftEnabled:e,iconImg:t,price:d}){var n,r,a,o,g,v;const u=A?"cp-help green":"cp-help",f=qA("checkout-plus.labels.cta"),D=qA("checkout-plus.labels.protected"),B=e?qA("plus.suffix.free-gift"):"",Q=A?qA("plus.suffix.tree"):"",p=qA("plus.learn-more"),s=qA("plus.benefits.title"),c=qA("plus.see-details"),i=qA("plus.benefits.protected"),l=qA("plus.benefits.free-gift"),P=qA("plus.benefits.tree"),b=qA("checkout-plus.buttons.secondary"),z=qA("checkout-plus.buttons.primary"),N=e?` ${qA("plus.suffix.with-free-gift")}`:"",X=qA("checkout-plus.continue"),w=e?qA("plus.suffix.no-gift"):"",m=null==(a=null==(r=null==(n=this._store)?void 0:n.checkoutPlus)?void 0:r.labels)?void 0:a.protectedLabel,O=null==(v=null==(g=null==(o=this._store)?void 0:o.checkoutPlus)?void 0:g.labels)?void 0:v.noProtectedLabel;return E`
       <div class="cp-container">
         <div class="cp-topbar">
           <div class="cp-left">
-            <img src="${t}" alt="${r}" class="cp-icon" />
-            <span class="cp-title">${r} <small>${a}${o}${g}</small></span>
+            <img src="${t}" alt="${f}" class="cp-icon" />
+            <span class="cp-title">${f} <small>${D}${B}${Q}</small></span>
           </div>
           <div class="cp-price">
             <span>${d||"—"}</span>
-           <span class=${n} title="${v}" @click=${this.toggleDetails} aria-expanded="${this.isDetailsOpen}">${ne}</span>
+           <span class=${u} title="${p}" @click=${this.toggleDetails} aria-expanded="${this.isDetailsOpen}">${ne}</span>
           </div>
         </div>
         <div class="cp-benefits-container ${this.isDetailsOpen?"open":""}">
           <div class="cp-benefits">
             <div class="cp-benefits__header">
-              <span>${u}</span>
-              <a href="#" class="cp-benefits__link" @click=${()=>Ve("shipaid-checkout-plus")}>${f}</a>
+              <span>${s}</span>
+              <a href="#" class="cp-benefits__link" @click=${()=>Ve("shipaid-checkout-plus")}>${c}</a>
             </div>
             <ul>
-              <li>${ae}${D}</li>
-              ${e?E`<li>${re}${B}</li>`:T}
-              ${A?E`<li>${de}${Q}</li>`:T}
+              <li>${ae}${i}</li>
+              ${e?E`<li>${re}${l}</li>`:T}
+              ${A?E`<li>${de}${P}</li>`:T}
             </ul>
           </div>
         </div>
 
         <button class="cp-primary" ?disabled=${this._toggleLoading} @click=${this.handleLegacyPrimaryClick}>
-          ${this._hasProtectionInCart?p:E`${s}${c}`}
+          ${m||(this._hasProtectionInCart?b:E`${z}${N}`)}
         </button>
         </div>
         ${this._hasProtectionInCart?T:E`
             <button class="cp-secondary" ?disabled=${this._toggleLoading} @click=${this.handleLegacySecondaryClick}>
-              ${i}${l}
+              ${O||X}${!O||w}
             </button>
           `}
     `}_renderToggleContent({isGreen:A,isFreeGiftEnabled:e,iconImg:t,price:d}){const n=this._desiredProtection,r=A?"cp-help green":"cp-help",a=qA("checkout-plus.labels.cta"),o=qA("checkout-plus.labels.protected"),g=e?qA("plus.suffix.free-gift"):"",v=A?qA("plus.suffix.tree"):"",u=qA("plus.learn-more"),f=qA("plus.benefits.title"),D=qA("plus.see-details"),B=qA("plus.benefits.protected"),Q=qA("plus.benefits.free-gift"),p=qA("plus.benefits.tree"),s=qA("checkout-plus.aria.shipping"),c=qA("checkout-plus.buttons.secondary");return E`

package/package.json

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