merchi_cart 0.0.7-e → 0.0.7

package/src/styles/globals.scss

@@ -1,197 +0,0 @@
-.merchi-cart-header {
-  margin-bottom: 1rem;
-}
-.merchi-cart-body {
-  display: block;
-  min-height: 100px;
-  height: 450px;
-}
-.merchi-loading-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: var(--bs-height-md, 100px);
-}
-.merchi-loading-container-text {
-  font-size: 1.2rem;
-  font-weight: bold;
-  text-align: center;
-}
-.merchi-payment-gateway-inactive {
-  height: 300px;
-  background: url('../assets/merchi-swipe-outline.png');
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: 276px 215px;
-  margin-top: 100px;
-}
-.merchi-tab-panel {
-  display: none;
-  padding: 1rem;
-}
-.merchi-cart-tab-content {
-  padding: 15px;
-}
-.merchi-cart-tab-content > .merchi-cart-tab-panel {
-  display: none;
-}
-.merchi-cart-tab-content > .active {
-  display: block;
-}
-.merchi-cart-clear-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.merchi-cart-clear-text {
-  font-size: 16px;
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-}
-.merchi-cart-item-table-head {
-  border: none;
-  background-color: #f8f9fa;
-  padding: 0.5rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  text-transform: uppercase;
-}
-.merchi-cart-item-table-head-right {
-  border: none;
-  background-color: #f8f9fa;
-  padding: 0.5rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  text-transform: uppercase;
-  text-align: right;
-}
-.merchi-cart-success-message {
-  font-size: 16px;
-  padding-bottom: 4rem;
-  padding-top: 4rem;
-}
-
-/* Merchi checkout */
-.merchi-row {
-  display: flex;
-  flex-direction: column;
-}
-
-@media (min-width: 768px) {
-  .merchi-row {
-    flex-direction: row;
-  }
-
-  .merchi-column {
-    width: 50%;
-    padding-right: 10px;
-  }
-
-  .merchi-column:last-child {
-    padding-left: 10px;
-    padding-right: 0;
-  }
-}
-
-.merchi-collapse {
-  display: none;
-}
-
-.merchi-collapse.show {
-  display: block;
-}
-
-.merchi-nav {
-  display: flex;
-  flex-wrap: wrap;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-
-.merchi-nav-link {
-  cursor: pointer;
-  display: block;
-  padding: 0.5rem 1rem;
-  width: 100%;
-  border: 0px;
-  border-radius: 0.375rem;
-}
-
-.merchi-nav-link:hover, .merchi-nav-link:focus {
-  text-decoration: none;
-}
-
-.merchi-nav-link.disabled {
-  color: #6c757d;
-  pointer-events: none;
-  cursor: default;
-}
-
-.merchi-nav-tabs {}
-
-.merchi-nav-tabs .merchi-nav-item {
-  margin-bottom: -1px;
-}
-
-.merchi-nav-tabs .merchi-nav-link {
-  border: 1px solid transparent;
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem;
-}
-
-.merchi-nav-tabs .merchi-nav-link:hover, .merchi-nav-tabs .merchi-nav-link:focus {
-  border-color: #e9ecef #e9ecef #dee2e6;
-}
-
-.merchi-nav-tabs .merchi-nav-link.disabled {
-  color: #6c757d;
-  background-color: transparent;
-  border-color: transparent;
-}
-
-.merchi-nav-tabs .merchi-nav-link.active,
-.merchi-nav-tabs .merchi-nav-item.show .merchi-nav-link {
-  color: #495057;
-  background-color: #fff;
-  border-color: #dee2e6 #dee2e6 #fff;
-}
-
-.merchi-nav-pills .merchi-nav-link {
-  border-radius: 0.25rem;
-}
-
-.merchi-nav-pills .merchi-nav-link.active,
-.merchi-nav-pills .show > .merchi-nav-link {
-  color: #fff;
-  background-color: #303dbf;
-}
-
-.merchi-nav-fill .merchi-nav-item {
-  flex: 1 1 auto;
-  text-align: center;
-}
-.merchi-no-cart-items {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 450px;
-}
-
-.btn-close {
-  background: transparent;
-  border: 0px;
-  cursor: pointer;
-  color: inherit;
-  float: right;
-}
-
-.merchi-loading-template {
-  height: 500px;
-  background: url('../assets/merchi-monster-loader.gif');
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: 150px 150px;
-}

package/src/tabs/CartNav.tsx

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { useSelector } from 'react-redux';
-import { useCartContext } from '../CartProvider';
-import { tabIdPaymentSuccess } from '../slices/sliceCart';
-import NavTab from './NavTab';
-
-function CartNav() {
-  const { classNameCartNav } = useCartContext();
-  const { tabs } = useSelector((s: any) => s.stateCart);
-  return (
-    <div className={classNameCartNav}>
-      {tabs.filter((tab: any) => tab.tabId !== tabIdPaymentSuccess).
-        map((tab: any, index: number) =>
-          <NavTab {...tab} key={`${index}-tab`} />
-      )}
-    </div>
-  );
-}
-
-export default CartNav;

package/src/tabs/NavTab.tsx

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { sliceCart } from '../slices/sliceCart';
-import { useCartContext } from '../CartProvider';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-
-interface Props {
-  disabled?: boolean;
-  icon: any;
-  name: string;
-  tabId: number;
-}
-
-function NavTab({ disabled, icon, name, tabId }: Props) {
-  const dispatch = useDispatch();
-  const {
-    classNameCartTabItem,
-    classNameCartTabItemLink,
-  } = useCartContext();
-  const { activeTab } = useSelector((s: any) => s.stateCart);
-  function toggle() {
-    dispatch(sliceCart.actions.setActiveTab(tabId));
-  }
-  const active = activeTab === tabId;
-  return (
-    <div className={classNameCartTabItem}>
-      <button
-        className={`${classNameCartTabItemLink} ${active ? 'active' : ''}`}
-        onClick={toggle}
-        disabled={disabled}
-      >
-        <FontAwesomeIcon icon={icon} /> {name}
-      </button>
-    </div>
-  );
-}
-
-export default NavTab;

package/src/utilities/address.ts

@@ -1,351 +0,0 @@
-import { Merchi } from 'merchi_sdk_ts';
-
-const merchi = new Merchi();
-
-export function makeAddress(addressJson: any, makeDirty?: boolean) {
-  const address = new merchi.Address();
-  return address.fromJson(addressJson, { makeDirty });
-}
-
-const isoCountries: any = {
-  AF: "Afghanistan",
-  AX: "Aland Islands",
-  AL: "Albania",
-  DZ: "Algeria",
-  AS: "American Samoa",
-  AD: "Andorra",
-  AO: "Angola",
-  AI: "Anguilla",
-  AQ: "Antarctica",
-  AG: "Antigua And Barbuda",
-  AR: "Argentina",
-  AM: "Armenia",
-  AW: "Aruba",
-  AU: "Australia",
-  AT: "Austria",
-  AZ: "Azerbaijan",
-  BS: "Bahamas",
-  BH: "Bahrain",
-  BD: "Bangladesh",
-  BB: "Barbados",
-  BY: "Belarus",
-  BE: "Belgium",
-  BZ: "Belize",
-  BJ: "Benin",
-  BM: "Bermuda",
-  BT: "Bhutan",
-  BO: "Bolivia",
-  BA: "Bosnia And Herzegovina",
-  BW: "Botswana",
-  BV: "Bouvet Island",
-  BR: "Brazil",
-  IO: "British Indian Ocean Territory",
-  BN: "Brunei Darussalam",
-  BG: "Bulgaria",
-  BF: "Burkina Faso",
-  BI: "Burundi",
-  KH: "Cambodia",
-  CM: "Cameroon",
-  CA: "Canada",
-  CV: "Cape Verde",
-  KY: "Cayman Islands",
-  CF: "Central African Republic",
-  TD: "Chad",
-  CL: "Chile",
-  CN: "China",
-  CX: "Christmas Island",
-  CC: "Cocos (Keeling) Islands",
-  CO: "Colombia",
-  KM: "Comoros",
-  CG: "Congo",
-  CD: "Congo, Democratic Republic",
-  CK: "Cook Islands",
-  CR: "Costa Rica",
-  CI: "Cote D'Ivoire",
-  HR: "Croatia",
-  CU: "Cuba",
-  CY: "Cyprus",
-  CZ: "Czech Republic",
-  DK: "Denmark",
-  DJ: "Djibouti",
-  DM: "Dominica",
-  DO: "Dominican Republic",
-  EC: "Ecuador",
-  EG: "Egypt",
-  SV: "El Salvador",
-  GQ: "Equatorial Guinea",
-  ER: "Eritrea",
-  EE: "Estonia",
-  ET: "Ethiopia",
-  FK: "Falkland Islands (Malvinas)",
-  FO: "Faroe Islands",
-  FJ: "Fiji",
-  FI: "Finland",
-  FR: "France",
-  GF: "French Guiana",
-  PF: "French Polynesia",
-  TF: "French Southern Territories",
-  GA: "Gabon",
-  GM: "Gambia",
-  GE: "Georgia",
-  DE: "Germany",
-  GH: "Ghana",
-  GI: "Gibraltar",
-  GR: "Greece",
-  GL: "Greenland",
-  GD: "Grenada",
-  GP: "Guadeloupe",
-  GU: "Guam",
-  GT: "Guatemala",
-  GG: "Guernsey",
-  GN: "Guinea",
-  GW: "Guinea-Bissau",
-  GY: "Guyana",
-  HT: "Haiti",
-  HM: "Heard Island & Mcdonald Islands",
-  VA: "Holy See (Vatican City State)",
-  HN: "Honduras",
-  HK: "Hong Kong",
-  HU: "Hungary",
-  IS: "Iceland",
-  IN: "India",
-  ID: "Indonesia",
-  IR: "Iran, Islamic Republic Of",
-  IQ: "Iraq",
-  IE: "Ireland",
-  IM: "Isle Of Man",
-  IL: "Israel",
-  IT: "Italy",
-  JM: "Jamaica",
-  JP: "Japan",
-  JE: "Jersey",
-  JO: "Jordan",
-  KZ: "Kazakhstan",
-  KE: "Kenya",
-  KI: "Kiribati",
-  KR: "Korea",
-  KW: "Kuwait",
-  KG: "Kyrgyzstan",
-  LA: "Lao People's Democratic Republic",
-  LV: "Latvia",
-  LB: "Lebanon",
-  LS: "Lesotho",
-  LR: "Liberia",
-  LY: "Libyan Arab Jamahiriya",
-  LI: "Liechtenstein",
-  LT: "Lithuania",
-  LU: "Luxembourg",
-  MO: "Macao",
-  MK: "Macedonia",
-  MG: "Madagascar",
-  MW: "Malawi",
-  MY: "Malaysia",
-  MV: "Maldives",
-  ML: "Mali",
-  MT: "Malta",
-  MH: "Marshall Islands",
-  MQ: "Martinique",
-  MR: "Mauritania",
-  MU: "Mauritius",
-  YT: "Mayotte",
-  MX: "Mexico",
-  FM: "Micronesia, Federated States Of",
-  MD: "Moldova",
-  MC: "Monaco",
-  MN: "Mongolia",
-  ME: "Montenegro",
-  MS: "Montserrat",
-  MA: "Morocco",
-  MZ: "Mozambique",
-  MM: "Myanmar",
-  NA: "Namibia",
-  NR: "Nauru",
-  NP: "Nepal",
-  NL: "Netherlands",
-  AN: "Netherlands Antilles",
-  NC: "New Caledonia",
-  NZ: "New Zealand",
-  NI: "Nicaragua",
-  NE: "Niger",
-  NG: "Nigeria",
-  NU: "Niue",
-  NF: "Norfolk Island",
-  MP: "Northern Mariana Islands",
-  NO: "Norway",
-  OM: "Oman",
-  PK: "Pakistan",
-  PW: "Palau",
-  PS: "Palestinian Territory, Occupied",
-  PA: "Panama",
-  PG: "Papua New Guinea",
-  PY: "Paraguay",
-  PE: "Peru",
-  PH: "Philippines",
-  PN: "Pitcairn",
-  PL: "Poland",
-  PT: "Portugal",
-  PR: "Puerto Rico",
-  QA: "Qatar",
-  RE: "Reunion",
-  RO: "Romania",
-  RU: "Russian Federation",
-  RW: "Rwanda",
-  BL: "Saint Barthelemy",
-  SH: "Saint Helena",
-  KN: "Saint Kitts And Nevis",
-  LC: "Saint Lucia",
-  MF: "Saint Martin",
-  PM: "Saint Pierre And Miquelon",
-  VC: "Saint Vincent And Grenadines",
-  WS: "Samoa",
-  SM: "San Marino",
-  ST: "Sao Tome And Principe",
-  SA: "Saudi Arabia",
-  SN: "Senegal",
-  RS: "Serbia",
-  SC: "Seychelles",
-  SL: "Sierra Leone",
-  SG: "Singapore",
-  SK: "Slovakia",
-  SI: "Slovenia",
-  SB: "Solomon Islands",
-  SO: "Somalia",
-  ZA: "South Africa",
-  GS: "South Georgia And Sandwich Isl.",
-  ES: "Spain",
-  LK: "Sri Lanka",
-  SD: "Sudan",
-  SR: "Suriname",
-  SJ: "Svalbard And Jan Mayen",
-  SZ: "Swaziland",
-  SE: "Sweden",
-  CH: "Switzerland",
-  SY: "Syrian Arab Republic",
-  TW: "Taiwan",
-  TJ: "Tajikistan",
-  TZ: "Tanzania",
-  TH: "Thailand",
-  TL: "Timor-Leste",
-  TG: "Togo",
-  TK: "Tokelau",
-  TO: "Tonga",
-  TT: "Trinidad And Tobago",
-  TN: "Tunisia",
-  TR: "Turkey",
-  TM: "Turkmenistan",
-  TC: "Turks And Caicos Islands",
-  TV: "Tuvalu",
-  UG: "Uganda",
-  UA: "Ukraine",
-  AE: "United Arab Emirates",
-  GB: "United Kingdom",
-  US: "United States",
-  UM: "United States Outlying Islands",
-  UY: "Uruguay",
-  UZ: "Uzbekistan",
-  VU: "Vanuatu",
-  VE: "Venezuela",
-  VN: "Viet Nam",
-  VG: "Virgin Islands, British",
-  VI: "Virgin Islands, U.S.",
-  WF: "Wallis And Futuna",
-  EH: "Western Sahara",
-  YE: "Yemen",
-  ZM: "Zambia",
-  ZW: "Zimbabwe"
-};
-
-export function addressInOneLine(address: any) {
-  const a = address ? address : {};
-  const {
-    city,
-    country,
-    lineOne,
-    lineTwo,
-    postcode,
-    state
-  } = a;
-  const l1 = lineOne ? `${lineOne} ` : '';
-  const l2 = lineTwo ? `${lineTwo} ` : '';
-  const c = city ? `${city} ` : '';
-  const s = state ? `${state} ` : '';
-  const p = postcode ? `${postcode} ` : '';
-  const countryFull = country ? isoCountries[country] : '';
-  return l1 + l2 + c + s + p + countryFull;
-}
-
-export const addressComponentsSettings: any = {
-  administrative_area_level_1: 'short_name',
-  administrative_area_level_2: 'short_name',
-  country: 'short_name',
-  establishment: 'long_name',
-  floor: 'short_name',
-  locality: 'long_name',
-  postal_code: 'short_name',
-  premise: 'short_name',
-  room: 'long_name',
-  route: 'short_name',
-  street_number: 'short_name',
-  sublocality: 'long_name',
-  subpremise: 'short_name',
-};
-
-export function geoSuggestResultAsNewAddress(resp: any) {
-  const addressComponents = resp && resp.gmaps ?
-    resp.gmaps.address_components : null;
-  const name = resp && resp.gmaps && resp.gmaps.name;
-  const address = {
-    city: '',
-    country: '',
-    lineOne: name ? name : '',
-    lineTwo: '',
-    postcode: '',
-    state: '',
-  };
-  let i;
-  if (addressComponents) {
-    for (i = 0; i < addressComponents.length; i++) {
-      const addrComponent = addressComponents[i];
-      const addrTypes = addrComponent.types;
-      const addrType = addrTypes.length > 0 ? addrTypes[0] : null;
-      const componentSetting = addrType ?
-        addressComponentsSettings[addrType] : null;
-      if (componentSetting) {
-        const addressVal = addrComponent[componentSetting];
-        switch (addrType) {
-          case 'establishment':
-          case 'room':
-          case 'floor':
-          case 'street_number':
-          case 'premise':
-          case 'subpremise':
-          case 'route':
-            const oldLineOne = address.lineOne;
-            address.lineOne = oldLineOne.includes(addressVal) ?
-              oldLineOne : `${oldLineOne} ${addressVal}`;
-            break;
-          case 'locality':
-          case 'sublocality':
-            const oldCity = address.city ? `${address.city} ` : ''
-            address.city = oldCity + addressVal;
-            break;
-          case 'administrative_area_level_1':
-            address.state = addressVal;
-            break;
-          case 'administrative_area_level_2':
-            break;
-          case 'country':
-            address.country = addressVal;
-            break;
-          case 'postal_code':
-            address.postcode = addressVal;
-            break;
-          default:
-            break;
-        }
-      }
-    }
-    return address;
-  }
-  return null;
-}

package/src/utilities/cart.ts

@@ -1,73 +0,0 @@
-import { Merchi } from 'merchi_sdk_ts';
-import { companyStripePubKeyOrTestPubKey } from './company';
-
-const merchi = new Merchi();
-
-export const makeCart = (json: any, makeDirty?: boolean, cartToken?: string) => {
-  const merchi = new Merchi();
-  if (cartToken) merchi.cartToken = cartToken;
-  const cart = new merchi.Cart();
-  return cart.fromJson(json, { makeDirty });
-};
-
-export const makeCartItem = (json: any, makeDirty?: boolean, cartToken?: string) => {
-  const merchi = new Merchi();
-  if (cartToken) merchi.cartToken = cartToken;
-  const cartItem = new merchi.CartItem();
-  return cartItem.fromJson(json, { makeDirty });
-};
-
-export function makeCartShipmentQuote(json: any, makeDirty?: boolean) {
-  const cartShipmentQuote = new merchi.CartShipmentQuote();
-  return cartShipmentQuote.fromJson(json, { makeDirty });
-}
-
-export function cartHasSelectedQuotes(cart: any) {
-  const { shipmentGroups = [] } = cart;
-  if (shipmentGroups.length) {
-    const selected = shipmentGroups.filter((g: any) => !!g.selectedQuote);
-    return selected.length === shipmentGroups.length;
-  }
-  return false;
-}
-
-export async function getCartShipmentGroupsAndQuotes(cart: any) {
-  const query: Array<any> = [];
-  query.push(['cart_token', cart.token]);
-  return merchi.authenticatedFetch(
-    `/generate-cart-shipment-quotes/${cart.id}/`,
-    {method: 'GET', query});
-}
-
-function cartCompany(cart: any) {
-  return cart && cart.domain && cart.domain.company ?
-    cart.domain.company : null;
-}
-
-export function hasStripeLegacyAccount(cart: any) {
-  const company = cartCompany(cart);
-  return Boolean(company && companyStripePubKeyOrTestPubKey(company));
-}
-
-function hasStripeConnectAccount(cart: any) {
-  const company = cartCompany(cart);
-  return Boolean(company && company.isStripeAccountEnabled); 
-}
-
-export function stripeIsValidAndActive(cart: any) {
-  const company = cartCompany(cart);
-  const hasStripe = hasStripeLegacyAccount(cart) ||
-    hasStripeConnectAccount(cart);
-  return Boolean(hasStripe && company && company.acceptStripe);
-}
-
-export function cartRequiresShipment(cart: any) {
-  const { cartItems = [] } = cart;
-  for (let i = 0; i < cartItems.length; i++) {
-    const item = cartItems[i];
-    if (item && item.product && item.product.needsShipping) {
-      return true;
-    }
-  }
-  return false;
-}

package/src/utilities/company.ts

@@ -1,8 +0,0 @@
-export function companyPrimaryAddress(company: any) {
-  return company && company.addresses ? company.addresses[0] : undefined;
-}
-
-export function companyStripePubKeyOrTestPubKey(company: any) {
-  return company.isTesting ? company.stripePublishableTestKey :
-    company.stripePublishableKey;
-}