@merchi/cart 1.4.4

package/src/utilities/local_storage.ts

@@ -0,0 +1,130 @@
+import { isBrowser } from 'browser-or-node';
+
+export interface SavedCheckoutCustomer {
+  id?: number;
+  name?: string;
+  emailAddress?: string;
+  phoneNumbers?: Array<{ code?: string; number?: string }>;
+}
+
+export interface SavedCheckoutAddress {
+  city?: string;
+  country?: string;
+  lineOne?: string;
+  lineTwo?: string;
+  postcode?: string;
+  state?: string;
+}
+
+export interface SavedCheckoutDraft {
+  customer?: SavedCheckoutCustomer;
+  address?: SavedCheckoutAddress;
+  receiverNotes?: string;
+}
+
+function storageKey(domainId: number | string) {
+  return `merchi-cart-checkout-${domainId}`;
+}
+
+function readDraft(domainId?: number | string | null): SavedCheckoutDraft {
+  if (!isBrowser || domainId === undefined || domainId === null) {
+    return {};
+  }
+  try {
+    const raw = localStorage.getItem(storageKey(domainId));
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === 'object' ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+
+function writeDraft(domainId: number | string | undefined | null, draft: SavedCheckoutDraft) {
+  if (!isBrowser || domainId === undefined || domainId === null) {
+    return;
+  }
+  try {
+    localStorage.setItem(storageKey(domainId), JSON.stringify(draft));
+  } catch {
+    // Ignore quota / private-mode failures.
+  }
+}
+
+export function getSavedCheckoutDraft(domainId?: number | string | null): SavedCheckoutDraft {
+  return readDraft(domainId);
+}
+
+export function getSavedCheckoutCustomer(
+  domainId?: number | string | null
+): SavedCheckoutCustomer | undefined {
+  return readDraft(domainId).customer;
+}
+
+export function getSavedCheckoutAddress(
+  domainId?: number | string | null
+): { address?: SavedCheckoutAddress; receiverNotes?: string } {
+  const draft = readDraft(domainId);
+  return {
+    address: draft.address,
+    receiverNotes: draft.receiverNotes,
+  };
+}
+
+export function saveCheckoutCustomer(
+  domainId: number | string | undefined | null,
+  customer: SavedCheckoutCustomer
+) {
+  const draft = readDraft(domainId);
+  const nextCustomer: SavedCheckoutCustomer = {
+    ...draft.customer,
+    ...customer,
+  };
+  // Drop empty phone entries.
+  if (nextCustomer.phoneNumbers) {
+    nextCustomer.phoneNumbers = nextCustomer.phoneNumbers.filter(
+      (phone) => phone && (phone.number || phone.code)
+    );
+    if (!nextCustomer.phoneNumbers.length) {
+      delete nextCustomer.phoneNumbers;
+    }
+  }
+  writeDraft(domainId, { ...draft, customer: nextCustomer });
+}
+
+export function saveCheckoutAddress(
+  domainId: number | string | undefined | null,
+  address: SavedCheckoutAddress | null | undefined,
+  receiverNotes?: string
+) {
+  if (!address) return;
+  const draft = readDraft(domainId);
+  const nextAddress: SavedCheckoutAddress = {
+    city: address.city || '',
+    country: address.country || '',
+    lineOne: address.lineOne || '',
+    lineTwo: address.lineTwo || '',
+    postcode: address.postcode || '',
+    state: address.state || '',
+  };
+  const next: SavedCheckoutDraft = {
+    ...draft,
+    address: nextAddress,
+  };
+  if (receiverNotes !== undefined) {
+    next.receiverNotes = receiverNotes;
+  }
+  writeDraft(domainId, next);
+}
+
+export function addressHasContent(address?: SavedCheckoutAddress | null) {
+  if (!address) return false;
+  return Boolean(
+    address.lineOne ||
+      address.lineTwo ||
+      address.city ||
+      address.state ||
+      address.postcode ||
+      address.country
+  );
+}

package/src/utilities/product.ts

@@ -0,0 +1,14 @@
+import { Merchi } from '@merchi/sdk';
+import pngProductNotFound from '../assets/product-not-found.png';
+
+export function productFeatureImageUrl(product: any) {
+  const { featureImage } = product;
+  return featureImage && featureImage!.viewUrl ?
+    featureImage!.viewUrl : pngProductNotFound.src || pngProductNotFound;
+}
+
+export const makeProduct = (json: any, makeDirty?: boolean) => {
+  const merchi = new Merchi();
+  const product = new merchi.Product();
+  return product.fromJson(json, { makeDirty });
+};

package/src/utilities/shipment.ts

@@ -0,0 +1,11 @@
+export const shipmentFormId = '_shipment-address-form-id';
+
+export function cartItemsNeedShipment(cart: any) {
+  const { cartItems = [] } = cart;
+  for (let i = 0; i < cartItems.length; i++) {
+    if (cartItems[i].product && cartItems[i].product.needsShipping) {
+      return true;
+    }
+  }
+  return false;
+}

package/src/utilities/tabs.ts

@@ -0,0 +1,38 @@
+import {
+  faCheckCircle,
+  faCreditCard,
+  faMapMarkerAlt,
+  faShoppingCart,
+} from '@fortawesome/free-solid-svg-icons';
+import { Tab } from '../types';
+
+export const tabIdClearCart = -2;
+export const tabIdItem = -1;
+export const tabIdItems = 0;
+export const tabIdShipment = 1;
+export const tabIdCheckout = 2;
+export const tabIdPaymentSuccess = 3;
+
+export const tabItems: Tab = {disabled: false, icon: faShoppingCart, tabId: tabIdItems, name: 'Items'};
+export const tabShipment: Tab = {disabled: true, icon: faMapMarkerAlt, tabId: tabIdShipment, name: 'Address'};
+export const tabCheckout: Tab = {disabled: true, icon: faCreditCard, tabId: tabIdCheckout, name: 'Checkout'};
+const tabCheckoutSuccess: Tab = {
+  disabled: true,
+  icon: faCheckCircle,
+  tabId: tabIdPaymentSuccess,
+  name: 'Success',
+};
+
+export const initTabs: Tab[] = [tabItems, tabCheckout, tabCheckoutSuccess];
+export const tabsWithShipment: Tab[] = [tabItems, tabShipment, tabCheckout, tabCheckoutSuccess];
+
+export function setDisableTab(tab: any, disabled: boolean) {
+  return {...tab, disabled};
+}
+
+export function cartHasShippmentGroupsAndAllHaveSelectedGroups(cart: any) {
+  const shipmentGroups = cart.shipmentGroups ? cart.shipmentGroups : [];
+  const haveSelectedQuotes = shipmentGroups.map((g: any) => Boolean(g.selectedQuote));
+  return shipmentGroups.length && !haveSelectedQuotes.includes(false);
+}
+

package/src/utilities/user.ts

@@ -0,0 +1,33 @@
+import { Merchi } from '@merchi/sdk';
+
+const merchi = new Merchi()
+
+export function makeUser(userJson: any, makeDirty?: boolean) {
+  const user = new merchi.User();
+  return user.fromJson(userJson, { makeDirty });
+}
+
+export function primaryEmail(user: any) {
+  const { emailAddresses = [] } = user;
+  return emailAddresses[0] ? emailAddresses[0].emailAddress : '';
+}
+
+export function primaryPhone(user: any) {
+  const { phoneNumbers = [] } = user;
+  return phoneNumbers[0] ? phoneNumbers[0].internationalFormatNumber : '';
+}
+
+
+export async function tryReturningCustomerEmail(emailAddress: string) {
+  const merchi = new Merchi();
+  const query: Array<any> = [];
+  query.push(['email_address', emailAddress]);
+  return await merchi.authenticatedFetch('/user-check-email/', {method: 'POST', query});
+}
+
+export async function createNewCustomer(customerJson: any) {
+  const user = makeUser(customerJson, true);
+  return merchi.authenticatedFetch(
+    '/public_user_create/', {body: user.toFormData(), method: 'POST'}
+  )
+}

package/src/utilities/variations.ts

@@ -0,0 +1,80 @@
+import { formatAreaSummary, localePrefersImperial } from './area';
+
+export enum FieldType {
+  TEXT_INPUT = 1,
+  SELECT = 2,
+  FILE_UPLOAD = 3,
+  TEXT_AREA = 4,
+  NUMBER_INPUT = 5,
+  CHECKBOX = 6,
+  RADIO = 7,
+  FIELD_INSTRUCTIONS = 8,
+  IMAGE_SELECT = 9,
+  COLOUR_PICKER = 10,
+  COLOUR_SELECT = 11,
+  TURNAROUND_TIME = 12,
+  COLOUR_EXTRACT = 13,
+  AREA = 14,
+}
+
+
+export function isSelectable(fieldType: number) {
+  return [
+    FieldType.SELECT,
+    FieldType.CHECKBOX,
+    FieldType.RADIO,
+    FieldType.IMAGE_SELECT,
+    FieldType.COLOUR_SELECT,
+    FieldType.COLOUR_EXTRACT,
+  ].includes(fieldType);
+}
+
+function concatinatedSelectedOptionValues(variation: any) {
+  const { selectableOptions, value } = variation;
+  const optionIds = value ? value.split(',') : [];
+  const optionIdsLength = optionIds.length - 1;
+  let option
+  let i = 0;
+  let val = '';
+  for (i; i < optionIds.length; i++) {
+    option = selectableOptions.find(
+      (o: any) => String(o.optionId) === String(optionIds[i]));
+    val += option ? option.value : '';
+    if (optionIdsLength > i) {
+      val += ', ';
+    }
+  }
+  return val;
+}
+
+export function valueString(variation: any) {
+  const {
+    variationField: field,
+    variationFiles,
+    value,
+  } = variation;
+  if (isSelectable(field.fieldType)) {
+    return concatinatedSelectedOptionValues(variation);
+  } else if (
+    (field.fieldType === FieldType.FILE_UPLOAD ||
+      field.fieldType === FieldType.COLOUR_EXTRACT) &&
+    variationFiles
+  ) {
+    if (field.fieldType === FieldType.COLOUR_EXTRACT) {
+      const colours = concatinatedSelectedOptionValues(variation);
+      const fileLabel =
+        variationFiles.length > 1 ? 'uploaded files' : 'uploaded file';
+      return colours ? `${fileLabel} (${colours})` : fileLabel;
+    }
+    return variationFiles.length > 1 ? 'uploaded files' : 'uploaded file';
+  } else if (field.fieldType === FieldType.AREA) {
+    return (
+      formatAreaSummary(
+        value,
+        localePrefersImperial() ? 'imperial' : 'metric',
+        field.areaUnit || 'mm'
+      ) || value
+    );
+  }
+  return value;
+}