medusa-invoice
Version:
Generate invoice from Medusa
82 lines • 11.5 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const ui_1 = require("@medusajs/ui");
const material_1 = require("@mui/material");
const medusa_react_1 = require("medusa-react");
const react_hook_form_1 = require("react-hook-form");
const ui_2 = require("@medusajs/ui");
const react_1 = require("react");
const LogoFields = ({ logoSource, register, }) => {
const [logoUrl, setLogoUrl] = (0, react_1.useState)(logoSource);
const [isValidUrl, setIsValidUrl] = (0, react_1.useState)(true);
const [imgLoaded, setIsImageLoaded] = (0, react_1.useState)(false);
const handleInputChange = (event) => {
setLogoUrl(event.target.value);
setIsValidUrl(true);
};
const handleImageError = () => {
setIsValidUrl(false);
setIsImageLoaded(false);
};
const handleOnLoad = (event) => {
setIsImageLoaded(true);
};
return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, direction: "column", spacing: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(ui_1.Label, { size: "small", children: "Link to logo" }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(ui_1.Input, { placeholder: "https://raw.githubusercontent.com/RSC-Labs/medusa-store-analytics/main/docs/store-analytics-logo.PNG", ...register, defaultValue: logoSource, onChange: handleInputChange }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, justifyContent: "center", alignContent: "center", marginTop: 5, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)("div", { style: {
height: "200px",
width: "300px",
overflow: "hidden",
border: imgLoaded ? undefined : "1px solid rgba(0, 0, 0, 0.12)",
}, children: logoUrl && isValidUrl && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, textAlign: "center", children: (0, jsx_runtime_1.jsx)("img", { src: logoUrl, alt: "Preview", style: { maxWidth: 300, maxHeight: 200 }, onLoad: handleOnLoad, onError: handleImageError }) })) }) }) })] }));
};
const LogoForm = ({ logoSource, setOpenModal, }) => {
const { register, handleSubmit } = (0, react_hook_form_1.useForm)();
const { mutate } = (0, medusa_react_1.useAdminCustomPost)(`/document-settings/logo`, ["logo"]);
const onSubmit = (data) => {
return mutate({
logoSource: data.logoSource,
}, {
onSuccess: async ({ response, settings }) => {
if (response.status == 201) {
if (settings && settings.store_logo_source) {
ui_2.toast.success("Logo", {
description: "New logo saved",
});
}
else {
ui_2.toast.success("Logo", {
description: "Logo removed",
});
}
setOpenModal(false);
}
else {
ui_2.toast.error("Logo", {
description: "Logo cannot be saved, some error happened.",
});
}
},
onError: ({}) => {
ui_2.toast.error("Logo", {
description: "Logo cannot be saved, some error happened.",
});
},
});
};
return ((0, jsx_runtime_1.jsx)("form", { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, direction: "column", rowSpacing: 4, paddingTop: 8, children: [(0, jsx_runtime_1.jsx)(LogoFields, { logoSource: logoSource, register: register("logoSource") }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { type: "submit", variant: "primary", onClick: handleSubmit(onSubmit), children: "Save" }) })] }) }));
};
const LogoModalDetails = ({ setOpenModal }) => {
const { data, isLoading } = (0, medusa_react_1.useAdminCustomQuery)("/document-settings", [""], {});
if (isLoading) {
return ((0, jsx_runtime_1.jsx)(ui_1.FocusModal.Body, { children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, {}) }));
}
return ((0, jsx_runtime_1.jsx)(ui_1.FocusModal.Body, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, direction: "column", alignContent: "center", paddingTop: 8, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(ui_1.Heading, { children: "Store logo" }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(ui_1.Text, { children: "This logo will be used on your documents." }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(ui_1.Text, { children: "Presence of logo on document depends on template." }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(LogoForm, { logoSource: data.settings && data.settings.store_logo_source
? data.settings.store_logo_source
: undefined, setOpenModal: setOpenModal }) })] }) }));
};
const LogoChangeModal = () => {
const [open, setOpen] = (0, react_1.useState)(false);
return ((0, jsx_runtime_1.jsxs)(ui_1.FocusModal, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(ui_1.FocusModal.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { children: "Change logo" }) }), (0, jsx_runtime_1.jsxs)(ui_1.FocusModal.Content, { children: [(0, jsx_runtime_1.jsx)(ui_1.FocusModal.Header, {}), (0, jsx_runtime_1.jsx)(LogoModalDetails, { setOpenModal: setOpen })] })] }));
};
exports.default = LogoChangeModal;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MtbG9nby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1jb21wb25lbnRzL3NldHRpbmdzL3NldHRpbmdzLWxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHFDQUErRTtBQUMvRSw0Q0FBdUQ7QUFDdkQsK0NBQXVFO0FBQ3ZFLHFEQUEwQztBQUMxQyxxQ0FBcUM7QUFDckMsaUNBQWlDO0FBVWpDLE1BQU0sVUFBVSxHQUFHLENBQUMsRUFDbEIsVUFBVSxFQUNWLFFBQVEsR0FJVCxFQUFFLEVBQUU7SUFDSCxNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxVQUFVLENBQUMsQ0FBQztJQUNuRCxNQUFNLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxJQUFJLENBQUMsQ0FBQztJQUNuRCxNQUFNLENBQUMsU0FBUyxFQUFFLGdCQUFnQixDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxDQUFDO0lBRXRELE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUNsQyxVQUFVLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQixhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEIsQ0FBQyxDQUFDO0lBRUYsTUFBTSxnQkFBZ0IsR0FBRyxHQUFHLEVBQUU7UUFDNUIsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFCLENBQUMsQ0FBQztJQUVGLE1BQU0sWUFBWSxHQUFHLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDN0IsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLHdCQUFDLGVBQUksSUFBQyxTQUFTLFFBQUMsU0FBUyxFQUFFLFFB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