medusa-invoice
Version:
Generate invoice from Medusa
55 lines • 10.4 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 AddressField = ({ name, placeholder, initValue, register, }) => {
return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, direction: "column", spacing: 1, marginTop: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(ui_1.Label, { size: "small", children: name }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(ui_1.Input, { placeholder: placeholder, ...register, defaultValue: initValue }) })] }));
};
const AddressForm = ({ address, setOpenModal, }) => {
const { register, handleSubmit } = (0, react_hook_form_1.useForm)();
const { mutate } = (0, medusa_react_1.useAdminCustomPost)(`/document-settings/document-address`, ["document-settings"]);
const onSubmit = (data) => {
return mutate({
address: data,
}, {
onSuccess: async ({ response, settings }) => {
if (response.status == 201 && settings) {
ui_2.toast.success("Address", {
description: "New address saved",
});
setOpenModal(false);
}
else {
ui_2.toast.error("Address", {
description: "Address cannot be saved, some error happened.",
});
}
},
onError: ({}) => {
ui_2.toast.error("Address", {
description: "Address 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)(AddressField, { name: "Company name", placeholder: "My store", register: register("company"), initValue: address === null || address === void 0 ? void 0 : address.company }), (0, jsx_runtime_1.jsx)(AddressField, { name: "First name", placeholder: "John", register: register("first_name"), initValue: address === null || address === void 0 ? void 0 : address.first_name }), (0, jsx_runtime_1.jsx)(AddressField, { name: "Last name", placeholder: "Doe", register: register("last_name"), initValue: address === null || address === void 0 ? void 0 : address.last_name }), (0, jsx_runtime_1.jsx)(AddressField, { name: "Address", placeholder: "56 Street", register: register("address_1"), initValue: address === null || address === void 0 ? void 0 : address.address_1 }), (0, jsx_runtime_1.jsx)(AddressField, { name: "City", placeholder: "Warsaw", register: register("city"), initValue: address === null || address === void 0 ? void 0 : address.city }), (0, jsx_runtime_1.jsx)(AddressField, { name: "Postal code", placeholder: "55-200", register: register("postal_code"), initValue: address === null || address === void 0 ? void 0 : address.postal_code }), (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 AddressModalDetails = ({ setOpenModal }) => {
var _a;
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 address" }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(ui_1.Text, { children: "This address 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 field on document depends on template." }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(AddressForm, { address: (_a = data === null || data === void 0 ? void 0 : data.settings) === null || _a === void 0 ? void 0 : _a.store_address, setOpenModal: setOpenModal }) })] }) }));
};
const AddressChangeModal = () => {
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 address" }) }), (0, jsx_runtime_1.jsxs)(ui_1.FocusModal.Content, { children: [(0, jsx_runtime_1.jsx)(ui_1.FocusModal.Header, {}), (0, jsx_runtime_1.jsx)(AddressModalDetails, { setOpenModal: setOpen })] })] }));
};
exports.default = AddressChangeModal;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MtYWRkcmVzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS1jb21wb25lbnRzL3NldHRpbmdzL3NldHRpbmdzLWFkZHJlc3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHFDQUErRTtBQUMvRSw0Q0FBdUQ7QUFDdkQsK0NBQXVFO0FBQ3ZFLHFEQUEwQztBQUMxQyxxQ0FBcUM7QUFDckMsaUNBQWlDO0FBUWpDLE1BQU0sWUFBWSxHQUFHLENBQUMsRUFDcEIsSUFBSSxFQUNKLFdBQVcsRUFDWCxTQUFTLEVBQ1QsUUFBUSxHQU1ULEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCx3QkFBQyxlQUFJLElBQUMsU0FBUyxRQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxhQUMzRCx1QkFBQyxlQUFJLElBQUMsSUFBSSxrQkFDUix1QkFBQyxVQUFLLElBQUMsSUFBSSxFQUFDLE9BQU8sWUFBRSxJQUFJLEdBQVMsR0FDN0IsRUFDUCx1QkFBQyxlQUFJLElBQUMsSUFBSSxrQkFDUix1QkFBQyxVQUFLLElBQ0osV0FBVyxFQUFFLFdBQVcsS0FDcEIsUUFBUSxFQUNaLFlBQVksRUFBRSxTQUFTLEdBQ3ZCLEdBQ0csSUFDRixDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFdBQVcsR0FBRyxDQUFDLEVBQ25CLE9BQU8sRUFDUCxZQUFZLEdBSWIsRUFBRSxFQUFFO0lBQ0gsTUFBTSxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsR0FBRyxJQUFBLHlCQUFPLEdBQW1CLENBQUM7SUFFOUQsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLElBQUEsaUNBQWtCLEVBR25DLHFDQUFxQyxFQUFFLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO0lBQ2hFLE1BQU0sUUFBUSxHQUFHLENBQUMsSUFBcUIsRUFBRSxFQUFFO1FBQ3pDLE9BQU8sTUFBTSxD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