@open-tender/utils
Version:
A library of utils for use with Open Tender applications that utilize our cloud-based Order API.
84 lines (83 loc) • 2.77 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useAddressForm = void 0;
const react_1 = require("react");
const utils_1 = require("../utils");
const useAddressForm = (address, loading, error, update, callback) => {
const submitRef = (0, react_1.useRef)(null);
const inputRef = (0, react_1.useRef)(null);
const [data, setData] = (0, react_1.useState)(address);
const [errors, setErrors] = (0, react_1.useState)({});
const [submitting, setSubmitting] = (0, react_1.useState)(false);
const fields = [
{
label: 'Company',
name: 'company',
type: 'text'
},
{
label: 'Contact Person',
name: 'contact',
type: 'text'
},
{
label: 'Contact Phone',
name: 'phone',
type: 'tel'
},
{
label: 'Description',
name: 'description',
type: 'text'
},
{
label: 'Notes',
name: 'notes',
type: 'text'
},
{
label: 'Is Default',
name: 'is_default',
type: 'checkbox'
}
];
(0, react_1.useEffect)(() => {
var _a, _b;
if (loading === 'idle') {
setSubmitting(false);
if (error) {
setErrors((0, utils_1.makeFormErrors)(error));
((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus) && ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus());
}
}
}, [loading, error]);
const handleChange = (name, value) => {
const inputValue = name === 'phone' ? (0, utils_1.makePhone)((value !== null && value !== void 0 ? value : '')) : value;
setData(Object.assign(Object.assign({}, data), { [name]: inputValue }));
};
const handleSubmit = (evt) => {
var _a, _b;
evt === null || evt === void 0 ? void 0 : evt.preventDefault();
setSubmitting(true);
const updatedData = Object.assign({}, data);
delete updatedData.customer_address_id;
delete updatedData.created_at;
delete updatedData.last_used_at;
const addressId = data.customer_address_id;
if (addressId) {
update(addressId, updatedData, callback);
((_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.blur) && ((_b = submitRef.current) === null || _b === void 0 ? void 0 : _b.blur());
}
};
return {
fields,
data,
errors,
submitting,
handleChange,
handleSubmit,
submitRef,
inputRef
};
};
exports.useAddressForm = useAddressForm;