ui.shipaid.com 0.3.174 → 0.3.176

package/dist/widget.es.js

@@ -4668,7 +4668,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
    * @private
    */
   _renderDefaultCheckoutButton(originalClasses, protectionPrice, cartTotal, isGreenProtectionEnabled, isFreeGiftEnabled, impactActive, loading2) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { logo, title: title2 = "", linkContinueText } = ((_b = (_a = this._store) == null ? void 0 : _a.widgetConfigurations) == null ? void 0 : _b.checkoutPlus) || { logo: null, title: null, linkContinueText: null };
     return x`
       <style>
         :host {
@@ -4842,11 +4843,11 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         <div class="protection-info">
           <div class="protection-text">
             <img
-              src="${impactActive ? ShipAidImpactIcon : ShipAidBlueIcon}"
+              src="${logo || (impactActive ? ShipAidImpactIcon : ShipAidBlueIcon)}"
               style="width: 20px;"
             />
             ${n(
-      !this.widgetTitle,
+      !(this.widgetTitle || title2),
       () => x`<strong
                   >${translate("checkout-plus.checkout-title")}+</strong
                 >`
@@ -4854,8 +4855,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
             <div class="protection-value">
               <slot name="checkout-plus-heading">
                 ${n(
-      this.widgetTitle,
-      () => o$4(this.widgetTitle),
+      this.widgetTitle || title2,
+      () => o$4(this.widgetTitle || title2 || ""),
       () => impactActive ? this.renderImpactTitle(isGreenProtectionEnabled, isFreeGiftEnabled) : translate("checkout-plus.title")
     )}
               </slot>
@@ -4879,7 +4880,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
         ${this._sellingPlanId ? x`
               <button
                 id="${this.buttonId || "shipaid-checkout-button"}"
-                variant="${(_a = this._protectionVariant) == null ? void 0 : _a.id}"
+                variant="${(_c = this._protectionVariant) == null ? void 0 : _c.id}"
                 class="${this.buttonClasses || originalClasses}"
                 @click=${async () => {
       var _a2, _b2;
@@ -4896,8 +4897,8 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
               </button>
             ` : x`
               <a
-                variant="${(_b = this._protectionVariant) == null ? void 0 : _b.id}"
-                href="/checkout${((_c = this._protectionVariant) == null ? void 0 : _c.id) ? `?attributes[_shipaid-internal]=1&updates[${(_d = this._protectionVariant) == null ? void 0 : _d.id}]=1` : ""}"
+                variant="${(_d = this._protectionVariant) == null ? void 0 : _d.id}"
+                href="/checkout${((_e = this._protectionVariant) == null ? void 0 : _e.id) ? `?attributes[_shipaid-internal]=1&updates[${(_f = this._protectionVariant) == null ? void 0 : _f.id}]=1` : ""}"
                 id="${this.buttonId || "shipaid-checkout-button"}"
                 class="${this.buttonClasses || originalClasses}"
                 @click=${() => {
@@ -4919,12 +4920,13 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
               </a>
             `}
         <a
-          href="/checkout${((_e = this._protectionVariant) == null ? void 0 : _e.id) ? `?attributes[_shipaid-internal]=1&updates[${(_f = this._protectionVariant) == null ? void 0 : _f.id}]=0` : ""}"
+          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"
-        >
-          <slot name="link-continue"
-            >${translate("checkout-plus.continue")}${isFreeGiftEnabled ? translate("plus.suffix.no-gift") : ""}</slot
-          >
+        > ${n(
+      linkContinueText,
+      () => o$4(linkContinueText),
+      () => `${translate("checkout-plus.continue")}${isFreeGiftEnabled ? translate("plus.suffix.no-gift") : ""}`
+    )}
         </a>
       </div>
     `;
@@ -5038,17 +5040,13 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
       this._hasProtectionInCart,
       () => impactActive ? x`<img
                       src="${activeLogo || ShipAidBlackImpactIcon}"
-                      style="width: 50px;"
                     />` : activeLogo ? x`<img
                       src="${activeLogo}"
-                      style="width: 50px;"
                     />` : ShipAidLogo,
       () => impactActive ? x`<img
                       src="${inactiveLogo || ShipAidImpactIcon}"
-                      style="width: 50px;"
                     />` : inactiveLogo ? x`<img
                       src="${activeLogo}"
-                      style="width: 50px;"
                     />` : CheckmarkIcon
     )}
           </div>