@tsc_tech/medusa-plugin-restock
Version:
A starter for Medusa plugins.
100 lines • 3.83 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const restockNotificationTemplate = (data, frontendUrl) => {
const productUrl = `${frontendUrl}/store/${data?.product?.handle}`;
const productImage = data?.product?.thumbnail || "";
const productTitle = data?.product?.title;
const variantTitle = data?.title;
return `
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Restock Notification</title>
<style>
.container {
max-width: 600px;
background-color: #000;
margin: auto;
color: #fff;
}
.header {
background-color: #000;
padding: 20px;
color: #fff;
border-radius: 8px 8px 0 0;
text-align: center;
}
.content {
padding: 20px;
background-color: #fff;
}
.product-image {
max-width: 150px;
border-radius: 8px;
}
.button {
display: inline-block;
background-color: #ffffff;
color: #ffffff;
text-decoration: none;
font-size: 18px;
padding: 12px 20px;
border-radius: 5px;
margin-top: 20px;
transition: background 0.3s ease;
border: 2px solid #333;
}
.button:hover {
background-color: #808080;
}
.footer {
text-align: center;
font-size: 0.9em;
color: #666;
}
.item-details {
text-align: left;
flex-grow: 1;
margin-left: 20px;
}
.item-details strong {
font-size: 18px;
color: #333;
}
.item-details p {
font-size: 14px;
color: #777;
margin: 5px 0;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Your Favorite Item is Back in Stock!</h1>
</div>
<div class="content">
<p>Good news! The product you've been waiting for is now back in stock.</p>
<div style="display: flex; align-items: center; gap: 40px;">
<div>
<img src=${productImage} alt=${productTitle} class="product-image" />
</div>
<div class="item-details">
<strong>${productTitle}</strong>
<p>${variantTitle}</p>
<p>
<a href=${productUrl} class="button">Shop Now</a>
</p>
</div>
</div>
<p style="margin-top: 15px;">Hurry! Stock is limited.</p>
</div>
</div>
</body>
</html>
`;
};
exports.default = restockNotificationTemplate;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzdG9ja05vdGlmaWNhdGlvblRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3Jlc3RvY2tOb3RpZmljYXRpb25UZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE1BQU0sMkJBQTJCLEdBQUcsQ0FBQyxJQUFJLEVBQUUsV0FBa0IsRUFBRSxFQUFFO0lBQy9ELE1BQU0sVUFBVSxHQUFHLEdBQUcsV0FBVyxVQUFVLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFDbkUsTUFBTSxZQUFZLEdBQUcsSUFBSSxFQUFFLE9BQU8sRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDO0lBQ3BELE1BQU0sWUFBWSxHQUFHLElBQUksRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDO0lBQzFDLE1BQU0sWUFBWSxHQUFHLElBQUksRUFBRSxLQUFLLENBQUM7SUFHakMsT0FBTzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7K0JBMEVzQixZQUFZLFFBQVEsWUFBWTs7OzhCQUdqQyxZQUFZO3lCQUNqQixZQUFZOztrQ0FFSCxVQUFVOzs7Ozs7Ozs7Q0FTM0MsQ0FBQztBQUNGLENBQUMsQ0FBQztBQUVGLGtCQUFlLDJCQUEyQixDQUFDIn0=