Start9/start9.com
2
0
Fork 0
mirror of https://github.com/Start9Labs/start9.com.git synced 2026-03-30 12:11:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

update newsletter subscription ffor new shopify api

Browse Source
This commit is contained in:
Lucy Cifferello
2025-04-09 16:49:35 -04:00
parent ba3739eb54
commit e5b0c62a3b
1 changed files with 81 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
src/assets/js/contact.js
View File

@@ -2,14 +2,15 @@
/* CONTACT POST */ /* CONTACT POST */
/********************************************/ /********************************************/
const emailError = document.getElementById("emailError") const emailError = document.getElementById("emailError");
const emailSuccess = document.getElementById("emailSuccess") const emailSuccess = document.getElementById("emailSuccess");
const errorMsg = "Something's not working. If you keep getting this error, try us at <a href='https://t.me/start9_lab' rel='noopener noreferrer' target='_blank'>Telegram</a> instead." const errorMsg =
"Something's not working. If you keep getting this error, try us on <a href='https://matrix.to/#/#general:start9.me' rel='noopener noreferrer' target='_blank'>Matrix</a> instead.";
function showSuccess(message) { function showSuccess(message) {
hideError(); hideError();
emailSuccess.classList.add("form-alert--visible"); emailSuccess.classList.add("form-alert--visible");
emailSuccess.innerHTML = message emailSuccess.innerHTML = message;
} }
function hideSuccess() { function hideSuccess() {
@@ -26,54 +27,84 @@ function hideError() {
emailError.classList.remove("form-alert--visible"); emailError.classList.remove("form-alert--visible");
} }
function clear(){ function clear() {
document.getElementById("subscribeForm").reset() document.getElementById("subscribeForm").reset();
} }
document.getElementById("contactSubmit").addEventListener("click", function (e) { document
const fromEmail = document.getElementById("fromEmail"); .getElementById("contactSubmit")
e.preventDefault() .addEventListener("click", function (e) {
if ( const fromEmail = document.getElementById("fromEmail");
/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/.test( e.preventDefault();
fromEmail.value if (
) /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/.test(
) { fromEmail.value
hideError(); )
) {
hideError();
try { try {
var body = { const query = `
customer: { mutation customerCreate($input: CustomerInput!) {
email: fromEmail.value, customerCreate(input: $input) {
accepts_marketing: true, customer {
verified_email: true, id
}, email
}; emailMarketingConsent {
fetch("https://start9.com/api/subscribe", { marketingState
method: "POST", consentUpdatedAt
headers: { marketingOptInLevel
"Content-Type": "application/json", }
}, }
body: JSON.stringify(body), userErrors {
}).then((response) => { field
clear() message
if (response.ok) { }
showSuccess("Thanks for subscribing!"); }
} else {
if (response.status === 422) {
showError("Already subscribed!")
} else {
console.error(`Error code: ${response.status} - Details: ${response.statusText}`)
showError(errorMsg);
} }
} `;
}); const variables = {
} catch (error) { input: {
clear() email: fromEmail.value,
console.error(error) emailMarketingConsent: {
showError(errMsg); marketingState: "SUBSCRIBED",
consentUpdatedAt: new Date().toISOString(),
marketingOptInLevel: "SINGLE_OPT_IN",
},
},
};
fetch("https://start9.com/api/subscribe", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ query, variables }),
})
.then((response) => response.json())
.then((data) => {
if (data.data.customerCreate.userErrors.length) {
console.error(
"Error creating customer:",
data.data.customerCreate.userErrors
);
if (
data.data.customerCreate.userErrors[0].message ===
"Email has already been taken"
) {
showError("Email already subscribed");
} else {
showError("Error subscribing. Please contact support.");
}
} else {
showSuccess("Thanks for subscribing!");
}
});
} catch (error) {
clear();
console.error(error);
showError(errMsg);
}
} else {
showError("Sorry, you must use a valid email address.");
} }
} else { });
showError("Sorry, you must use a valid email address.");
}
});