342 lines
16 KiB
JavaScript
342 lines
16 KiB
JavaScript
import { r } from "./chunk-RU7WR4KH.D5j7HXCF.js";
|
|
import { u, c as recupereElementsDocumentEither, r as recupereElementDocumentEither, p, d as propEither } from "./utils.js";
|
|
import { x } from "./chunk-7BKSRZNG.C39W3Wne.js";
|
|
import { p as parse } from "./index.CCa5Y_L9.js";
|
|
import { R as ROUTE_API_RETIRE_ARTICLE_PANIER, b as ROUTE_API_MAJ_ARTICLE_PANIER, c as ROUTE_API_MAJ_CLIENT } from "./api.js";
|
|
import { f as SELECTEUR_ENTREES_PANIER, g as SELECTEUR_CONTENEUR_PANIER, h as SELECTEUR_SOUS_TOTAL_PANIER, i as SELECTEUR_TOTAL_PANIER, j as SELECTEUR_BOUTON_SEPARATION_ADRESSES, k as SELECTEUR_FORMULAIRE_PANIER, l as SELECTEUR_FORMULAIRE_LIVRAISON, m as SELECTEUR_FORMULAIRE_FACTURATION, n as SELECTEUR_BOUTON_ACTIONS_FORMULAIRE, o as ATTRIBUT_CLE_PANIER, p as SELECTEUR_BOUTON_SOUSTRACTION_QUANTITE, q as SELECTEUR_CHAMP_QUANTITE_LIGNE_PANIER, r as SELECTEUR_BOUTON_ADDITION_QUANTITE, s as SELECTEUR_BOUTON_SUPPRESSION_PANIER, A as ATTRIBUT_CONTIENT_ARTICLES, t as SELECTEUR_PRIX_LIGNE_PANIER, u as ATTRIBUT_HIDDEN, v as ATTRIBUT_DESACTIVE } from "./dom.js";
|
|
import { N as NOM_CANAL_BOUTON_PANIER, a as NOM_CANAL_CONTENU_PANIER } from "./messages3.js";
|
|
import { r as recupereElementOuLeve, a as recupereElementsAvecSelecteur, b as recupereElementAvecSelecteur } from "./dom2.js";
|
|
import { l as leveServerError, r as reporteErreur } from "./erreurs.js";
|
|
import { e as estReponse500, a as estError } from "./gardes.js";
|
|
import { v as valideMessageMajBoutonPanier, a as valideMessageMajContenuPanier, e as emetMessageMajBoutonPanier, b as emetMessageMajContenuPanier } from "./messages.js";
|
|
import { p as postBackend, t as traiteReponseBackendWCSelonCodesHTTP } from "./reseau.js";
|
|
import { W as WCStoreCartSchema } from "./cart.js";
|
|
import { W as WCStoreCartRemoveItemArgsSchema } from "./cart-remove-item.js";
|
|
import { W as WCStoreCartUpdateCustomerArgsSchema } from "./cart-update-customer.js";
|
|
import { W as WCStoreCartUpdateItemArgsSchema } from "./cart-update-item.js";
|
|
import { M as Maybe, E as Either } from "./Either.wHNxn7Os.js";
|
|
import "./exports.DMCTjIlP.js";
|
|
import "./messages2.js";
|
|
import "./index.CeK6pfoJ.js";
|
|
import "./erreurs2.js";
|
|
import "./cart2.js";
|
|
import "./adresses.js";
|
|
function n(...r2) {
|
|
return u(Object.fromEntries, r2);
|
|
}
|
|
const ETATS_PAGE = _etats;
|
|
const ENTREES_PANIER_EITHER = recupereElementsDocumentEither(
|
|
SELECTEUR_ENTREES_PANIER
|
|
);
|
|
const CONTENEUR_PANIER = x(
|
|
recupereElementDocumentEither(SELECTEUR_CONTENEUR_PANIER),
|
|
recupereElementOuLeve
|
|
);
|
|
const SOUS_TOTAL_PANIER = x(
|
|
recupereElementDocumentEither(SELECTEUR_SOUS_TOTAL_PANIER),
|
|
recupereElementOuLeve
|
|
);
|
|
const TOTAL_PANIER = x(
|
|
recupereElementDocumentEither(SELECTEUR_TOTAL_PANIER),
|
|
recupereElementOuLeve
|
|
);
|
|
const BOUTON_SEPARATION_ADRESSES = x(
|
|
recupereElementDocumentEither(SELECTEUR_BOUTON_SEPARATION_ADRESSES),
|
|
recupereElementOuLeve
|
|
);
|
|
const FORMULAIRE_PANIER = x(
|
|
recupereElementDocumentEither(SELECTEUR_FORMULAIRE_PANIER),
|
|
recupereElementOuLeve
|
|
);
|
|
x(
|
|
recupereElementDocumentEither(SELECTEUR_FORMULAIRE_LIVRAISON),
|
|
recupereElementOuLeve
|
|
);
|
|
const FORMULAIRE_FACTURATION = x(
|
|
recupereElementDocumentEither(SELECTEUR_FORMULAIRE_FACTURATION),
|
|
recupereElementOuLeve
|
|
);
|
|
const BOUTON_ACTIONS_FORMULAIRE = x(
|
|
recupereElementDocumentEither(SELECTEUR_BOUTON_ACTIONS_FORMULAIRE),
|
|
recupereElementOuLeve
|
|
);
|
|
const recupereElementDansEntreePanierOuLeve = (entree) => (selecteur) => x(
|
|
recupereElementAvecSelecteur(entree)(selecteur),
|
|
recupereElementOuLeve
|
|
);
|
|
const desactiveBoutonsEntreesPanier = (entrees) => entrees.forEach((entree) => {
|
|
const recupereElementDansEntree = recupereElementDansEntreePanierOuLeve(entree);
|
|
const elements = {
|
|
boutonAddition: recupereElementDansEntree(SELECTEUR_BOUTON_ADDITION_QUANTITE),
|
|
boutonSoustraction: recupereElementDansEntree(SELECTEUR_BOUTON_SOUSTRACTION_QUANTITE),
|
|
boutonSuppression: recupereElementDansEntree(SELECTEUR_BOUTON_SUPPRESSION_PANIER)
|
|
};
|
|
elements.boutonSoustraction.setAttribute(ATTRIBUT_DESACTIVE, "");
|
|
elements.boutonAddition.setAttribute(ATTRIBUT_DESACTIVE, "");
|
|
elements.boutonSuppression.setAttribute(ATTRIBUT_DESACTIVE, "");
|
|
elements.boutonSuppression.textContent = "C= C= C= C= C=┌(;・ω・)┘";
|
|
});
|
|
const majEtatsActivationBoutons = (entrees) => entrees.forEach((entree) => {
|
|
const recupereElementDansEntree = recupereElementDansEntreePanierOuLeve(entree);
|
|
const elements = {
|
|
boutonAddition: recupereElementDansEntree(SELECTEUR_BOUTON_ADDITION_QUANTITE),
|
|
boutonSoustraction: recupereElementDansEntree(SELECTEUR_BOUTON_SOUSTRACTION_QUANTITE),
|
|
boutonSuppression: recupereElementDansEntree(SELECTEUR_BOUTON_SUPPRESSION_PANIER),
|
|
champQuantite: recupereElementDansEntree(SELECTEUR_CHAMP_QUANTITE_LIGNE_PANIER)
|
|
};
|
|
Number(elements.champQuantite?.value) === 1 ? elements.boutonSoustraction.setAttribute(ATTRIBUT_DESACTIVE, "") : elements.boutonSoustraction.removeAttribute(ATTRIBUT_DESACTIVE);
|
|
elements.boutonAddition.removeAttribute(ATTRIBUT_DESACTIVE);
|
|
elements.boutonSuppression.removeAttribute(ATTRIBUT_DESACTIVE);
|
|
elements.boutonSuppression.textContent = "Remove";
|
|
});
|
|
const initialiseMajEntreesPanier = () => {
|
|
ENTREES_PANIER_EITHER.ifRight((entrees) => {
|
|
entrees.forEach((entree) => {
|
|
const recupereElementDansEntree = recupereElementDansEntreePanierOuLeve(entree);
|
|
const clePanier = Maybe.fromNullable(entree.getAttribute(ATTRIBUT_CLE_PANIER)).ifNothing(() => {
|
|
entree.remove();
|
|
return;
|
|
}).orDefault("CLE_PANIER_INEXISTANTE");
|
|
const boutonSoustraction = recupereElementDansEntree(SELECTEUR_BOUTON_SOUSTRACTION_QUANTITE);
|
|
const champQuantite = recupereElementDansEntree(SELECTEUR_CHAMP_QUANTITE_LIGNE_PANIER);
|
|
const boutonAddition = recupereElementDansEntree(SELECTEUR_BOUTON_ADDITION_QUANTITE);
|
|
const boutonSuppression = recupereElementDansEntree(SELECTEUR_BOUTON_SUPPRESSION_PANIER);
|
|
boutonSuppression.addEventListener("click", () => {
|
|
Either.encase(
|
|
() => parse(WCStoreCartRemoveItemArgsSchema, { key: clePanier })
|
|
).map(
|
|
async (args) => {
|
|
desactiveBoutonsEntreesPanier(entrees);
|
|
await postBackend({
|
|
corps: JSON.stringify(args),
|
|
nonce: ETATS_PAGE.nonce,
|
|
route: ROUTE_API_RETIRE_ARTICLE_PANIER
|
|
}).then(async (reponse) => {
|
|
if (estReponse500(reponse)) leveServerError("500 Server Error");
|
|
x(
|
|
// Récupère la Réponse
|
|
await reponse.json(),
|
|
// Traite tous les codes HTTPs possibles
|
|
(corpsReponse) => traiteReponseBackendWCSelonCodesHTTP(
|
|
corpsReponse,
|
|
WCStoreCartSchema
|
|
),
|
|
// Émets des Messages via BroadcastChannels pour la mise à jour de la page
|
|
r((panier) => {
|
|
emetMessageMajBoutonPanier({ quantiteProduits: panier.items_count });
|
|
emetMessageMajContenuPanier({
|
|
produits: panier.items,
|
|
sousTotalPanier: Number(panier.totals.total_price) / 100,
|
|
totalPanier: Number(panier.totals.total_items) / 100
|
|
});
|
|
entree.remove();
|
|
})
|
|
);
|
|
}).catch((e) => {
|
|
if (estError(e)) {
|
|
reporteErreur(e);
|
|
} else {
|
|
console.error("e n'est pas une Erreur ?!", e);
|
|
}
|
|
majEtatsActivationBoutons(entrees);
|
|
});
|
|
}
|
|
).ifLeft((erreur) => reporteErreur(erreur));
|
|
});
|
|
boutonSoustraction.addEventListener("click", () => {
|
|
Maybe.fromNullable(champQuantite.valueAsNumber).filter((valeur) => valeur > 1).ifJust((valeur) => {
|
|
Either.encase(
|
|
() => parse(WCStoreCartUpdateItemArgsSchema, { key: clePanier, quantity: valeur - 1 })
|
|
).map(
|
|
async (args) => {
|
|
desactiveBoutonsEntreesPanier(entrees);
|
|
await postBackend({
|
|
corps: JSON.stringify(args),
|
|
nonce: ETATS_PAGE.nonce,
|
|
route: ROUTE_API_MAJ_ARTICLE_PANIER
|
|
}).then(async (reponse) => {
|
|
if (estReponse500(reponse)) leveServerError("500 Server Error");
|
|
x(
|
|
// Récupère la Réponse
|
|
await reponse.json(),
|
|
// Traite tous les codes HTTPs possibles
|
|
(corpsReponse) => traiteReponseBackendWCSelonCodesHTTP(
|
|
corpsReponse,
|
|
WCStoreCartSchema
|
|
),
|
|
r((panier) => {
|
|
emetMessageMajBoutonPanier({ quantiteProduits: panier.items_count });
|
|
emetMessageMajContenuPanier({
|
|
produits: panier.items,
|
|
sousTotalPanier: Number(panier.totals.total_price) / 100,
|
|
totalPanier: Number(panier.totals.total_items) / 100
|
|
});
|
|
})
|
|
);
|
|
}).catch((e) => {
|
|
if (estError(e)) {
|
|
reporteErreur(e);
|
|
} else {
|
|
console.error("e n'est pas une Erreur ?!", e);
|
|
}
|
|
majEtatsActivationBoutons(entrees);
|
|
});
|
|
}
|
|
);
|
|
});
|
|
});
|
|
boutonAddition.addEventListener("click", () => {
|
|
Maybe.fromNullable(champQuantite.valueAsNumber).ifJust((valeur) => {
|
|
desactiveBoutonsEntreesPanier(entrees);
|
|
Either.encase(
|
|
() => parse(WCStoreCartUpdateItemArgsSchema, { key: clePanier, quantity: valeur + 1 })
|
|
).map(
|
|
async (args) => {
|
|
await postBackend({
|
|
corps: JSON.stringify(args),
|
|
nonce: ETATS_PAGE.nonce,
|
|
route: ROUTE_API_MAJ_ARTICLE_PANIER
|
|
}).then(async (reponse) => {
|
|
if (estReponse500(reponse)) leveServerError("500 Server Error");
|
|
x(
|
|
// Récupère la Réponse
|
|
await reponse.json(),
|
|
// Traite tous les codes HTTPs possibles
|
|
(corpsReponse) => traiteReponseBackendWCSelonCodesHTTP(
|
|
corpsReponse,
|
|
WCStoreCartSchema
|
|
),
|
|
r((panier) => {
|
|
emetMessageMajBoutonPanier({ quantiteProduits: panier.items_count });
|
|
emetMessageMajContenuPanier({
|
|
produits: panier.items,
|
|
sousTotalPanier: Number(panier.totals.total_price) / 100,
|
|
totalPanier: Number(panier.totals.total_items) / 100
|
|
});
|
|
})
|
|
);
|
|
}).catch((e) => {
|
|
if (estError(e)) {
|
|
reporteErreur(e);
|
|
} else {
|
|
console.error("e n'est pas une Erreur ?!", e);
|
|
}
|
|
majEtatsActivationBoutons(entrees);
|
|
});
|
|
}
|
|
);
|
|
});
|
|
});
|
|
});
|
|
});
|
|
};
|
|
const initialiseMajConteneurPanier = () => {
|
|
new BroadcastChannel(NOM_CANAL_BOUTON_PANIER).onmessage = (evenementMessage) => {
|
|
valideMessageMajBoutonPanier(evenementMessage).map(p("donnees")).ifRight((donnees) => {
|
|
CONTENEUR_PANIER.setAttribute(ATTRIBUT_CONTIENT_ARTICLES, String(donnees.quantiteProduits !== 0));
|
|
});
|
|
};
|
|
};
|
|
const initialiseMajContenuPanier = () => {
|
|
new BroadcastChannel(NOM_CANAL_CONTENU_PANIER).onmessage = (evenementMessage) => {
|
|
valideMessageMajContenuPanier(evenementMessage).chain(propEither("donnees")).ifRight((donnees) => {
|
|
donnees.produits.forEach((ligne) => {
|
|
ENTREES_PANIER_EITHER.ifRight((entrees) => {
|
|
Maybe.fromNullable(entrees.find((entree) => entree.getAttribute(ATTRIBUT_CLE_PANIER) === ligne.key)).ifJust((entree) => {
|
|
const recupereElementDansEntree = recupereElementDansEntreePanierOuLeve(entree);
|
|
const prixLigne = recupereElementDansEntree(SELECTEUR_PRIX_LIGNE_PANIER);
|
|
const champQuantite = recupereElementDansEntree(
|
|
SELECTEUR_CHAMP_QUANTITE_LIGNE_PANIER
|
|
);
|
|
prixLigne.textContent = `${String(Number(ligne.totals.line_total) / 100)} €`;
|
|
champQuantite.setAttribute("value", String(ligne.quantity));
|
|
majEtatsActivationBoutons(entrees);
|
|
});
|
|
SOUS_TOTAL_PANIER.textContent = `${String(donnees.totalPanier)} €`;
|
|
TOTAL_PANIER.textContent = `${String(donnees.totalPanier)} €`;
|
|
});
|
|
});
|
|
}).ifLeft((erreur) => {
|
|
reporteErreur(erreur);
|
|
ENTREES_PANIER_EITHER.ifRight((entrees) => majEtatsActivationBoutons(entrees));
|
|
});
|
|
};
|
|
};
|
|
const initialiseMajFormulairesPanier = () => {
|
|
BOUTON_SEPARATION_ADRESSES.addEventListener("click", () => {
|
|
Maybe.fromFalsy(BOUTON_SEPARATION_ADRESSES.checked).ifJust(() => {
|
|
FORMULAIRE_FACTURATION.removeAttribute(ATTRIBUT_HIDDEN);
|
|
recupereElementsAvecSelecteur(FORMULAIRE_FACTURATION)("input, select").ifRight((champs) => champs.forEach((champ) => champ.removeAttribute(ATTRIBUT_DESACTIVE)));
|
|
}).ifNothing(() => {
|
|
FORMULAIRE_FACTURATION.setAttribute(ATTRIBUT_HIDDEN, "");
|
|
recupereElementsAvecSelecteur(FORMULAIRE_FACTURATION)("input, select").ifRight(
|
|
(champs) => champs.forEach((champ) => {
|
|
console.debug(champ);
|
|
champ.setAttribute(ATTRIBUT_DESACTIVE, "");
|
|
champ.value = "";
|
|
})
|
|
);
|
|
});
|
|
});
|
|
};
|
|
const initialiseBoutonActions = () => {
|
|
BOUTON_ACTIONS_FORMULAIRE.addEventListener("click", (evenement) => {
|
|
Maybe.fromFalsy(FORMULAIRE_PANIER.checkValidity()).ifJust(() => {
|
|
evenement.preventDefault();
|
|
FORMULAIRE_PANIER.removeAttribute(ATTRIBUT_HIDDEN);
|
|
BOUTON_ACTIONS_FORMULAIRE.textContent = "Check-out";
|
|
}).ifJust(() => {
|
|
const donneesFormulaireLivraison = x(
|
|
new FormData(FORMULAIRE_PANIER),
|
|
(formData) => formData.entries(),
|
|
Array.from,
|
|
n
|
|
);
|
|
const argumentsFormulaire = {
|
|
shipping_address: {
|
|
address_1: donneesFormulaireLivraison["livraison-adresse"] ?? "",
|
|
address_2: "",
|
|
city: donneesFormulaireLivraison["livraison-ville"] ?? "",
|
|
company: "",
|
|
country: "FR",
|
|
first_name: donneesFormulaireLivraison["livraison-prenom"] ?? "",
|
|
last_name: donneesFormulaireLivraison["livraison-nom"] ?? "",
|
|
phone: donneesFormulaireLivraison["livraison-telephone"] ?? "",
|
|
postcode: donneesFormulaireLivraison["livraison-code-postal"] ?? "",
|
|
state: donneesFormulaireLivraison["livraison-region-etat"] ?? ""
|
|
}
|
|
};
|
|
Either.encase(
|
|
() => parse(WCStoreCartUpdateCustomerArgsSchema, argumentsFormulaire)
|
|
).map(
|
|
async (args) => {
|
|
await postBackend({
|
|
corps: JSON.stringify(args),
|
|
nonce: ETATS_PAGE.nonce,
|
|
route: ROUTE_API_MAJ_CLIENT
|
|
}).then(async (reponse) => {
|
|
if (estReponse500(reponse)) leveServerError("500 Server Error");
|
|
x(
|
|
// Récupère la Réponse
|
|
await reponse.json(),
|
|
r((a) => console.debug(a)),
|
|
// Traite tous les codes HTTPs possibles
|
|
(corpsReponse) => traiteReponseBackendWCSelonCodesHTTP(
|
|
corpsReponse,
|
|
WCStoreCartSchema
|
|
)
|
|
);
|
|
});
|
|
}
|
|
).ifLeft((a) => console.error(a.issues));
|
|
});
|
|
});
|
|
};
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
initialiseMajEntreesPanier();
|
|
initialiseMajConteneurPanier();
|
|
initialiseMajContenuPanier();
|
|
initialiseMajFormulairesPanier();
|
|
initialiseBoutonActions();
|
|
});
|
|
//# sourceMappingURL=scripts-page-panier.js.map
|