ui.shipaid.com 0.3.119 → 0.3.120
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/widget.es.js +25 -21
- package/dist/widget.iife.js +1 -1
- package/dist/widget.umd.js +1 -1
- package/package.json +1 -1
package/dist/widget.es.js
CHANGED
|
@@ -1564,13 +1564,13 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
1564
1564
|
};
|
|
1565
1565
|
}
|
|
1566
1566
|
function J(n2, e3, o3, a2, r2, l2, i3, d2, c2, s3) {
|
|
1567
|
-
var h2, t2, m2, p2, b, y2, w2, f2, u2, H2, S2, k2,
|
|
1567
|
+
var h2, t2, m2, p2, b, y2, w2, f2, u2, H2, S2, k2, P2, E2, R2, M2, oe, C2 = e3.type;
|
|
1568
1568
|
if (e3.constructor != null) return null;
|
|
1569
1569
|
128 & o3.__u && (c2 = !!(32 & o3.__u), l2 = [d2 = e3.__e = o3.__e]), (h2 = g2.__b) && h2(e3);
|
|
1570
|
-
e: if (typeof
|
|
1571
|
-
if (f2 = e3.props, u2 = "prototype" in
|
|
1570
|
+
e: if (typeof C2 == "function") try {
|
|
1571
|
+
if (f2 = e3.props, u2 = "prototype" in C2 && C2.prototype.render, H2 = (h2 = C2.contextType) && a2[h2.__c], S2 = h2 ? H2 ? H2.props.value : h2.__ : a2, o3.__c ? w2 = (t2 = e3.__c = o3.__c).__ = t2.__E : (u2 ? e3.__c = t2 = new C2(f2, S2) : (e3.__c = t2 = new I2(f2, S2), t2.constructor = C2, t2.render = je), H2 && H2.sub(t2), t2.props = f2, t2.state || (t2.state = {}), t2.context = S2, t2.__n = a2, m2 = t2.__d = true, t2.__h = [], t2._sb = []), u2 && t2.__s == null && (t2.__s = t2.state), u2 && C2.getDerivedStateFromProps != null && (t2.__s == t2.state && (t2.__s = T2({}, t2.__s)), T2(t2.__s, C2.getDerivedStateFromProps(f2, t2.__s))), p2 = t2.props, b = t2.state, t2.__v = e3, m2) u2 && C2.getDerivedStateFromProps == null && t2.componentWillMount != null && t2.componentWillMount(), u2 && t2.componentDidMount != null && t2.__h.push(t2.componentDidMount);
|
|
1572
1572
|
else {
|
|
1573
|
-
if (u2 &&
|
|
1573
|
+
if (u2 && C2.getDerivedStateFromProps == null && f2 !== p2 && t2.componentWillReceiveProps != null && t2.componentWillReceiveProps(f2, S2), !t2.__e && t2.shouldComponentUpdate != null && t2.shouldComponentUpdate(f2, t2.__s, S2) === false || e3.__v == o3.__v) {
|
|
1574
1574
|
for (e3.__v != o3.__v && (t2.props = f2, t2.state = t2.__s, t2.__d = false), e3.__e = o3.__e, e3.__k = o3.__k, e3.__k.some(function(z2) {
|
|
1575
1575
|
z2 && (z2.__ = e3);
|
|
1576
1576
|
}), k2 = 0; k2 < t2._sb.length; k2++) t2.__h.push(t2._sb[k2]);
|
|
@@ -1581,11 +1581,11 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
1581
1581
|
t2.componentDidUpdate(p2, b, y2);
|
|
1582
1582
|
});
|
|
1583
1583
|
}
|
|
1584
|
-
if (t2.context = S2, t2.props = f2, t2.__P = n2, t2.__e = false,
|
|
1585
|
-
for (t2.state = t2.__s, t2.__d = false,
|
|
1584
|
+
if (t2.context = S2, t2.props = f2, t2.__P = n2, t2.__e = false, P2 = g2.__r, E2 = 0, u2) {
|
|
1585
|
+
for (t2.state = t2.__s, t2.__d = false, P2 && P2(e3), h2 = t2.render(t2.props, t2.state, t2.context), R2 = 0; R2 < t2._sb.length; R2++) t2.__h.push(t2._sb[R2]);
|
|
1586
1586
|
t2._sb = [];
|
|
1587
1587
|
} else do
|
|
1588
|
-
t2.__d = false,
|
|
1588
|
+
t2.__d = false, P2 && P2(e3), h2 = t2.render(t2.props, t2.state, t2.context), t2.state = t2.__s;
|
|
1589
1589
|
while (t2.__d && ++E2 < 25);
|
|
1590
1590
|
t2.state = t2.__s, t2.getChildContext != null && (a2 = T2(T2({}, a2), t2.getChildContext())), u2 && !m2 && t2.getSnapshotBeforeUpdate != null && (y2 = t2.getSnapshotBeforeUpdate(p2, b)), M2 = h2, h2 != null && h2.type === F && h2.key == null && (M2 = fe(h2.props.children)), d2 = _e(n2, U(M2) ? M2 : [M2], e3, o3, a2, r2, l2, i3, d2, c2, s3), t2.base = e3.__e, e3.__u &= -161, t2.__h.length && i3.push(t2), w2 && (t2.__E = t2.__ = null);
|
|
1591
1591
|
} catch (z2) {
|
|
@@ -1728,7 +1728,7 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
1728
1728
|
}
|
|
1729
1729
|
}
|
|
1730
1730
|
})(window, document);
|
|
1731
|
-
var L2, v2, Z2, ve, q = 0, xe = [], x2 = g2, ye = x2.__b, we = x2.__r, ke = x2.diffed, Ee = x2.__c, Se = x2.unmount,
|
|
1731
|
+
var L2, v2, Z2, ve, q = 0, xe = [], x2 = g2, ye = x2.__b, we = x2.__r, ke = x2.diffed, Ee = x2.__c, Se = x2.unmount, Pe = x2.__;
|
|
1732
1732
|
function ee(n2, e3) {
|
|
1733
1733
|
x2.__h && x2.__h(v2, n2, q || e3), q = 0;
|
|
1734
1734
|
var o3 = v2.__H || (v2.__H = { __: [], __h: [] });
|
|
@@ -1771,7 +1771,7 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
1771
1771
|
}
|
|
1772
1772
|
return a2.__N || a2.__;
|
|
1773
1773
|
}
|
|
1774
|
-
function
|
|
1774
|
+
function Ce(n2, e3) {
|
|
1775
1775
|
var o3 = ee(L2++, 3);
|
|
1776
1776
|
!x2.__s && De(o3.__H, e3) && (o3.__ = n2, o3.u = e3, v2.__H.__h.push(o3));
|
|
1777
1777
|
}
|
|
@@ -1794,7 +1794,7 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
1794
1794
|
x2.__b = function(n2) {
|
|
1795
1795
|
v2 = null, ye && ye(n2);
|
|
1796
1796
|
}, x2.__ = function(n2, e3) {
|
|
1797
|
-
n2 && e3.__k && e3.__k.__m && (n2.__m = e3.__k.__m),
|
|
1797
|
+
n2 && e3.__k && e3.__k.__m && (n2.__m = e3.__k.__m), Pe && Pe(n2, e3);
|
|
1798
1798
|
}, x2.__r = function(n2) {
|
|
1799
1799
|
we && we(n2), L2 = 0;
|
|
1800
1800
|
var e3 = (v2 = n2.__c).__H;
|
|
@@ -1853,7 +1853,11 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
1853
1853
|
function He(n2, e3) {
|
|
1854
1854
|
return typeof e3 == "function" ? e3(n2) : e3;
|
|
1855
1855
|
}
|
|
1856
|
-
const Xe =
|
|
1856
|
+
const Xe = `:host {
|
|
1857
|
+
font-size: 10.5px;
|
|
1858
|
+
}
|
|
1859
|
+
|
|
1860
|
+
shipaid-global-modal {
|
|
1857
1861
|
position: relative;
|
|
1858
1862
|
}
|
|
1859
1863
|
|
|
@@ -1989,14 +1993,14 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
1989
1993
|
/* Slide 1 */
|
|
1990
1994
|
|
|
1991
1995
|
.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-one {
|
|
1992
|
-
background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1756301260/
|
|
1996
|
+
background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1756301260/1_wuoucw.png');
|
|
1993
1997
|
background-size: cover;
|
|
1994
1998
|
background-position: center;
|
|
1995
1999
|
}
|
|
1996
2000
|
|
|
1997
2001
|
/* Slide 2 */
|
|
1998
2002
|
.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two {
|
|
1999
|
-
background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1754503970/
|
|
2003
|
+
background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1754503970/Instant_Package_Protection_4_bdl2sq.png');
|
|
2000
2004
|
background-size: 121%;
|
|
2001
2005
|
background-position: center 100%;
|
|
2002
2006
|
background-repeat: no-repeat;
|
|
@@ -2068,7 +2072,7 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
2068
2072
|
/* Slide 3 */
|
|
2069
2073
|
|
|
2070
2074
|
.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three {
|
|
2071
|
-
background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753371403/
|
|
2075
|
+
background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753371403/Instant_Package_Protection_3_cu2vin.png');
|
|
2072
2076
|
background-size: cover;
|
|
2073
2077
|
background-position: center;
|
|
2074
2078
|
background-repeat: no-repeat;
|
|
@@ -2150,7 +2154,7 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
2150
2154
|
/* Slide 4 */
|
|
2151
2155
|
|
|
2152
2156
|
.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four {
|
|
2153
|
-
background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753375495/
|
|
2157
|
+
background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753375495/Instant_Package_Protection_2_svqyct.png');
|
|
2154
2158
|
background-size: cover;
|
|
2155
2159
|
background-position: center;
|
|
2156
2160
|
background-repeat: no-repeat;
|
|
@@ -2309,8 +2313,8 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
2309
2313
|
}, p2 = () => {
|
|
2310
2314
|
l2(false), c2 > 50 && e3 > 0 ? o3(e3 - 1) : c2 < -50 && e3 < n2.length - 1 && o3(e3 + 1), s3(0);
|
|
2311
2315
|
}, b = 1200, y2 = 400, [, w2] = D2(0), [f2, u2] = D2(false), H2 = (k2) => {
|
|
2312
|
-
f2 || Math.abs(k2.deltaX) > Math.abs(k2.deltaY) && (k2.preventDefault(), w2((
|
|
2313
|
-
const E2 =
|
|
2316
|
+
f2 || Math.abs(k2.deltaX) > Math.abs(k2.deltaY) && (k2.preventDefault(), w2((P2) => {
|
|
2317
|
+
const E2 = P2 + k2.deltaX;
|
|
2314
2318
|
return E2 < -b && e3 > 0 ? (o3(e3 - 1), S2(), 0) : E2 > b && e3 < n2.length - 1 ? (o3(e3 + 1), S2(), 0) : E2;
|
|
2315
2319
|
}));
|
|
2316
2320
|
}, S2 = () => {
|
|
@@ -2318,10 +2322,10 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
2318
2322
|
u2(false);
|
|
2319
2323
|
}, y2);
|
|
2320
2324
|
};
|
|
2321
|
-
return _2("div", { className: "modal-boxes-container", onClick: a2, children: [_2(Be, { onChange: o3, index: e3, maxSlides: n2.length - 1 }), _2("div", { className: "modal-boxes-wrapper", style: { transform: `translateX(calc(-${e3 * 380}px + ${c2}px))`, transition: r2 ? "none" : "transform 0.3s ease", overscrollBehavior: "none", touchAction: "none", userSelect: "none" }, onPointerDown: t2, onPointerMove: m2, onPointerUp: p2, onWheel: H2, children: n2.map((k2,
|
|
2322
|
-
}, Ye = () => _2("div", { class: "slide slide-one" }), Ge = () => _2("div", { class: "slide slide-two", children: [_2("p", { class: "title", children: "SHIPAID" }), _2("p", { class: "subtitle", children: "Direct Brand to Customer Promise" }), _2("p", { class: "desc", children: "We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen! In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution." }), _2("p", { class: "legal", children: "By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allows brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you are purchasing from. The brand will require proof of damage or undelivered product." }), _2("div", { class: "footer", children: [_2("a", { href: "https://www.shipaid.com/terms-of-service", target: "_blank", children: "Terms of Service" }), _2("a", { href: "https://www.shipaid.com/privacy-policy", target: "_blank", children: "Privacy Policy" }), _2("p", { children: "ShipAid © 2025" })] })] }), Ke = () => _2("div", { class: "slide slide-three", children: [_2("p", { class: "title", children: "1 Order = 1 Tree" }), _2("div", { class: "info-bg", children: _2("div", { class: "info-section", children: [_2("div", { class: "info-left", children: [_2("p", { class: "info-title", children: "Protect your order & the environment" }), _2("p", { class: "info-desc", children: "Every SHIPAID purchase plants one tree to offset carbon impact and fight deforestation, verified." })] }), _2("div", { class: "info-right", children: [_2("img", { src: "https://res.cloudinary.com/shipaid/image/upload/v1753199774/
|
|
2325
|
+
return _2("div", { className: "modal-boxes-container", onClick: a2, children: [_2(Be, { onChange: o3, index: e3, maxSlides: n2.length - 1 }), _2("div", { className: "modal-boxes-wrapper", style: { transform: `translateX(calc(-${e3 * 380}px + ${c2}px))`, transition: r2 ? "none" : "transform 0.3s ease", overscrollBehavior: "none", touchAction: "none", userSelect: "none" }, onPointerDown: t2, onPointerMove: m2, onPointerUp: p2, onWheel: H2, children: n2.map((k2, P2) => _2(Re, { children: k2 }, P2)) })] });
|
|
2326
|
+
}, Ye = () => _2("div", { class: "slide slide-one" }), Ge = () => _2("div", { class: "slide slide-two", children: [_2("p", { class: "title", children: "SHIPAID" }), _2("p", { class: "subtitle", children: "Direct Brand to Customer Promise" }), _2("p", { class: "desc", children: "We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen! In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution." }), _2("p", { class: "legal", children: "By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allows brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you are purchasing from. The brand will require proof of damage or undelivered product." }), _2("div", { class: "footer", children: [_2("a", { href: "https://www.shipaid.com/terms-of-service", target: "_blank", children: "Terms of Service" }), _2("a", { href: "https://www.shipaid.com/privacy-policy", target: "_blank", children: "Privacy Policy" }), _2("p", { children: "ShipAid © 2025" })] })] }), Ke = () => _2("div", { class: "slide slide-three", children: [_2("p", { class: "title", children: "1 Order = 1 Tree" }), _2("div", { class: "info-bg", children: _2("div", { class: "info-section", children: [_2("div", { class: "info-left", children: [_2("p", { class: "info-title", children: "Protect your order & the environment" }), _2("p", { class: "info-desc", children: "Every SHIPAID purchase plants one tree to offset carbon impact and fight deforestation, verified." })] }), _2("div", { class: "info-right", children: [_2("img", { src: "https://res.cloudinary.com/shipaid/image/upload/v1753199774/Logo-tree_uz4fzn.svg", alt: "ShipAid Green Logo" }), _2("a", { href: "https://help.shipaid.com/en/article/what-does-the-shipaid-x-thegoodapi-partnership-offer-y4ecs/", target: "_blank", children: "Learn more" })] })] }) })] }), Je = () => _2("div", { class: "slide slide-four", children: [_2("div", { class: "content", children: [_2("p", { class: "title", children: "Kenya Mangroves" }), _2("p", { class: "subtitle", children: "Rebuilding Eastern Africa’s Ecosystems" }), _2("p", { class: "desc", children: ["Restoring mangroves to protect coastlines, support livelihoods, and rebuild ecosystems one tree at a time. Your order helps break the cycle of poverty, naturally. ", _2("a", { href: "https://thegoodapi.com/", target: "_blank", children: "Learn more" })] })] }), _2("div", { class: "footer", children: [_2("p", { children: "Powered by" }), _2("img", { src: "https://res.cloudinary.com/shipaid/image/upload/v1753376903/Copy_of_GoodAPI_Updated_Logo_zn8wuq.png", alt: "GoodAPI Logo" })] })] }), Qe = ({ carouselType: n2, open: e3 }) => {
|
|
2323
2327
|
const [o3, a2] = D2(e3), [r2, l2] = D2(0), i3 = [_2(Ye, {}), _2(Ge, {}), ...n2 === "green-protection" ? [_2(Ke, {}), _2(Je, {})] : []];
|
|
2324
|
-
|
|
2328
|
+
Ce(() => {
|
|
2325
2329
|
const t2 = () => {
|
|
2326
2330
|
window.dispatchEvent(new Event("shipaid:modal-opened")), a2(true);
|
|
2327
2331
|
};
|
|
@@ -2342,7 +2346,7 @@ if (!customElements.get("checkout-package-protection")) {
|
|
|
2342
2346
|
}, [o3, r2]), h2 = Te(() => {
|
|
2343
2347
|
o3 && r2 < i3.length - 1 && c2(r2 + 1);
|
|
2344
2348
|
}, [o3, r2]);
|
|
2345
|
-
return
|
|
2349
|
+
return Ce(() => {
|
|
2346
2350
|
const t2 = () => s3(), m2 = () => h2();
|
|
2347
2351
|
return document.addEventListener("swiped-right", t2), document.addEventListener("swiped-left", m2), () => {
|
|
2348
2352
|
document.removeEventListener("swiped-right", t2), document.removeEventListener("swiped-left", m2);
|
package/dist/widget.iife.js
CHANGED
|
@@ -424,7 +424,7 @@ function Ge(e,t,o){return e?t():null==o?void 0:o()}const Te=ie`
|
|
|
424
424
|
* @inspiration https://stackoverflow.com/questions/16348031/disable-scrolling-when-touch-moving-certain-element
|
|
425
425
|
* @author John Doherty <www.johndoherty.info>
|
|
426
426
|
* @license MIT
|
|
427
|
-
*/}!function(e,t){"initCustomEvent"in t.createEvent("CustomEvent")&&(e.CustomEvent=function(e,o){o=o||{bubbles:!1,cancelable:!1,detail:void 0};var i=t.createEvent("CustomEvent");return i.initCustomEvent(e,o.bubbles,o.cancelable,o.detail),i},e.CustomEvent.prototype=e.Event.prototype),t.addEventListener("touchstart",function(e){"true"!==e.target.getAttribute("data-swipe-ignore")&&(s=e.target,a=Date.now(),o=e.touches[0].clientX,i=e.touches[0].clientY,n=0,r=0)},!1),t.addEventListener("touchmove",function(e){if(o&&i){var t=e.touches[0].clientX,a=e.touches[0].clientY;n=o-t,r=i-a}},!1),t.addEventListener("touchend",function(e){if(s===e.target){var t=parseInt(s.getAttribute("data-swipe-threshold")||"20",10),l=parseInt(s.getAttribute("data-swipe-timeout")||"500",10),d=Date.now()-a,c="";Math.abs(n)>Math.abs(r)?Math.abs(n)>t&&d<l&&(c=n>0?"swiped-left":"swiped-right"):Math.abs(r)>t&&d<l&&(c=r>0?"swiped-up":"swiped-down"),""!==c&&s.dispatchEvent(new CustomEvent(c,{bubbles:!0,cancelable:!0})),o=null,i=null,a=null}},!1);var o=null,i=null,n=null,r=null,a=null,s=null}(window,document);var P,O,Y,D,F=0,N=[],z=t,Z=z.__b,V=z.__r,W=z.diffed,q=z.__c,X=z.unmount,_=z.__;function $(e,t){z.__h&&z.__h(O,e,F||t),F=0;var o=O.__H||(O.__H={__:[],__h:[]});return e>=o.__.length&&o.__.push({}),o.__[e]}function ee(e){return F=1,function(e,t){var o=$(P++,2);if(o.t=e,!o.__c&&(o.__=[de(void 0,t),function(e){var t=o.__N?o.__N[0]:o.__[0],i=o.t(t,e);t!==i&&(o.__N=[i,o.__[1]],o.__c.setState({}))}],o.__c=O,!O.__f)){var i=function(e,t,i){if(!o.__c.__H)return!0;var r=o.__c.__H.__.filter(function(e){return!!e.__c});if(r.every(function(e){return!e.__N}))return!n||n.call(this,e,t,i);var a=o.__c.props!==e;return r.forEach(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(a=!0)}}),n&&n.call(this,e,t,i)||a};O.__f=!0;var n=O.shouldComponentUpdate,r=O.componentWillUpdate;O.componentWillUpdate=function(e,t,o){if(this.__e){var a=n;n=void 0,i(e,t,o),n=a}r&&r.call(this,e,t,o)},O.shouldComponentUpdate=i}return o.__N||o.__}(de,e)}function te(e,t){var o=$(P++,3);!z.__s&&le(o.__H,t)&&(o.__=e,o.u=t,O.__H.__h.push(o))}function oe(e,t){return F=8,function(e,t){var o=$(P++,7);return le(o.__H,t)&&(o.__=e(),o.__H=t,o.__h=e),o.__}(function(){return e},t)}function ie(){for(var e;e=N.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(ae),e.__H.__h.forEach(se),e.__H.__h=[]}catch(t){e.__H.__h=[],z.__e(t,e.__v)}}z.__b=function(e){O=null,Z&&Z(e)},z.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),_&&_(e,t)},z.__r=function(e){V&&V(e),P=0;var t=(O=e.__c).__H;t&&(Y===O?(t.__h=[],O.__h=[],t.__.forEach(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.forEach(ae),t.__h.forEach(se),t.__h=[],P=0)),Y=O},z.diffed=function(e){W&&W(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==N.push(t)&&D===z.requestAnimationFrame||((D=z.requestAnimationFrame)||re)(ie)),t.__H.__.forEach(function(e){e.u&&(e.__H=e.u),e.u=void 0})),Y=O=null},z.__c=function(e,t){t.some(function(e){try{e.__h.forEach(ae),e.__h=e.__h.filter(function(e){return!e.__||se(e)})}catch(o){t.some(function(e){e.__h&&(e.__h=[])}),t=[],z.__e(o,e.__v)}}),q&&q(e,t)},z.unmount=function(e){X&&X(e);var t,o=e.__c;o&&o.__H&&(o.__H.__.forEach(function(e){try{ae(e)}catch(o){t=o}}),o.__H=void 0,t&&z.__e(t,o.__v))};var ne="function"==typeof requestAnimationFrame;function re(e){var t,o=function(){clearTimeout(i),ne&&cancelAnimationFrame(t),setTimeout(e)},i=setTimeout(o,35);ne&&(t=requestAnimationFrame(o))}function ae(e){var t=O,o=e.__c;"function"==typeof o&&(e.__c=void 0,o()),O=t}function se(e){var t=O;e.__c=e.__(),O=t}function le(e,t){return!e||e.length!==t.length||t.some(function(t,o){return t!==e[o]})}function de(e,t){return"function"==typeof t?t(e):t}const ce=({children:e,onClose:t})=>H("div",{class:"shipaid-global-modal",children:[H("style",{children:"shipaid-global-modal {\n position: relative;\n}\n\n.global-modal-hidden {\n display: none !important;\n}\n\n.shipaid-global-modal {\n font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Noto Sans\", \"Helvetica Neue\", sans-serif;\n letter-spacing: normal !important;\n -webkit-font-smoothing: auto;\n font-style: normal;\n line-height: 1;\n font-weight: initial !important;\n text-transform: initial !important;\n}\n\n.shipaid-global-modal .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 2147483647;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n justify-content: flex-start;\n left: calc(50% - 180px);\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows {\n align-items: center;\n display: flex;\n position: absolute;\n bottom: -50px;\n left: 125px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-logo {\n height: 30px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-logo img {\n width: 100px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-arrows button {\n background: white;\n border: 2px solid #ccc;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-arrows {\n display: flex;\n gap: 10px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper {\n touch-action: none;\n display: flex;\n transition: transform 0.5s ease;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box {\n width: 360px;\n height: 575px;\n background-color: #fff;\n margin-right: 20px;\n flex-shrink: 0;\n border-top-right-radius: 40px;\n border-bottom-left-radius: 40px;\n box-sizing: border-box;\n overflow: hidden;\n cursor: default;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box.transparent {\n background: transparent;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n padding: 40px;\n box-sizing: border-box;\n position: relative;\n color: #000;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide>* {\n z-index: 2;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.4);\n z-index: 1;\n}\n\n/* Slide 1 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-one {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1756301260/Cart%20Extension/1_wuoucw.png');\n background-size: cover;\n background-position: center;\n}\n\n/* Slide 2 */\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1754503970/Cart%20Extension/Instant_Package_Protection_4_bdl2sq.png');\n background-size: 121%;\n background-position: center 100%;\n background-repeat: no-repeat;\n align-items: center;\n padding: 1rem;\n color: #222;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .title {\n font-size: 5.5rem;\n font-weight: 700;\n color: #0056F0;\n margin: 1.1rem 0 0;\n line-height: 38.5px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .subtitle {\n font-size: 1.6rem;\n font-weight: 800;\n max-width: 420px;\n text-align: justify;\n line-height: 1.2;\n margin: 20px 0 0;\n padding: 0 2.3rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .desc {\n font-size: 1rem;\n font-weight: 100;\n max-width: 420px;\n text-align: justify;\n line-height: 1.2;\n padding: 0 2.3rem;\n margin: 0.7rem 0 0;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .legal {\n font-size: 0.9rem;\n font-weight: 400;\n max-width: 487px;\n text-align: justify;\n line-height: 1.3;\n color: #555;\n margin-top: auto;\n background-color: rgba(255, 255, 255, 0.8);\n padding: 0.5rem;\n border-radius: 8px;\n margin-bottom: 0.3rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer {\n font-size: 0.75rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n width: 100%;\n justify-content: flex-end;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer a {\n color: #222;\n text-decoration: underline;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer footer p {\n margin: 0;\n}\n\n/* Slide 3 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753371403/Cart%20Extension/Instant_Package_Protection_3_cu2vin.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 1.5rem;\n color: white;\n}\n\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .title {\n font-size: 3rem;\n font-weight: 800;\n margin-top: 3rem;\n width: 100%;\n text-align: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-bg {\n background-color: rgba(0, 0, 0, 0.6);\n padding: 1rem;\n border-radius: 12px;\n width: 100%;\n max-width: 420px;\n text-align: left;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 91%;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-section {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 0.5rem;\n gap: 1.5rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-left {\n flex: 1;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-title {\n font-size: 2.19rem;\n font-weight: 800;\n margin: 0;\n line-height: 2rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-desc {\n font-size: 1rem;\n font-weight: 300;\n margin: 0.6rem 0 0;\n line-height: 1.3rem;\n letter-spacing: 0.1rem;\n text-align: justify;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-end;\n height: 100%;\n gap: 1.45rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right img {\n height: 50px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right a {\n color: white;\n text-decoration: underline;\n font-size: 1.2rem;\n width: 100%;\n text-align: center;\n}\n\n/* Slide 4 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753375495/Cart%20Extension/Instant_Package_Protection_2_svqyct.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 1.5rem 1rem;\n color: white;\n text-align: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .title {\n font-size: 5.1rem;\n font-weight: 700;\n margin: 0 0 1rem;\n line-height: 4.5rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .subtitle {\n font-size: 2.9rem;\n font-weight: 700;\n margin: auto 0 1.2rem;\n line-height: 1.4;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .desc {\n font-size: clamp(1.6rem, 1vw + 1.1rem, 1.9rem);\n font-weight: 400;\n max-width: 440px;\n margin: 0 auto;\n line-height: 1.3;\n text-align: justify;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n justify-content: flex-end;\n margin-top: 1rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer p {\n font-size: 0.85rem;\n font-weight: 500;\n margin: 0;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .desc a {\n color: white;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer img {\n height: 40px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-close {\n box-sizing: border-box;\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n cursor: pointer;\n width: 56px;\n height: 56px;\n color: #fff !important;\n border-radius: 8px;\n padding: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-close svg {\n width: 100%;\n}\n\n@media screen and (min-width: 768px) {\n .shipaid-global-modal .modal-overlay .modal-close {\n width: 48px;\n height: 48px;\n }\n}\n\n.green-check {\n margin: 0 auto;\n}\n\n.green-check svg {\n height: 20px;\n}\n\n@media (max-width: 450px) {\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container {\n max-width: 100%;\n left: 10px;\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows {\n left: calc(50% - 10px);\n transform: translateX(-50%);\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper {\n justify-content: flex-start;\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box {\n width: 360px;\n margin-right: 20px;\n overflow: hidden;\n }\n\n\n}\n\n@media (max-height: 800px) {\n .shipaid-global-modal .modal-overlay .modal-content {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n\n .shipaid-global-modal .modal-overlay .modal-close {\n top: 3rem;\n left: 4rem;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n z-index: 10000;\n }\n}\n\n@media (min-width: 900px)and (min-height: 750px) and (max-height: 850px) {\n .shipaid-global-modal .modal-overlay .modal-close {\n top: 3rem;\n }\n\n}"}),H("div",{class:"modal-overlay",children:[H("div",{class:"modal-content",onClick:t,children:e}),H("div",{class:"modal-close",onClick:t,children:H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[H("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),H("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]}),he=({onChange:e,index:t,maxSlides:o})=>H("div",{className:"logo-arrows",children:H("div",{className:"modal-arrows",children:[H("button",{class:"modal-arrow modal-arrow-prev",type:"button","aria-label":"Previous slide",onClick:()=>{t>0&&e(t-1)},className:0===t?"disabled":"",children:H("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#222","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:H("polyline",{points:"15 18 9 12 15 6"})})}),H("button",{class:"modal-arrow modal-arrow-next",type:"button","aria-label":"Next slide",onClick:()=>{t<3&&e(t+1)},className:t===o?"disabled":"",children:H("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#222","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:H("polyline",{points:"9 18 15 12 9 6"})})})]})}),ge=({children:e,isTransparent:t})=>H("div",{className:"modal-box "+(t?"transparent":""),children:e}),pe=({slides:e,slideIndex:t,onSlideIndexChange:o,onClose:i})=>{const[n,r]=ee(!1),[a,s]=ee(0),[l,d]=ee(0),c=380,[,h]=ee(0),[g,p]=ee(!1),u=()=>{p(!0),setTimeout(()=>{p(!1)},400)};return H("div",{className:"modal-boxes-container",onClick:i,children:[H(he,{onChange:o,index:t,maxSlides:e.length-1}),H("div",{className:"modal-boxes-wrapper",style:{transform:`translateX(calc(-${380*t}px + ${l}px))`,transition:n?"none":"transform 0.3s ease",overscrollBehavior:"none",touchAction:"none",userSelect:"none"},onPointerDown:e=>{e.preventDefault(),r(!0),s(e.clientX)},onPointerMove:e=>{if(!n)return;let t=e.clientX-a;t>c&&(t=c),t<-c&&(t=-c),d(t)},onPointerUp:()=>{r(!1),l>50&&t>0?o(t-1):l<-50&&t<e.length-1&&o(t+1),d(0)},onWheel:i=>{g||Math.abs(i.deltaX)>Math.abs(i.deltaY)&&(i.preventDefault(),h(n=>{const r=n+i.deltaX;return r<-1200&&t>0?(o(t-1),u(),0):r>1200&&t<e.length-1?(o(t+1),u(),0):r}))},children:e.map((e,t)=>H(ge,{children:e},t))})]})},ue=()=>H("div",{class:"slide slide-one"}),Ce=()=>H("div",{class:"slide slide-two",children:[H("p",{class:"title",children:"SHIPAID"}),H("p",{class:"subtitle",children:"Direct Brand to Customer Promise"}),H("p",{class:"desc",children:"We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen! In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution."}),H("p",{class:"legal",children:"By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allows brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you are purchasing from. The brand will require proof of damage or undelivered product."}),H("div",{class:"footer",children:[H("a",{href:"https://www.shipaid.com/terms-of-service",target:"_blank",children:"Terms of Service"}),H("a",{href:"https://www.shipaid.com/privacy-policy",target:"_blank",children:"Privacy Policy"}),H("p",{children:"ShipAid © 2025"})]})]}),Ae=()=>H("div",{class:"slide slide-three",children:[H("p",{class:"title",children:"1 Order = 1 Tree"}),H("div",{class:"info-bg",children:H("div",{class:"info-section",children:[H("div",{class:"info-left",children:[H("p",{class:"info-title",children:"Protect your order & the environment"}),H("p",{class:"info-desc",children:"Every SHIPAID purchase plants one tree to offset carbon impact and fight deforestation, verified."})]}),H("div",{class:"info-right",children:[H("img",{src:"https://res.cloudinary.com/shipaid/image/upload/v1753199774/Cart%20Extension/Logo-tree_uz4fzn.svg",alt:"ShipAid Green Logo"}),H("a",{href:"https://help.shipaid.com/en/article/what-does-the-shipaid-x-thegoodapi-partnership-offer-y4ecs/",target:"_blank",children:"Learn more"})]})]})})]}),Ee=()=>H("div",{class:"slide slide-four",children:[H("div",{class:"content",children:[H("p",{class:"title",children:"Kenya Mangroves"}),H("p",{class:"subtitle",children:"Rebuilding Eastern Africa’s Ecosystems"}),H("p",{class:"desc",children:["Restoring mangroves to protect coastlines, support livelihoods, and rebuild ecosystems one tree at a time. Your order helps break the cycle of poverty, naturally. ",H("a",{href:"https://thegoodapi.com/",target:"_blank",children:"Learn more"})]})]}),H("div",{class:"footer",children:[H("p",{children:"Powered by"}),H("img",{src:"https://res.cloudinary.com/shipaid/image/upload/v1753376903/Cart%20Extension/Copy_of_GoodAPI_Updated_Logo_zn8wuq.png",alt:"GoodAPI Logo"})]})]}),me=({carouselType:e,open:t})=>{const[o,i]=ee(t),[n,r]=ee(0),a=[H(ue,{}),H(Ce,{}),..."green-protection"===e?[H(Ae,{}),H(Ee,{})]:[]];te(()=>{const e=()=>{window.dispatchEvent(new Event("shipaid:modal-opened")),i(!0)};return window.addEventListener("shipaid:open-global-modal",e),()=>{window.removeEventListener("shipaid:open-global-modal",e)}},[]);const s=e=>{if(e.target===e.currentTarget||e.target.closest(".modal-close")){i(!1),r(0),window.dispatchEvent(new Event("shipaid:modal-closed"));const e=document.querySelector("body");e&&(e.style.overflow="auto")}},l=e=>{r(e)},d=oe(()=>{o&&n>0&&l(n-1)},[o,n]),c=oe(()=>{o&&n<a.length-1&&l(n+1)},[o,n]);return te(()=>{const e=()=>d(),t=()=>c();return document.addEventListener("swiped-right",e),document.addEventListener("swiped-left",t),()=>{document.removeEventListener("swiped-right",e),document.removeEventListener("swiped-left",t)}},[c,d]),H("div",{class:o?"":"global-modal-hidden",children:H(ce,{onClose:s,children:H(pe,{slides:a,slideIndex:n,onSlideIndexChange:e=>l(e),onClose:s})})})};class Se extends HTMLElement{constructor(){super(),o(this,"_root"),this._root=this.attachShadow({mode:"open"})}connectedCallback(){this.renderComponent()}disconnectedCallback(){G(null,this._root)}renderComponent(){const e=this.getAttribute("carousel-type"),t="open"===this.getAttribute("carousel-state");G(H(me,{carouselType:e,open:t}),this._root)}}customElements.get("shipaid-learn-more-carousel")||customElements.define("shipaid-learn-more-carousel",Se)}();const We="Loading ShipAid Widget...",qe="Delivery Guarantee",Xe="in case of Loss, Damage or Theft",_e={button:"Powered by"},$e={add:"Add",remove:"Remove",loading:"Loading..."},et={loading:We,title:qe,description:Xe,footer:_e,actions:$e,"learn-more-popup":{close:"Close",title:"Delivery Guarantee",disclaimer:{"subtitle-enable":"We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen!","subtitle-monitor":"We continuously monitor your package and offer a convenient portal for you to track your order's progress at any moment!","subtitle-notify":"You'll be notified throughout the entire shipping process, ensuring you stay up to date every step of the way.","subtitle-resolution":"In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution.",text:"By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allow brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you a purchasing from. The brand will require proof of damage or undelivered product."},links:{terms:"Terms of Service",privacy:"Privacy Policy"},tabs:{delivery:"Delivery Guarantee",reforestation:"Reforestation"}},"checkout-plus":{title:"Delivery Guarantee",checkout:"CHECKOUT","checkout-title":"Checkout",continue:"Continue without delivery guarantee"},"green-protection":{title:"Delivery Guarantee & Plant 1 Tree","title-checkout-plus":"Guarantee & Plant 1 Tree",description:"Protect against order loss, theft, damage + deforestation "}},tt=Object.freeze(Object.defineProperty({__proto__:null,actions:$e,default:et,description:Xe,footer:_e,loading:We,title:qe},Symbol.toStringTag,{value:"Module"})),ot=ie`
|
|
427
|
+
*/}!function(e,t){"initCustomEvent"in t.createEvent("CustomEvent")&&(e.CustomEvent=function(e,o){o=o||{bubbles:!1,cancelable:!1,detail:void 0};var i=t.createEvent("CustomEvent");return i.initCustomEvent(e,o.bubbles,o.cancelable,o.detail),i},e.CustomEvent.prototype=e.Event.prototype),t.addEventListener("touchstart",function(e){"true"!==e.target.getAttribute("data-swipe-ignore")&&(s=e.target,a=Date.now(),o=e.touches[0].clientX,i=e.touches[0].clientY,n=0,r=0)},!1),t.addEventListener("touchmove",function(e){if(o&&i){var t=e.touches[0].clientX,a=e.touches[0].clientY;n=o-t,r=i-a}},!1),t.addEventListener("touchend",function(e){if(s===e.target){var t=parseInt(s.getAttribute("data-swipe-threshold")||"20",10),l=parseInt(s.getAttribute("data-swipe-timeout")||"500",10),d=Date.now()-a,c="";Math.abs(n)>Math.abs(r)?Math.abs(n)>t&&d<l&&(c=n>0?"swiped-left":"swiped-right"):Math.abs(r)>t&&d<l&&(c=r>0?"swiped-up":"swiped-down"),""!==c&&s.dispatchEvent(new CustomEvent(c,{bubbles:!0,cancelable:!0})),o=null,i=null,a=null}},!1);var o=null,i=null,n=null,r=null,a=null,s=null}(window,document);var P,O,Y,D,F=0,N=[],z=t,Z=z.__b,V=z.__r,W=z.diffed,q=z.__c,X=z.unmount,_=z.__;function $(e,t){z.__h&&z.__h(O,e,F||t),F=0;var o=O.__H||(O.__H={__:[],__h:[]});return e>=o.__.length&&o.__.push({}),o.__[e]}function ee(e){return F=1,function(e,t){var o=$(P++,2);if(o.t=e,!o.__c&&(o.__=[de(void 0,t),function(e){var t=o.__N?o.__N[0]:o.__[0],i=o.t(t,e);t!==i&&(o.__N=[i,o.__[1]],o.__c.setState({}))}],o.__c=O,!O.__f)){var i=function(e,t,i){if(!o.__c.__H)return!0;var r=o.__c.__H.__.filter(function(e){return!!e.__c});if(r.every(function(e){return!e.__N}))return!n||n.call(this,e,t,i);var a=o.__c.props!==e;return r.forEach(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(a=!0)}}),n&&n.call(this,e,t,i)||a};O.__f=!0;var n=O.shouldComponentUpdate,r=O.componentWillUpdate;O.componentWillUpdate=function(e,t,o){if(this.__e){var a=n;n=void 0,i(e,t,o),n=a}r&&r.call(this,e,t,o)},O.shouldComponentUpdate=i}return o.__N||o.__}(de,e)}function te(e,t){var o=$(P++,3);!z.__s&&le(o.__H,t)&&(o.__=e,o.u=t,O.__H.__h.push(o))}function oe(e,t){return F=8,function(e,t){var o=$(P++,7);return le(o.__H,t)&&(o.__=e(),o.__H=t,o.__h=e),o.__}(function(){return e},t)}function ie(){for(var e;e=N.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(ae),e.__H.__h.forEach(se),e.__H.__h=[]}catch(t){e.__H.__h=[],z.__e(t,e.__v)}}z.__b=function(e){O=null,Z&&Z(e)},z.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),_&&_(e,t)},z.__r=function(e){V&&V(e),P=0;var t=(O=e.__c).__H;t&&(Y===O?(t.__h=[],O.__h=[],t.__.forEach(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.forEach(ae),t.__h.forEach(se),t.__h=[],P=0)),Y=O},z.diffed=function(e){W&&W(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==N.push(t)&&D===z.requestAnimationFrame||((D=z.requestAnimationFrame)||re)(ie)),t.__H.__.forEach(function(e){e.u&&(e.__H=e.u),e.u=void 0})),Y=O=null},z.__c=function(e,t){t.some(function(e){try{e.__h.forEach(ae),e.__h=e.__h.filter(function(e){return!e.__||se(e)})}catch(o){t.some(function(e){e.__h&&(e.__h=[])}),t=[],z.__e(o,e.__v)}}),q&&q(e,t)},z.unmount=function(e){X&&X(e);var t,o=e.__c;o&&o.__H&&(o.__H.__.forEach(function(e){try{ae(e)}catch(o){t=o}}),o.__H=void 0,t&&z.__e(t,o.__v))};var ne="function"==typeof requestAnimationFrame;function re(e){var t,o=function(){clearTimeout(i),ne&&cancelAnimationFrame(t),setTimeout(e)},i=setTimeout(o,35);ne&&(t=requestAnimationFrame(o))}function ae(e){var t=O,o=e.__c;"function"==typeof o&&(e.__c=void 0,o()),O=t}function se(e){var t=O;e.__c=e.__(),O=t}function le(e,t){return!e||e.length!==t.length||t.some(function(t,o){return t!==e[o]})}function de(e,t){return"function"==typeof t?t(e):t}const ce=({children:e,onClose:t})=>H("div",{class:"shipaid-global-modal",children:[H("style",{children:":host {\n font-size: 10.5px;\n}\n\nshipaid-global-modal {\n position: relative;\n}\n\n.global-modal-hidden {\n display: none !important;\n}\n\n.shipaid-global-modal {\n font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Noto Sans\", \"Helvetica Neue\", sans-serif;\n letter-spacing: normal !important;\n -webkit-font-smoothing: auto;\n font-style: normal;\n line-height: 1;\n font-weight: initial !important;\n text-transform: initial !important;\n}\n\n.shipaid-global-modal .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 2147483647;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n justify-content: flex-start;\n left: calc(50% - 180px);\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows {\n align-items: center;\n display: flex;\n position: absolute;\n bottom: -50px;\n left: 125px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-logo {\n height: 30px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-logo img {\n width: 100px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-arrows button {\n background: white;\n border: 2px solid #ccc;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-arrows {\n display: flex;\n gap: 10px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper {\n touch-action: none;\n display: flex;\n transition: transform 0.5s ease;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box {\n width: 360px;\n height: 575px;\n background-color: #fff;\n margin-right: 20px;\n flex-shrink: 0;\n border-top-right-radius: 40px;\n border-bottom-left-radius: 40px;\n box-sizing: border-box;\n overflow: hidden;\n cursor: default;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box.transparent {\n background: transparent;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n padding: 40px;\n box-sizing: border-box;\n position: relative;\n color: #000;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide>* {\n z-index: 2;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.4);\n z-index: 1;\n}\n\n/* Slide 1 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-one {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1756301260/1_wuoucw.png');\n background-size: cover;\n background-position: center;\n}\n\n/* Slide 2 */\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1754503970/Instant_Package_Protection_4_bdl2sq.png');\n background-size: 121%;\n background-position: center 100%;\n background-repeat: no-repeat;\n align-items: center;\n padding: 1rem;\n color: #222;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .title {\n font-size: 5.5rem;\n font-weight: 700;\n color: #0056F0;\n margin: 1.1rem 0 0;\n line-height: 38.5px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .subtitle {\n font-size: 1.6rem;\n font-weight: 800;\n max-width: 420px;\n text-align: justify;\n line-height: 1.2;\n margin: 20px 0 0;\n padding: 0 2.3rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .desc {\n font-size: 1rem;\n font-weight: 100;\n max-width: 420px;\n text-align: justify;\n line-height: 1.2;\n padding: 0 2.3rem;\n margin: 0.7rem 0 0;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .legal {\n font-size: 0.9rem;\n font-weight: 400;\n max-width: 487px;\n text-align: justify;\n line-height: 1.3;\n color: #555;\n margin-top: auto;\n background-color: rgba(255, 255, 255, 0.8);\n padding: 0.5rem;\n border-radius: 8px;\n margin-bottom: 0.3rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer {\n font-size: 0.75rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n width: 100%;\n justify-content: flex-end;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer a {\n color: #222;\n text-decoration: underline;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer footer p {\n margin: 0;\n}\n\n/* Slide 3 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753371403/Instant_Package_Protection_3_cu2vin.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 1.5rem;\n color: white;\n}\n\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .title {\n font-size: 3rem;\n font-weight: 800;\n margin-top: 3rem;\n width: 100%;\n text-align: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-bg {\n background-color: rgba(0, 0, 0, 0.6);\n padding: 1rem;\n border-radius: 12px;\n width: 100%;\n max-width: 420px;\n text-align: left;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 91%;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-section {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 0.5rem;\n gap: 1.5rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-left {\n flex: 1;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-title {\n font-size: 2.19rem;\n font-weight: 800;\n margin: 0;\n line-height: 2rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-desc {\n font-size: 1rem;\n font-weight: 300;\n margin: 0.6rem 0 0;\n line-height: 1.3rem;\n letter-spacing: 0.1rem;\n text-align: justify;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-end;\n height: 100%;\n gap: 1.45rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right img {\n height: 50px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right a {\n color: white;\n text-decoration: underline;\n font-size: 1.2rem;\n width: 100%;\n text-align: center;\n}\n\n/* Slide 4 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753375495/Instant_Package_Protection_2_svqyct.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 1.5rem 1rem;\n color: white;\n text-align: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .title {\n font-size: 5.1rem;\n font-weight: 700;\n margin: 0 0 1rem;\n line-height: 4.5rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .subtitle {\n font-size: 2.9rem;\n font-weight: 700;\n margin: auto 0 1.2rem;\n line-height: 1.4;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .desc {\n font-size: clamp(1.6rem, 1vw + 1.1rem, 1.9rem);\n font-weight: 400;\n max-width: 440px;\n margin: 0 auto;\n line-height: 1.3;\n text-align: justify;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n justify-content: flex-end;\n margin-top: 1rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer p {\n font-size: 0.85rem;\n font-weight: 500;\n margin: 0;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .desc a {\n color: white;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer img {\n height: 40px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-close {\n box-sizing: border-box;\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n cursor: pointer;\n width: 56px;\n height: 56px;\n color: #fff !important;\n border-radius: 8px;\n padding: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-close svg {\n width: 100%;\n}\n\n@media screen and (min-width: 768px) {\n .shipaid-global-modal .modal-overlay .modal-close {\n width: 48px;\n height: 48px;\n }\n}\n\n.green-check {\n margin: 0 auto;\n}\n\n.green-check svg {\n height: 20px;\n}\n\n@media (max-width: 450px) {\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container {\n max-width: 100%;\n left: 10px;\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows {\n left: calc(50% - 10px);\n transform: translateX(-50%);\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper {\n justify-content: flex-start;\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box {\n width: 360px;\n margin-right: 20px;\n overflow: hidden;\n }\n\n\n}\n\n@media (max-height: 800px) {\n .shipaid-global-modal .modal-overlay .modal-content {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n\n .shipaid-global-modal .modal-overlay .modal-close {\n top: 3rem;\n left: 4rem;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n z-index: 10000;\n }\n}\n\n@media (min-width: 900px)and (min-height: 750px) and (max-height: 850px) {\n .shipaid-global-modal .modal-overlay .modal-close {\n top: 3rem;\n }\n\n}"}),H("div",{class:"modal-overlay",children:[H("div",{class:"modal-content",onClick:t,children:e}),H("div",{class:"modal-close",onClick:t,children:H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[H("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),H("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]}),he=({onChange:e,index:t,maxSlides:o})=>H("div",{className:"logo-arrows",children:H("div",{className:"modal-arrows",children:[H("button",{class:"modal-arrow modal-arrow-prev",type:"button","aria-label":"Previous slide",onClick:()=>{t>0&&e(t-1)},className:0===t?"disabled":"",children:H("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#222","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:H("polyline",{points:"15 18 9 12 15 6"})})}),H("button",{class:"modal-arrow modal-arrow-next",type:"button","aria-label":"Next slide",onClick:()=>{t<3&&e(t+1)},className:t===o?"disabled":"",children:H("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#222","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:H("polyline",{points:"9 18 15 12 9 6"})})})]})}),ge=({children:e,isTransparent:t})=>H("div",{className:"modal-box "+(t?"transparent":""),children:e}),pe=({slides:e,slideIndex:t,onSlideIndexChange:o,onClose:i})=>{const[n,r]=ee(!1),[a,s]=ee(0),[l,d]=ee(0),c=380,[,h]=ee(0),[g,p]=ee(!1),u=()=>{p(!0),setTimeout(()=>{p(!1)},400)};return H("div",{className:"modal-boxes-container",onClick:i,children:[H(he,{onChange:o,index:t,maxSlides:e.length-1}),H("div",{className:"modal-boxes-wrapper",style:{transform:`translateX(calc(-${380*t}px + ${l}px))`,transition:n?"none":"transform 0.3s ease",overscrollBehavior:"none",touchAction:"none",userSelect:"none"},onPointerDown:e=>{e.preventDefault(),r(!0),s(e.clientX)},onPointerMove:e=>{if(!n)return;let t=e.clientX-a;t>c&&(t=c),t<-c&&(t=-c),d(t)},onPointerUp:()=>{r(!1),l>50&&t>0?o(t-1):l<-50&&t<e.length-1&&o(t+1),d(0)},onWheel:i=>{g||Math.abs(i.deltaX)>Math.abs(i.deltaY)&&(i.preventDefault(),h(n=>{const r=n+i.deltaX;return r<-1200&&t>0?(o(t-1),u(),0):r>1200&&t<e.length-1?(o(t+1),u(),0):r}))},children:e.map((e,t)=>H(ge,{children:e},t))})]})},ue=()=>H("div",{class:"slide slide-one"}),Ce=()=>H("div",{class:"slide slide-two",children:[H("p",{class:"title",children:"SHIPAID"}),H("p",{class:"subtitle",children:"Direct Brand to Customer Promise"}),H("p",{class:"desc",children:"We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen! In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution."}),H("p",{class:"legal",children:"By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allows brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you are purchasing from. The brand will require proof of damage or undelivered product."}),H("div",{class:"footer",children:[H("a",{href:"https://www.shipaid.com/terms-of-service",target:"_blank",children:"Terms of Service"}),H("a",{href:"https://www.shipaid.com/privacy-policy",target:"_blank",children:"Privacy Policy"}),H("p",{children:"ShipAid © 2025"})]})]}),Ae=()=>H("div",{class:"slide slide-three",children:[H("p",{class:"title",children:"1 Order = 1 Tree"}),H("div",{class:"info-bg",children:H("div",{class:"info-section",children:[H("div",{class:"info-left",children:[H("p",{class:"info-title",children:"Protect your order & the environment"}),H("p",{class:"info-desc",children:"Every SHIPAID purchase plants one tree to offset carbon impact and fight deforestation, verified."})]}),H("div",{class:"info-right",children:[H("img",{src:"https://res.cloudinary.com/shipaid/image/upload/v1753199774/Logo-tree_uz4fzn.svg",alt:"ShipAid Green Logo"}),H("a",{href:"https://help.shipaid.com/en/article/what-does-the-shipaid-x-thegoodapi-partnership-offer-y4ecs/",target:"_blank",children:"Learn more"})]})]})})]}),Ee=()=>H("div",{class:"slide slide-four",children:[H("div",{class:"content",children:[H("p",{class:"title",children:"Kenya Mangroves"}),H("p",{class:"subtitle",children:"Rebuilding Eastern Africa’s Ecosystems"}),H("p",{class:"desc",children:["Restoring mangroves to protect coastlines, support livelihoods, and rebuild ecosystems one tree at a time. Your order helps break the cycle of poverty, naturally. ",H("a",{href:"https://thegoodapi.com/",target:"_blank",children:"Learn more"})]})]}),H("div",{class:"footer",children:[H("p",{children:"Powered by"}),H("img",{src:"https://res.cloudinary.com/shipaid/image/upload/v1753376903/Copy_of_GoodAPI_Updated_Logo_zn8wuq.png",alt:"GoodAPI Logo"})]})]}),me=({carouselType:e,open:t})=>{const[o,i]=ee(t),[n,r]=ee(0),a=[H(ue,{}),H(Ce,{}),..."green-protection"===e?[H(Ae,{}),H(Ee,{})]:[]];te(()=>{const e=()=>{window.dispatchEvent(new Event("shipaid:modal-opened")),i(!0)};return window.addEventListener("shipaid:open-global-modal",e),()=>{window.removeEventListener("shipaid:open-global-modal",e)}},[]);const s=e=>{if(e.target===e.currentTarget||e.target.closest(".modal-close")){i(!1),r(0),window.dispatchEvent(new Event("shipaid:modal-closed"));const e=document.querySelector("body");e&&(e.style.overflow="auto")}},l=e=>{r(e)},d=oe(()=>{o&&n>0&&l(n-1)},[o,n]),c=oe(()=>{o&&n<a.length-1&&l(n+1)},[o,n]);return te(()=>{const e=()=>d(),t=()=>c();return document.addEventListener("swiped-right",e),document.addEventListener("swiped-left",t),()=>{document.removeEventListener("swiped-right",e),document.removeEventListener("swiped-left",t)}},[c,d]),H("div",{class:o?"":"global-modal-hidden",children:H(ce,{onClose:s,children:H(pe,{slides:a,slideIndex:n,onSlideIndexChange:e=>l(e),onClose:s})})})};class Se extends HTMLElement{constructor(){super(),o(this,"_root"),this._root=this.attachShadow({mode:"open"})}connectedCallback(){this.renderComponent()}disconnectedCallback(){G(null,this._root)}renderComponent(){const e=this.getAttribute("carousel-type"),t="open"===this.getAttribute("carousel-state");G(H(me,{carouselType:e,open:t}),this._root)}}customElements.get("shipaid-learn-more-carousel")||customElements.define("shipaid-learn-more-carousel",Se)}();const We="Loading ShipAid Widget...",qe="Delivery Guarantee",Xe="in case of Loss, Damage or Theft",_e={button:"Powered by"},$e={add:"Add",remove:"Remove",loading:"Loading..."},et={loading:We,title:qe,description:Xe,footer:_e,actions:$e,"learn-more-popup":{close:"Close",title:"Delivery Guarantee",disclaimer:{"subtitle-enable":"We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen!","subtitle-monitor":"We continuously monitor your package and offer a convenient portal for you to track your order's progress at any moment!","subtitle-notify":"You'll be notified throughout the entire shipping process, ensuring you stay up to date every step of the way.","subtitle-resolution":"In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution.",text:"By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allow brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you a purchasing from. The brand will require proof of damage or undelivered product."},links:{terms:"Terms of Service",privacy:"Privacy Policy"},tabs:{delivery:"Delivery Guarantee",reforestation:"Reforestation"}},"checkout-plus":{title:"Delivery Guarantee",checkout:"CHECKOUT","checkout-title":"Checkout",continue:"Continue without delivery guarantee"},"green-protection":{title:"Delivery Guarantee & Plant 1 Tree","title-checkout-plus":"Guarantee & Plant 1 Tree",description:"Protect against order loss, theft, damage + deforestation "}},tt=Object.freeze(Object.defineProperty({__proto__:null,actions:$e,default:et,description:Xe,footer:_e,loading:We,title:qe},Symbol.toStringTag,{value:"Module"})),ot=ie`
|
|
428
428
|
:host {
|
|
429
429
|
--shipaid-primary: #002bd6;
|
|
430
430
|
--shipaid-secondary: #0076ff;
|
package/dist/widget.umd.js
CHANGED
|
@@ -424,7 +424,7 @@ function Ge(e,t,o){return e?t():null==o?void 0:o()}const Te=ie`
|
|
|
424
424
|
* @inspiration https://stackoverflow.com/questions/16348031/disable-scrolling-when-touch-moving-certain-element
|
|
425
425
|
* @author John Doherty <www.johndoherty.info>
|
|
426
426
|
* @license MIT
|
|
427
|
-
*/}!function(e,t){"initCustomEvent"in t.createEvent("CustomEvent")&&(e.CustomEvent=function(e,o){o=o||{bubbles:!1,cancelable:!1,detail:void 0};var i=t.createEvent("CustomEvent");return i.initCustomEvent(e,o.bubbles,o.cancelable,o.detail),i},e.CustomEvent.prototype=e.Event.prototype),t.addEventListener("touchstart",function(e){"true"!==e.target.getAttribute("data-swipe-ignore")&&(s=e.target,a=Date.now(),o=e.touches[0].clientX,i=e.touches[0].clientY,n=0,r=0)},!1),t.addEventListener("touchmove",function(e){if(o&&i){var t=e.touches[0].clientX,a=e.touches[0].clientY;n=o-t,r=i-a}},!1),t.addEventListener("touchend",function(e){if(s===e.target){var t=parseInt(s.getAttribute("data-swipe-threshold")||"20",10),l=parseInt(s.getAttribute("data-swipe-timeout")||"500",10),d=Date.now()-a,c="";Math.abs(n)>Math.abs(r)?Math.abs(n)>t&&d<l&&(c=n>0?"swiped-left":"swiped-right"):Math.abs(r)>t&&d<l&&(c=r>0?"swiped-up":"swiped-down"),""!==c&&s.dispatchEvent(new CustomEvent(c,{bubbles:!0,cancelable:!0})),o=null,i=null,a=null}},!1);var o=null,i=null,n=null,r=null,a=null,s=null}(window,document);var P,O,Y,D,F=0,N=[],z=t,Z=z.__b,V=z.__r,W=z.diffed,q=z.__c,X=z.unmount,_=z.__;function $(e,t){z.__h&&z.__h(O,e,F||t),F=0;var o=O.__H||(O.__H={__:[],__h:[]});return e>=o.__.length&&o.__.push({}),o.__[e]}function ee(e){return F=1,function(e,t){var o=$(P++,2);if(o.t=e,!o.__c&&(o.__=[de(void 0,t),function(e){var t=o.__N?o.__N[0]:o.__[0],i=o.t(t,e);t!==i&&(o.__N=[i,o.__[1]],o.__c.setState({}))}],o.__c=O,!O.__f)){var i=function(e,t,i){if(!o.__c.__H)return!0;var r=o.__c.__H.__.filter(function(e){return!!e.__c});if(r.every(function(e){return!e.__N}))return!n||n.call(this,e,t,i);var a=o.__c.props!==e;return r.forEach(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(a=!0)}}),n&&n.call(this,e,t,i)||a};O.__f=!0;var n=O.shouldComponentUpdate,r=O.componentWillUpdate;O.componentWillUpdate=function(e,t,o){if(this.__e){var a=n;n=void 0,i(e,t,o),n=a}r&&r.call(this,e,t,o)},O.shouldComponentUpdate=i}return o.__N||o.__}(de,e)}function te(e,t){var o=$(P++,3);!z.__s&&le(o.__H,t)&&(o.__=e,o.u=t,O.__H.__h.push(o))}function oe(e,t){return F=8,function(e,t){var o=$(P++,7);return le(o.__H,t)&&(o.__=e(),o.__H=t,o.__h=e),o.__}(function(){return e},t)}function ie(){for(var e;e=N.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(ae),e.__H.__h.forEach(se),e.__H.__h=[]}catch(t){e.__H.__h=[],z.__e(t,e.__v)}}z.__b=function(e){O=null,Z&&Z(e)},z.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),_&&_(e,t)},z.__r=function(e){V&&V(e),P=0;var t=(O=e.__c).__H;t&&(Y===O?(t.__h=[],O.__h=[],t.__.forEach(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.forEach(ae),t.__h.forEach(se),t.__h=[],P=0)),Y=O},z.diffed=function(e){W&&W(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==N.push(t)&&D===z.requestAnimationFrame||((D=z.requestAnimationFrame)||re)(ie)),t.__H.__.forEach(function(e){e.u&&(e.__H=e.u),e.u=void 0})),Y=O=null},z.__c=function(e,t){t.some(function(e){try{e.__h.forEach(ae),e.__h=e.__h.filter(function(e){return!e.__||se(e)})}catch(o){t.some(function(e){e.__h&&(e.__h=[])}),t=[],z.__e(o,e.__v)}}),q&&q(e,t)},z.unmount=function(e){X&&X(e);var t,o=e.__c;o&&o.__H&&(o.__H.__.forEach(function(e){try{ae(e)}catch(o){t=o}}),o.__H=void 0,t&&z.__e(t,o.__v))};var ne="function"==typeof requestAnimationFrame;function re(e){var t,o=function(){clearTimeout(i),ne&&cancelAnimationFrame(t),setTimeout(e)},i=setTimeout(o,35);ne&&(t=requestAnimationFrame(o))}function ae(e){var t=O,o=e.__c;"function"==typeof o&&(e.__c=void 0,o()),O=t}function se(e){var t=O;e.__c=e.__(),O=t}function le(e,t){return!e||e.length!==t.length||t.some(function(t,o){return t!==e[o]})}function de(e,t){return"function"==typeof t?t(e):t}const ce=({children:e,onClose:t})=>H("div",{class:"shipaid-global-modal",children:[H("style",{children:"shipaid-global-modal {\n position: relative;\n}\n\n.global-modal-hidden {\n display: none !important;\n}\n\n.shipaid-global-modal {\n font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Noto Sans\", \"Helvetica Neue\", sans-serif;\n letter-spacing: normal !important;\n -webkit-font-smoothing: auto;\n font-style: normal;\n line-height: 1;\n font-weight: initial !important;\n text-transform: initial !important;\n}\n\n.shipaid-global-modal .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 2147483647;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n justify-content: flex-start;\n left: calc(50% - 180px);\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows {\n align-items: center;\n display: flex;\n position: absolute;\n bottom: -50px;\n left: 125px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-logo {\n height: 30px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-logo img {\n width: 100px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-arrows button {\n background: white;\n border: 2px solid #ccc;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-arrows {\n display: flex;\n gap: 10px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper {\n touch-action: none;\n display: flex;\n transition: transform 0.5s ease;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box {\n width: 360px;\n height: 575px;\n background-color: #fff;\n margin-right: 20px;\n flex-shrink: 0;\n border-top-right-radius: 40px;\n border-bottom-left-radius: 40px;\n box-sizing: border-box;\n overflow: hidden;\n cursor: default;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box.transparent {\n background: transparent;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n padding: 40px;\n box-sizing: border-box;\n position: relative;\n color: #000;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide>* {\n z-index: 2;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.4);\n z-index: 1;\n}\n\n/* Slide 1 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-one {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1756301260/Cart%20Extension/1_wuoucw.png');\n background-size: cover;\n background-position: center;\n}\n\n/* Slide 2 */\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1754503970/Cart%20Extension/Instant_Package_Protection_4_bdl2sq.png');\n background-size: 121%;\n background-position: center 100%;\n background-repeat: no-repeat;\n align-items: center;\n padding: 1rem;\n color: #222;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .title {\n font-size: 5.5rem;\n font-weight: 700;\n color: #0056F0;\n margin: 1.1rem 0 0;\n line-height: 38.5px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .subtitle {\n font-size: 1.6rem;\n font-weight: 800;\n max-width: 420px;\n text-align: justify;\n line-height: 1.2;\n margin: 20px 0 0;\n padding: 0 2.3rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .desc {\n font-size: 1rem;\n font-weight: 100;\n max-width: 420px;\n text-align: justify;\n line-height: 1.2;\n padding: 0 2.3rem;\n margin: 0.7rem 0 0;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .legal {\n font-size: 0.9rem;\n font-weight: 400;\n max-width: 487px;\n text-align: justify;\n line-height: 1.3;\n color: #555;\n margin-top: auto;\n background-color: rgba(255, 255, 255, 0.8);\n padding: 0.5rem;\n border-radius: 8px;\n margin-bottom: 0.3rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer {\n font-size: 0.75rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n width: 100%;\n justify-content: flex-end;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer a {\n color: #222;\n text-decoration: underline;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer footer p {\n margin: 0;\n}\n\n/* Slide 3 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753371403/Cart%20Extension/Instant_Package_Protection_3_cu2vin.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 1.5rem;\n color: white;\n}\n\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .title {\n font-size: 3rem;\n font-weight: 800;\n margin-top: 3rem;\n width: 100%;\n text-align: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-bg {\n background-color: rgba(0, 0, 0, 0.6);\n padding: 1rem;\n border-radius: 12px;\n width: 100%;\n max-width: 420px;\n text-align: left;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 91%;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-section {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 0.5rem;\n gap: 1.5rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-left {\n flex: 1;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-title {\n font-size: 2.19rem;\n font-weight: 800;\n margin: 0;\n line-height: 2rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-desc {\n font-size: 1rem;\n font-weight: 300;\n margin: 0.6rem 0 0;\n line-height: 1.3rem;\n letter-spacing: 0.1rem;\n text-align: justify;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-end;\n height: 100%;\n gap: 1.45rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right img {\n height: 50px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right a {\n color: white;\n text-decoration: underline;\n font-size: 1.2rem;\n width: 100%;\n text-align: center;\n}\n\n/* Slide 4 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753375495/Cart%20Extension/Instant_Package_Protection_2_svqyct.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 1.5rem 1rem;\n color: white;\n text-align: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .title {\n font-size: 5.1rem;\n font-weight: 700;\n margin: 0 0 1rem;\n line-height: 4.5rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .subtitle {\n font-size: 2.9rem;\n font-weight: 700;\n margin: auto 0 1.2rem;\n line-height: 1.4;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .desc {\n font-size: clamp(1.6rem, 1vw + 1.1rem, 1.9rem);\n font-weight: 400;\n max-width: 440px;\n margin: 0 auto;\n line-height: 1.3;\n text-align: justify;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n justify-content: flex-end;\n margin-top: 1rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer p {\n font-size: 0.85rem;\n font-weight: 500;\n margin: 0;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .desc a {\n color: white;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer img {\n height: 40px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-close {\n box-sizing: border-box;\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n cursor: pointer;\n width: 56px;\n height: 56px;\n color: #fff !important;\n border-radius: 8px;\n padding: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-close svg {\n width: 100%;\n}\n\n@media screen and (min-width: 768px) {\n .shipaid-global-modal .modal-overlay .modal-close {\n width: 48px;\n height: 48px;\n }\n}\n\n.green-check {\n margin: 0 auto;\n}\n\n.green-check svg {\n height: 20px;\n}\n\n@media (max-width: 450px) {\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container {\n max-width: 100%;\n left: 10px;\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows {\n left: calc(50% - 10px);\n transform: translateX(-50%);\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper {\n justify-content: flex-start;\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box {\n width: 360px;\n margin-right: 20px;\n overflow: hidden;\n }\n\n\n}\n\n@media (max-height: 800px) {\n .shipaid-global-modal .modal-overlay .modal-content {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n\n .shipaid-global-modal .modal-overlay .modal-close {\n top: 3rem;\n left: 4rem;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n z-index: 10000;\n }\n}\n\n@media (min-width: 900px)and (min-height: 750px) and (max-height: 850px) {\n .shipaid-global-modal .modal-overlay .modal-close {\n top: 3rem;\n }\n\n}"}),H("div",{class:"modal-overlay",children:[H("div",{class:"modal-content",onClick:t,children:e}),H("div",{class:"modal-close",onClick:t,children:H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[H("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),H("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]}),he=({onChange:e,index:t,maxSlides:o})=>H("div",{className:"logo-arrows",children:H("div",{className:"modal-arrows",children:[H("button",{class:"modal-arrow modal-arrow-prev",type:"button","aria-label":"Previous slide",onClick:()=>{t>0&&e(t-1)},className:0===t?"disabled":"",children:H("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#222","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:H("polyline",{points:"15 18 9 12 15 6"})})}),H("button",{class:"modal-arrow modal-arrow-next",type:"button","aria-label":"Next slide",onClick:()=>{t<3&&e(t+1)},className:t===o?"disabled":"",children:H("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#222","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:H("polyline",{points:"9 18 15 12 9 6"})})})]})}),ge=({children:e,isTransparent:t})=>H("div",{className:"modal-box "+(t?"transparent":""),children:e}),pe=({slides:e,slideIndex:t,onSlideIndexChange:o,onClose:i})=>{const[n,r]=ee(!1),[a,s]=ee(0),[l,d]=ee(0),c=380,[,h]=ee(0),[g,p]=ee(!1),u=()=>{p(!0),setTimeout(()=>{p(!1)},400)};return H("div",{className:"modal-boxes-container",onClick:i,children:[H(he,{onChange:o,index:t,maxSlides:e.length-1}),H("div",{className:"modal-boxes-wrapper",style:{transform:`translateX(calc(-${380*t}px + ${l}px))`,transition:n?"none":"transform 0.3s ease",overscrollBehavior:"none",touchAction:"none",userSelect:"none"},onPointerDown:e=>{e.preventDefault(),r(!0),s(e.clientX)},onPointerMove:e=>{if(!n)return;let t=e.clientX-a;t>c&&(t=c),t<-c&&(t=-c),d(t)},onPointerUp:()=>{r(!1),l>50&&t>0?o(t-1):l<-50&&t<e.length-1&&o(t+1),d(0)},onWheel:i=>{g||Math.abs(i.deltaX)>Math.abs(i.deltaY)&&(i.preventDefault(),h(n=>{const r=n+i.deltaX;return r<-1200&&t>0?(o(t-1),u(),0):r>1200&&t<e.length-1?(o(t+1),u(),0):r}))},children:e.map((e,t)=>H(ge,{children:e},t))})]})},ue=()=>H("div",{class:"slide slide-one"}),Ce=()=>H("div",{class:"slide slide-two",children:[H("p",{class:"title",children:"SHIPAID"}),H("p",{class:"subtitle",children:"Direct Brand to Customer Promise"}),H("p",{class:"desc",children:"We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen! In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution."}),H("p",{class:"legal",children:"By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allows brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you are purchasing from. The brand will require proof of damage or undelivered product."}),H("div",{class:"footer",children:[H("a",{href:"https://www.shipaid.com/terms-of-service",target:"_blank",children:"Terms of Service"}),H("a",{href:"https://www.shipaid.com/privacy-policy",target:"_blank",children:"Privacy Policy"}),H("p",{children:"ShipAid © 2025"})]})]}),Ae=()=>H("div",{class:"slide slide-three",children:[H("p",{class:"title",children:"1 Order = 1 Tree"}),H("div",{class:"info-bg",children:H("div",{class:"info-section",children:[H("div",{class:"info-left",children:[H("p",{class:"info-title",children:"Protect your order & the environment"}),H("p",{class:"info-desc",children:"Every SHIPAID purchase plants one tree to offset carbon impact and fight deforestation, verified."})]}),H("div",{class:"info-right",children:[H("img",{src:"https://res.cloudinary.com/shipaid/image/upload/v1753199774/Cart%20Extension/Logo-tree_uz4fzn.svg",alt:"ShipAid Green Logo"}),H("a",{href:"https://help.shipaid.com/en/article/what-does-the-shipaid-x-thegoodapi-partnership-offer-y4ecs/",target:"_blank",children:"Learn more"})]})]})})]}),Ee=()=>H("div",{class:"slide slide-four",children:[H("div",{class:"content",children:[H("p",{class:"title",children:"Kenya Mangroves"}),H("p",{class:"subtitle",children:"Rebuilding Eastern Africa’s Ecosystems"}),H("p",{class:"desc",children:["Restoring mangroves to protect coastlines, support livelihoods, and rebuild ecosystems one tree at a time. Your order helps break the cycle of poverty, naturally. ",H("a",{href:"https://thegoodapi.com/",target:"_blank",children:"Learn more"})]})]}),H("div",{class:"footer",children:[H("p",{children:"Powered by"}),H("img",{src:"https://res.cloudinary.com/shipaid/image/upload/v1753376903/Cart%20Extension/Copy_of_GoodAPI_Updated_Logo_zn8wuq.png",alt:"GoodAPI Logo"})]})]}),me=({carouselType:e,open:t})=>{const[o,i]=ee(t),[n,r]=ee(0),a=[H(ue,{}),H(Ce,{}),..."green-protection"===e?[H(Ae,{}),H(Ee,{})]:[]];te(()=>{const e=()=>{window.dispatchEvent(new Event("shipaid:modal-opened")),i(!0)};return window.addEventListener("shipaid:open-global-modal",e),()=>{window.removeEventListener("shipaid:open-global-modal",e)}},[]);const s=e=>{if(e.target===e.currentTarget||e.target.closest(".modal-close")){i(!1),r(0),window.dispatchEvent(new Event("shipaid:modal-closed"));const e=document.querySelector("body");e&&(e.style.overflow="auto")}},l=e=>{r(e)},d=oe(()=>{o&&n>0&&l(n-1)},[o,n]),c=oe(()=>{o&&n<a.length-1&&l(n+1)},[o,n]);return te(()=>{const e=()=>d(),t=()=>c();return document.addEventListener("swiped-right",e),document.addEventListener("swiped-left",t),()=>{document.removeEventListener("swiped-right",e),document.removeEventListener("swiped-left",t)}},[c,d]),H("div",{class:o?"":"global-modal-hidden",children:H(ce,{onClose:s,children:H(pe,{slides:a,slideIndex:n,onSlideIndexChange:e=>l(e),onClose:s})})})};class Se extends HTMLElement{constructor(){super(),o(this,"_root"),this._root=this.attachShadow({mode:"open"})}connectedCallback(){this.renderComponent()}disconnectedCallback(){G(null,this._root)}renderComponent(){const e=this.getAttribute("carousel-type"),t="open"===this.getAttribute("carousel-state");G(H(me,{carouselType:e,open:t}),this._root)}}customElements.get("shipaid-learn-more-carousel")||customElements.define("shipaid-learn-more-carousel",Se)}();const We="Loading ShipAid Widget...",qe="Delivery Guarantee",Xe="in case of Loss, Damage or Theft",_e={button:"Powered by"},$e={add:"Add",remove:"Remove",loading:"Loading..."},et={loading:We,title:qe,description:Xe,footer:_e,actions:$e,"learn-more-popup":{close:"Close",title:"Delivery Guarantee",disclaimer:{"subtitle-enable":"We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen!","subtitle-monitor":"We continuously monitor your package and offer a convenient portal for you to track your order's progress at any moment!","subtitle-notify":"You'll be notified throughout the entire shipping process, ensuring you stay up to date every step of the way.","subtitle-resolution":"In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution.",text:"By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allow brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you a purchasing from. The brand will require proof of damage or undelivered product."},links:{terms:"Terms of Service",privacy:"Privacy Policy"},tabs:{delivery:"Delivery Guarantee",reforestation:"Reforestation"}},"checkout-plus":{title:"Delivery Guarantee",checkout:"CHECKOUT","checkout-title":"Checkout",continue:"Continue without delivery guarantee"},"green-protection":{title:"Delivery Guarantee & Plant 1 Tree","title-checkout-plus":"Guarantee & Plant 1 Tree",description:"Protect against order loss, theft, damage + deforestation "}},tt=Object.freeze(Object.defineProperty({__proto__:null,actions:$e,default:et,description:Xe,footer:_e,loading:We,title:qe},Symbol.toStringTag,{value:"Module"})),ot=ie`
|
|
427
|
+
*/}!function(e,t){"initCustomEvent"in t.createEvent("CustomEvent")&&(e.CustomEvent=function(e,o){o=o||{bubbles:!1,cancelable:!1,detail:void 0};var i=t.createEvent("CustomEvent");return i.initCustomEvent(e,o.bubbles,o.cancelable,o.detail),i},e.CustomEvent.prototype=e.Event.prototype),t.addEventListener("touchstart",function(e){"true"!==e.target.getAttribute("data-swipe-ignore")&&(s=e.target,a=Date.now(),o=e.touches[0].clientX,i=e.touches[0].clientY,n=0,r=0)},!1),t.addEventListener("touchmove",function(e){if(o&&i){var t=e.touches[0].clientX,a=e.touches[0].clientY;n=o-t,r=i-a}},!1),t.addEventListener("touchend",function(e){if(s===e.target){var t=parseInt(s.getAttribute("data-swipe-threshold")||"20",10),l=parseInt(s.getAttribute("data-swipe-timeout")||"500",10),d=Date.now()-a,c="";Math.abs(n)>Math.abs(r)?Math.abs(n)>t&&d<l&&(c=n>0?"swiped-left":"swiped-right"):Math.abs(r)>t&&d<l&&(c=r>0?"swiped-up":"swiped-down"),""!==c&&s.dispatchEvent(new CustomEvent(c,{bubbles:!0,cancelable:!0})),o=null,i=null,a=null}},!1);var o=null,i=null,n=null,r=null,a=null,s=null}(window,document);var P,O,Y,D,F=0,N=[],z=t,Z=z.__b,V=z.__r,W=z.diffed,q=z.__c,X=z.unmount,_=z.__;function $(e,t){z.__h&&z.__h(O,e,F||t),F=0;var o=O.__H||(O.__H={__:[],__h:[]});return e>=o.__.length&&o.__.push({}),o.__[e]}function ee(e){return F=1,function(e,t){var o=$(P++,2);if(o.t=e,!o.__c&&(o.__=[de(void 0,t),function(e){var t=o.__N?o.__N[0]:o.__[0],i=o.t(t,e);t!==i&&(o.__N=[i,o.__[1]],o.__c.setState({}))}],o.__c=O,!O.__f)){var i=function(e,t,i){if(!o.__c.__H)return!0;var r=o.__c.__H.__.filter(function(e){return!!e.__c});if(r.every(function(e){return!e.__N}))return!n||n.call(this,e,t,i);var a=o.__c.props!==e;return r.forEach(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(a=!0)}}),n&&n.call(this,e,t,i)||a};O.__f=!0;var n=O.shouldComponentUpdate,r=O.componentWillUpdate;O.componentWillUpdate=function(e,t,o){if(this.__e){var a=n;n=void 0,i(e,t,o),n=a}r&&r.call(this,e,t,o)},O.shouldComponentUpdate=i}return o.__N||o.__}(de,e)}function te(e,t){var o=$(P++,3);!z.__s&&le(o.__H,t)&&(o.__=e,o.u=t,O.__H.__h.push(o))}function oe(e,t){return F=8,function(e,t){var o=$(P++,7);return le(o.__H,t)&&(o.__=e(),o.__H=t,o.__h=e),o.__}(function(){return e},t)}function ie(){for(var e;e=N.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(ae),e.__H.__h.forEach(se),e.__H.__h=[]}catch(t){e.__H.__h=[],z.__e(t,e.__v)}}z.__b=function(e){O=null,Z&&Z(e)},z.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),_&&_(e,t)},z.__r=function(e){V&&V(e),P=0;var t=(O=e.__c).__H;t&&(Y===O?(t.__h=[],O.__h=[],t.__.forEach(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.forEach(ae),t.__h.forEach(se),t.__h=[],P=0)),Y=O},z.diffed=function(e){W&&W(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==N.push(t)&&D===z.requestAnimationFrame||((D=z.requestAnimationFrame)||re)(ie)),t.__H.__.forEach(function(e){e.u&&(e.__H=e.u),e.u=void 0})),Y=O=null},z.__c=function(e,t){t.some(function(e){try{e.__h.forEach(ae),e.__h=e.__h.filter(function(e){return!e.__||se(e)})}catch(o){t.some(function(e){e.__h&&(e.__h=[])}),t=[],z.__e(o,e.__v)}}),q&&q(e,t)},z.unmount=function(e){X&&X(e);var t,o=e.__c;o&&o.__H&&(o.__H.__.forEach(function(e){try{ae(e)}catch(o){t=o}}),o.__H=void 0,t&&z.__e(t,o.__v))};var ne="function"==typeof requestAnimationFrame;function re(e){var t,o=function(){clearTimeout(i),ne&&cancelAnimationFrame(t),setTimeout(e)},i=setTimeout(o,35);ne&&(t=requestAnimationFrame(o))}function ae(e){var t=O,o=e.__c;"function"==typeof o&&(e.__c=void 0,o()),O=t}function se(e){var t=O;e.__c=e.__(),O=t}function le(e,t){return!e||e.length!==t.length||t.some(function(t,o){return t!==e[o]})}function de(e,t){return"function"==typeof t?t(e):t}const ce=({children:e,onClose:t})=>H("div",{class:"shipaid-global-modal",children:[H("style",{children:":host {\n font-size: 10.5px;\n}\n\nshipaid-global-modal {\n position: relative;\n}\n\n.global-modal-hidden {\n display: none !important;\n}\n\n.shipaid-global-modal {\n font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Noto Sans\", \"Helvetica Neue\", sans-serif;\n letter-spacing: normal !important;\n -webkit-font-smoothing: auto;\n font-style: normal;\n line-height: 1;\n font-weight: initial !important;\n text-transform: initial !important;\n}\n\n.shipaid-global-modal .modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 2147483647;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n justify-content: flex-start;\n left: calc(50% - 180px);\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows {\n align-items: center;\n display: flex;\n position: absolute;\n bottom: -50px;\n left: 125px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-logo {\n height: 30px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-logo img {\n width: 100px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-arrows button {\n background: white;\n border: 2px solid #ccc;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows .modal-arrows {\n display: flex;\n gap: 10px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper {\n touch-action: none;\n display: flex;\n transition: transform 0.5s ease;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box {\n width: 360px;\n height: 575px;\n background-color: #fff;\n margin-right: 20px;\n flex-shrink: 0;\n border-top-right-radius: 40px;\n border-bottom-left-radius: 40px;\n box-sizing: border-box;\n overflow: hidden;\n cursor: default;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box.transparent {\n background: transparent;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n padding: 40px;\n box-sizing: border-box;\n position: relative;\n color: #000;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide>* {\n z-index: 2;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.4);\n z-index: 1;\n}\n\n/* Slide 1 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-one {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1756301260/1_wuoucw.png');\n background-size: cover;\n background-position: center;\n}\n\n/* Slide 2 */\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1754503970/Instant_Package_Protection_4_bdl2sq.png');\n background-size: 121%;\n background-position: center 100%;\n background-repeat: no-repeat;\n align-items: center;\n padding: 1rem;\n color: #222;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .title {\n font-size: 5.5rem;\n font-weight: 700;\n color: #0056F0;\n margin: 1.1rem 0 0;\n line-height: 38.5px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .subtitle {\n font-size: 1.6rem;\n font-weight: 800;\n max-width: 420px;\n text-align: justify;\n line-height: 1.2;\n margin: 20px 0 0;\n padding: 0 2.3rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .desc {\n font-size: 1rem;\n font-weight: 100;\n max-width: 420px;\n text-align: justify;\n line-height: 1.2;\n padding: 0 2.3rem;\n margin: 0.7rem 0 0;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .legal {\n font-size: 0.9rem;\n font-weight: 400;\n max-width: 487px;\n text-align: justify;\n line-height: 1.3;\n color: #555;\n margin-top: auto;\n background-color: rgba(255, 255, 255, 0.8);\n padding: 0.5rem;\n border-radius: 8px;\n margin-bottom: 0.3rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer {\n font-size: 0.75rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n width: 100%;\n justify-content: flex-end;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer a {\n color: #222;\n text-decoration: underline;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-two .footer footer p {\n margin: 0;\n}\n\n/* Slide 3 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753371403/Instant_Package_Protection_3_cu2vin.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 1.5rem;\n color: white;\n}\n\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .title {\n font-size: 3rem;\n font-weight: 800;\n margin-top: 3rem;\n width: 100%;\n text-align: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-bg {\n background-color: rgba(0, 0, 0, 0.6);\n padding: 1rem;\n border-radius: 12px;\n width: 100%;\n max-width: 420px;\n text-align: left;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 91%;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-section {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 0.5rem;\n gap: 1.5rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-left {\n flex: 1;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-title {\n font-size: 2.19rem;\n font-weight: 800;\n margin: 0;\n line-height: 2rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-desc {\n font-size: 1rem;\n font-weight: 300;\n margin: 0.6rem 0 0;\n line-height: 1.3rem;\n letter-spacing: 0.1rem;\n text-align: justify;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: flex-end;\n height: 100%;\n gap: 1.45rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right img {\n height: 50px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-three .info-right a {\n color: white;\n text-decoration: underline;\n font-size: 1.2rem;\n width: 100%;\n text-align: center;\n}\n\n/* Slide 4 */\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four {\n background-image: url('https://res.cloudinary.com/shipaid/image/upload/v1753375495/Instant_Package_Protection_2_svqyct.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 1.5rem 1rem;\n color: white;\n text-align: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .content {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .title {\n font-size: 5.1rem;\n font-weight: 700;\n margin: 0 0 1rem;\n line-height: 4.5rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .subtitle {\n font-size: 2.9rem;\n font-weight: 700;\n margin: auto 0 1.2rem;\n line-height: 1.4;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .desc {\n font-size: clamp(1.6rem, 1vw + 1.1rem, 1.9rem);\n font-weight: 400;\n max-width: 440px;\n margin: 0 auto;\n line-height: 1.3;\n text-align: justify;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n justify-content: flex-end;\n margin-top: 1rem;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer p {\n font-size: 0.85rem;\n font-weight: 500;\n margin: 0;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .desc a {\n color: white;\n}\n\n.shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box .slide-four .footer img {\n height: 40px;\n}\n\n.shipaid-global-modal .modal-overlay .modal-close {\n box-sizing: border-box;\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n cursor: pointer;\n width: 56px;\n height: 56px;\n color: #fff !important;\n border-radius: 8px;\n padding: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.shipaid-global-modal .modal-overlay .modal-close svg {\n width: 100%;\n}\n\n@media screen and (min-width: 768px) {\n .shipaid-global-modal .modal-overlay .modal-close {\n width: 48px;\n height: 48px;\n }\n}\n\n.green-check {\n margin: 0 auto;\n}\n\n.green-check svg {\n height: 20px;\n}\n\n@media (max-width: 450px) {\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container {\n max-width: 100%;\n left: 10px;\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .logo-arrows {\n left: calc(50% - 10px);\n transform: translateX(-50%);\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper {\n justify-content: flex-start;\n }\n\n .shipaid-global-modal .modal-overlay .modal-content .modal-boxes-container .modal-boxes-wrapper .modal-box {\n width: 360px;\n margin-right: 20px;\n overflow: hidden;\n }\n\n\n}\n\n@media (max-height: 800px) {\n .shipaid-global-modal .modal-overlay .modal-content {\n justify-content: flex-start;\n margin-top: 2rem;\n }\n\n .shipaid-global-modal .modal-overlay .modal-close {\n top: 3rem;\n left: 4rem;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n z-index: 10000;\n }\n}\n\n@media (min-width: 900px)and (min-height: 750px) and (max-height: 850px) {\n .shipaid-global-modal .modal-overlay .modal-close {\n top: 3rem;\n }\n\n}"}),H("div",{class:"modal-overlay",children:[H("div",{class:"modal-content",onClick:t,children:e}),H("div",{class:"modal-close",onClick:t,children:H("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[H("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),H("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]}),he=({onChange:e,index:t,maxSlides:o})=>H("div",{className:"logo-arrows",children:H("div",{className:"modal-arrows",children:[H("button",{class:"modal-arrow modal-arrow-prev",type:"button","aria-label":"Previous slide",onClick:()=>{t>0&&e(t-1)},className:0===t?"disabled":"",children:H("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#222","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:H("polyline",{points:"15 18 9 12 15 6"})})}),H("button",{class:"modal-arrow modal-arrow-next",type:"button","aria-label":"Next slide",onClick:()=>{t<3&&e(t+1)},className:t===o?"disabled":"",children:H("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"#222","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:H("polyline",{points:"9 18 15 12 9 6"})})})]})}),ge=({children:e,isTransparent:t})=>H("div",{className:"modal-box "+(t?"transparent":""),children:e}),pe=({slides:e,slideIndex:t,onSlideIndexChange:o,onClose:i})=>{const[n,r]=ee(!1),[a,s]=ee(0),[l,d]=ee(0),c=380,[,h]=ee(0),[g,p]=ee(!1),u=()=>{p(!0),setTimeout(()=>{p(!1)},400)};return H("div",{className:"modal-boxes-container",onClick:i,children:[H(he,{onChange:o,index:t,maxSlides:e.length-1}),H("div",{className:"modal-boxes-wrapper",style:{transform:`translateX(calc(-${380*t}px + ${l}px))`,transition:n?"none":"transform 0.3s ease",overscrollBehavior:"none",touchAction:"none",userSelect:"none"},onPointerDown:e=>{e.preventDefault(),r(!0),s(e.clientX)},onPointerMove:e=>{if(!n)return;let t=e.clientX-a;t>c&&(t=c),t<-c&&(t=-c),d(t)},onPointerUp:()=>{r(!1),l>50&&t>0?o(t-1):l<-50&&t<e.length-1&&o(t+1),d(0)},onWheel:i=>{g||Math.abs(i.deltaX)>Math.abs(i.deltaY)&&(i.preventDefault(),h(n=>{const r=n+i.deltaX;return r<-1200&&t>0?(o(t-1),u(),0):r>1200&&t<e.length-1?(o(t+1),u(),0):r}))},children:e.map((e,t)=>H(ge,{children:e},t))})]})},ue=()=>H("div",{class:"slide slide-one"}),Ce=()=>H("div",{class:"slide slide-two",children:[H("p",{class:"title",children:"SHIPAID"}),H("p",{class:"subtitle",children:"Direct Brand to Customer Promise"}),H("p",{class:"desc",children:"We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen! In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution."}),H("p",{class:"legal",children:"By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allows brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you are purchasing from. The brand will require proof of damage or undelivered product."}),H("div",{class:"footer",children:[H("a",{href:"https://www.shipaid.com/terms-of-service",target:"_blank",children:"Terms of Service"}),H("a",{href:"https://www.shipaid.com/privacy-policy",target:"_blank",children:"Privacy Policy"}),H("p",{children:"ShipAid © 2025"})]})]}),Ae=()=>H("div",{class:"slide slide-three",children:[H("p",{class:"title",children:"1 Order = 1 Tree"}),H("div",{class:"info-bg",children:H("div",{class:"info-section",children:[H("div",{class:"info-left",children:[H("p",{class:"info-title",children:"Protect your order & the environment"}),H("p",{class:"info-desc",children:"Every SHIPAID purchase plants one tree to offset carbon impact and fight deforestation, verified."})]}),H("div",{class:"info-right",children:[H("img",{src:"https://res.cloudinary.com/shipaid/image/upload/v1753199774/Logo-tree_uz4fzn.svg",alt:"ShipAid Green Logo"}),H("a",{href:"https://help.shipaid.com/en/article/what-does-the-shipaid-x-thegoodapi-partnership-offer-y4ecs/",target:"_blank",children:"Learn more"})]})]})})]}),Ee=()=>H("div",{class:"slide slide-four",children:[H("div",{class:"content",children:[H("p",{class:"title",children:"Kenya Mangroves"}),H("p",{class:"subtitle",children:"Rebuilding Eastern Africa’s Ecosystems"}),H("p",{class:"desc",children:["Restoring mangroves to protect coastlines, support livelihoods, and rebuild ecosystems one tree at a time. Your order helps break the cycle of poverty, naturally. ",H("a",{href:"https://thegoodapi.com/",target:"_blank",children:"Learn more"})]})]}),H("div",{class:"footer",children:[H("p",{children:"Powered by"}),H("img",{src:"https://res.cloudinary.com/shipaid/image/upload/v1753376903/Copy_of_GoodAPI_Updated_Logo_zn8wuq.png",alt:"GoodAPI Logo"})]})]}),me=({carouselType:e,open:t})=>{const[o,i]=ee(t),[n,r]=ee(0),a=[H(ue,{}),H(Ce,{}),..."green-protection"===e?[H(Ae,{}),H(Ee,{})]:[]];te(()=>{const e=()=>{window.dispatchEvent(new Event("shipaid:modal-opened")),i(!0)};return window.addEventListener("shipaid:open-global-modal",e),()=>{window.removeEventListener("shipaid:open-global-modal",e)}},[]);const s=e=>{if(e.target===e.currentTarget||e.target.closest(".modal-close")){i(!1),r(0),window.dispatchEvent(new Event("shipaid:modal-closed"));const e=document.querySelector("body");e&&(e.style.overflow="auto")}},l=e=>{r(e)},d=oe(()=>{o&&n>0&&l(n-1)},[o,n]),c=oe(()=>{o&&n<a.length-1&&l(n+1)},[o,n]);return te(()=>{const e=()=>d(),t=()=>c();return document.addEventListener("swiped-right",e),document.addEventListener("swiped-left",t),()=>{document.removeEventListener("swiped-right",e),document.removeEventListener("swiped-left",t)}},[c,d]),H("div",{class:o?"":"global-modal-hidden",children:H(ce,{onClose:s,children:H(pe,{slides:a,slideIndex:n,onSlideIndexChange:e=>l(e),onClose:s})})})};class Se extends HTMLElement{constructor(){super(),o(this,"_root"),this._root=this.attachShadow({mode:"open"})}connectedCallback(){this.renderComponent()}disconnectedCallback(){G(null,this._root)}renderComponent(){const e=this.getAttribute("carousel-type"),t="open"===this.getAttribute("carousel-state");G(H(me,{carouselType:e,open:t}),this._root)}}customElements.get("shipaid-learn-more-carousel")||customElements.define("shipaid-learn-more-carousel",Se)}();const We="Loading ShipAid Widget...",qe="Delivery Guarantee",Xe="in case of Loss, Damage or Theft",_e={button:"Powered by"},$e={add:"Add",remove:"Remove",loading:"Loading..."},et={loading:We,title:qe,description:Xe,footer:_e,actions:$e,"learn-more-popup":{close:"Close",title:"Delivery Guarantee",disclaimer:{"subtitle-enable":"We enable your favorite brands to provide a delivery guarantee because we know that every order is precious, and things happen!","subtitle-monitor":"We continuously monitor your package and offer a convenient portal for you to track your order's progress at any moment!","subtitle-notify":"You'll be notified throughout the entire shipping process, ensuring you stay up to date every step of the way.","subtitle-resolution":"In case of any issues during transit, we offer a quick and easy method to report the problem directly to the brand, for a swift resolution.",text:"By purchasing this delivery guarantee, you agree to our Terms Of Service and Privacy Policy. You are not obligated to purchase this guarantee. This guarantee is NOT insurance and does not provide indemnification against loss, damage, or liability arising from a contingent or unknown event, but rather, through ShipAid brands provide a delivery guarantee whereby if the product you ordered is not delivered in satisfactory condition, the brand from which you ordered the product may replace the product free of charge. ShipAid does not provide any products or services directly to consumers, but instead provides a service that allow brands to facilitate product replacement to their customers. Purchasing this guarantee does not mean that you will automatically be reimbursed for any product or shipping costs because the resolution process and decision for compensation is strictly decided by the brand you a purchasing from. The brand will require proof of damage or undelivered product."},links:{terms:"Terms of Service",privacy:"Privacy Policy"},tabs:{delivery:"Delivery Guarantee",reforestation:"Reforestation"}},"checkout-plus":{title:"Delivery Guarantee",checkout:"CHECKOUT","checkout-title":"Checkout",continue:"Continue without delivery guarantee"},"green-protection":{title:"Delivery Guarantee & Plant 1 Tree","title-checkout-plus":"Guarantee & Plant 1 Tree",description:"Protect against order loss, theft, damage + deforestation "}},tt=Object.freeze(Object.defineProperty({__proto__:null,actions:$e,default:et,description:Xe,footer:_e,loading:We,title:qe},Symbol.toStringTag,{value:"Module"})),ot=ie`
|
|
428
428
|
:host {
|
|
429
429
|
--shipaid-primary: #002bd6;
|
|
430
430
|
--shipaid-secondary: #0076ff;
|