john-raymon

    otherPropertyAddresses: mixed().when('numOtherProperties', () => {
      return array().of(
        addressValidator(true).test(
          'is-address-matching',
          'Address must not match rental property address',
          (value, options) => {
            const { numRentalProperties, rentalPropertyAddresses } = options.from[1].value;
            const { address: otherAddress, city: otherCity, state: otherState, zip: otherZip } = value;
            const hasAmatch = numRentalProperties && rentalPropertyAddresses.some(({ address = '', city = '', state = '', zip = '' }) => {
                    return (otherAddress === address && otherCity === city && otherState === state && otherZip === zip);

john-raymon

var exec = require('child_process').exec;

var set = function (app) {

  app.post('/deploy', function (req, res) {
    var feedback;
    var branch = 'master';

    try {
      feedback = JSON.parse(req.body.payload);

john-raymon

{
   "id":"ord_eN1ql9rxedwz3y",
   "cart_id":"cart_mwDaOdrme0aeDo",
   "checkout_token_id":"chkt_LwjBg6y3DPGLew",
   "created":1597275873,
   "redirect":false,
   "customer_reference":"CMMRC-109163",
   "status_payment":"paid",
   "status_fulfillment":"fulfilled",
   "customer":{

john-raymon

Authentication

• authentication: verifying identity (401 Unauthorized)
• authorization: verifying permissions (403 Forbidden)

Username/password scheme

• stateful/session-based/cookie-based (i.e. session using a cookie)
• stateless/token-based (i.e. token using JWT / OAuth / other)

john-raymon

<template>
  <div v-if="cart" class="flex flex-grow-1 flex-column bg-tan-white w-100 pb4">
    <div class="flex justify-between mw9 w-100 items-center center pt4 ph4">
      <router-link to="/products" class="flex items-center medium-text f6 tracked-mega ttu no-underline dark-gray dim lh-solid">
        <div class="arrowIconContainer fill-cherry pr4">
          <ArrowIconSvg />
        </div>
        continue shopping
      </router-link>

john-raymon

import React, { Component, Fragment } from 'react';

// components
import Product from './Product'
import Cart from './Cart'
import Checkout from './Checkout'

class App extends Component {
  constructor(props) {
    super(props)

john-raymon

import React from 'react';

// components
import LineItem from './LineItem';

function Cart({ cart, removeProductFromCart }) {
  if (cart) {
    const {
      total_items: totalItems,
      subtotal,

john-raymon

import React from 'react'

function LineItem({ id, name, quantity, removeProductFromCart }) {
  return (
    <div className="cart-container__line-item w-100 flex items-center justify-between pb2">
      <div className="w-auto pr1">
        <p className="tracked ttc f7">
          {name} - ({quantity})
        </p>
      </div>

john-raymon

import React from 'react'

function Product({
  id,
  is: {
    sold_out: soldOut
  },
  media: {
    source
  },

john-raymon

  removeProductFromCart(lineItemId) {
    this.props.commerce.Cart.remove(lineItemId, (resp) => {
      // if successful update Cart
      if (!resp.error) {
        this.setState({
          cart: resp.cart
        })
      }
    });
  }