import moment from "moment-timezone"; import { MutationFunction, MutationResult } from "react-apollo"; import { defineMessages, IntlShape } from "react-intl"; import urlJoin from "url-join"; import { ConfirmButtonTransitionState } from "./components/ConfirmButton/ConfirmButton"; import { StatusType } from "./components/StatusChip/types"; import { APP_MOUNT_URI } from "./config"; import { AddressType, AddressTypeInput } from "./customers/types"; import { MutationResultAdditionalProps, PartialMutationProviderOutput, UserError } from "./types"; import { AddressInput, CountryCode, OrderStatus, PaymentChargeStatusEnum } from "./types/globalTypes"; export type RequireAtLeastOne = Pick< T, Exclude > & { [K in Keys]-?: Required> }[Keys]; export type RequireOnlyOne = Pick< T, Exclude > & { [K in Keys]-?: Required> & Partial, undefined>>; }[Keys]; export function renderCollection( collection: T[], renderItem: ( item: T | undefined, index: number | undefined, collection: T[] ) => any, renderEmpty?: (collection: T[]) => any ) { if (collection === undefined) { return renderItem(undefined, undefined, collection); } if (collection.length === 0) { return !!renderEmpty ? renderEmpty(collection) : null; } return collection.map(renderItem); } export function decimal(value: string | number) { if (typeof value === "string") { return value === "" ? null : value; } return value; } export function weight(value: string) { return value === "" ? null : parseFloat(value); } export const removeDoubleSlashes = (url: string) => url.replace(/([^:]\/)\/+/g, "$1"); const paymentStatusMessages = defineMessages({ paid: { defaultMessage: "Fully paid", description: "payment status" }, partiallyPaid: { defaultMessage: "Partially paid", description: "payment status" }, partiallyRefunded: { defaultMessage: "Partially refunded", description: "payment status" }, refunded: { defaultMessage: "Fully refunded", description: "payment status" }, unpaid: { defaultMessage: "Unpaid", description: "payment status" } }); export const transformPaymentStatus = (status: string, intl: IntlShape) => { switch (status) { case PaymentChargeStatusEnum.PARTIALLY_CHARGED: return { localized: intl.formatMessage(paymentStatusMessages.partiallyPaid), status: "error" }; case PaymentChargeStatusEnum.FULLY_CHARGED: return { localized: intl.formatMessage(paymentStatusMessages.paid), status: "success" }; case PaymentChargeStatusEnum.PARTIALLY_REFUNDED: return { localized: intl.formatMessage(paymentStatusMessages.partiallyRefunded), status: "error" }; case PaymentChargeStatusEnum.FULLY_REFUNDED: return { localized: intl.formatMessage(paymentStatusMessages.refunded), status: "success" }; default: return { localized: intl.formatMessage(paymentStatusMessages.unpaid), status: "error" }; } }; export const orderStatusMessages = defineMessages({ cancelled: { defaultMessage: "Cancelled", description: "order status" }, draft: { defaultMessage: "Draft", description: "order status" }, fulfilled: { defaultMessage: "Fulfilled", description: "order status" }, partiallyFulfilled: { defaultMessage: "Partially fulfilled", description: "order status" }, readyToCapture: { defaultMessage: "Ready to capture", description: "order status" }, readyToFulfill: { defaultMessage: "Ready to fulfill", description: "order status" }, unconfirmed: { defaultMessage: "Unconfirmed", description: "order status" }, unfulfilled: { defaultMessage: "Unfulfilled", description: "order status" } }); export const transformOrderStatus = ( status: string, intl: IntlShape ): { localized: string; status: StatusType } => { switch (status) { case OrderStatus.FULFILLED: return { localized: intl.formatMessage(orderStatusMessages.fulfilled), status: StatusType.SUCCESS }; case OrderStatus.PARTIALLY_FULFILLED: return { localized: intl.formatMessage(orderStatusMessages.partiallyFulfilled), status: StatusType.NEUTRAL }; case OrderStatus.UNFULFILLED: return { localized: intl.formatMessage(orderStatusMessages.unfulfilled), status: StatusType.ERROR }; case OrderStatus.CANCELED: return { localized: intl.formatMessage(orderStatusMessages.cancelled), status: StatusType.ERROR }; case OrderStatus.DRAFT: return { localized: intl.formatMessage(orderStatusMessages.draft), status: StatusType.ERROR }; case OrderStatus.UNCONFIRMED: return { localized: intl.formatMessage(orderStatusMessages.unconfirmed), status: StatusType.NEUTRAL }; } return { localized: status, status: StatusType.ERROR }; }; export const transformAddressToForm = (data: AddressType) => ({ city: data?.city || "", cityArea: data?.cityArea || "", companyName: data?.companyName || "", country: data?.country?.code || "", countryArea: data?.countryArea || "", firstName: data?.firstName || "", lastName: data?.lastName || "", phone: data?.phone || "", postalCode: data?.postalCode || "", streetAddress1: data?.streetAddress1 || "", streetAddress2: data?.streetAddress2 || "" }); export function maybe(exp: () => T): T | undefined; export function maybe(exp: () => T, d: T): T; export function maybe(exp: any, d?: any) { try { const result = exp(); return result === undefined ? d : result; } catch { return d; } } export function only(obj: T, key: keyof T): boolean { return Object.keys(obj).every(objKey => objKey === key ? obj[key] !== undefined : obj[key] === undefined ); } export function empty(obj: object): boolean { return Object.keys(obj).every(key => obj[key] === undefined); } export function hasErrors(errorList: UserError[] | null): boolean { return !( errorList === undefined || errorList === null || errorList.length === 0 ); } export function getMutationState( called: boolean, loading: boolean, ...errorList: any[][] ): ConfirmButtonTransitionState { if (loading) { return "loading"; } if (called) { return errorList.map(hasErrors).reduce((acc, curr) => acc || curr, false) ? "error" : "success"; } return "default"; } interface SaleorMutationResult { errors?: UserError[]; } export function getMutationErrors< TData extends Record >(data: TData): UserError[] { return Object.values(data).reduce( (acc: UserError[], mut) => [...acc, ...maybe(() => mut.errors, [])], [] ); } export function getMutationStatus< TData extends Record >(opts: MutationResult): ConfirmButtonTransitionState { const errors = opts.data ? getMutationErrors(opts.data) : []; return getMutationState(opts.called, opts.loading, errors); } export function getMutationProviderData( mutateFn: MutationFunction, opts: MutationResult & MutationResultAdditionalProps ): PartialMutationProviderOutput { return { mutate: variables => mutateFn({ variables }), opts }; } interface User { email: string; firstName?: string; lastName?: string; } export function getUserName(user?: User, returnEmail?: boolean) { return user && (user.email || (user.firstName && user.lastName)) ? user.firstName && user.lastName ? [user.firstName, user.lastName].join(" ") : returnEmail ? user.email : user.email.split("@")[0] : undefined; } export function getUserInitials(user?: User) { return user && (user.email || (user.firstName && user.lastName)) ? (user.firstName && user.lastName ? user.firstName[0] + user.lastName[0] : user.email.slice(0, 2) ).toUpperCase() : undefined; } export function createHref(url: string) { return urlJoin(APP_MOUNT_URI, url); } interface AnyEvent { stopPropagation: () => void; } export function stopPropagation(cb: (event?: AnyEvent) => void) { return (event: AnyEvent) => { event.stopPropagation(); cb(event); }; } export function joinDateTime(date: string, time?: string) { if (!date) { return null; } const setTime = time || "00:00"; const dateTime = moment(date + " " + setTime).format(); return dateTime; } export function splitDateTime(dateTime: string) { if (!dateTime) { return { date: "", time: "" }; } // Default html input format YYYY-MM-DD HH:mm const splitDateTime = moment(dateTime) .format("YYYY-MM-DD HH:mm") .split(" "); return { date: splitDateTime[0], time: splitDateTime[1] }; } export function generateCode(charNum: number) { let result = ""; const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; for (let i = 0; i < charNum; i++) { result += characters.charAt(Math.floor(Math.random() * characters.length)); } return result; } export function findInEnum( needle: string, haystack: TEnum ) { const match = Object.keys(haystack).find(key => key === needle); if (!!match) { return haystack[needle as keyof TEnum]; } throw new Error(`Key ${needle} not found in enum`); } export function findValueInEnum( needle: string, haystack: TEnum ): TEnum[keyof TEnum] { const match = Object.entries(haystack).find(([_, value]) => value === needle); if (!match) { throw new Error(`Value ${needle} not found in enum`); } return (needle as unknown) as TEnum[keyof TEnum]; } export function parseBoolean(a: string, defaultValue: boolean): boolean { if (a === undefined) { return defaultValue; } return a === "true"; } export function capitalize(s: string) { return s.charAt(0).toLocaleUpperCase() + s.slice(1); } export function transformFormToAddress( address: T & AddressTypeInput ): T & AddressInput { return { ...address, country: findInEnum(address.country, CountryCode) }; } export function getStringOrPlaceholder(s: string | undefined): string { return s || "..."; }