@merchi/cart 1.4.4

package/lib/styles/globals.css

@@ -0,0 +1,463 @@
+.merchi-cart-header {
+  display: flex;
+  align-items: center;
+  padding: 1.5rem;
+}
+
+.merchi-cart-header h5 {
+  margin-bottom: 0;
+  line-height: 1.5;
+  font-size: 20px;
+  margin-top: 0px;
+}
+
+.merchi-cart-footer {
+  display: flex;
+  padding: 1rem;
+}
+
+.merchi-cart-body {
+  display: block;
+  min-height: 450px;
+}
+
+.merchi-cart-title {
+  margin-bottom: 2rem;
+}
+
+.merchi-loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: var(--bs-height-md, 500px);
+}
+
+.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;
+}
+
+.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-total-container {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  border-bottom-right-radius: calc(0.3rem - 1px);
+  border-bottom-left-radius: calc(0.3rem - 1px);
+}
+
+.merchi-cart-total-table {
+  width: 100%;
+  margin-bottom: 20px;
+  max-width: 400px;
+  margin-bottom: 0px;
+}
+
+.merchi-cart-clear-container {
+  display: block;
+  text-align: center;
+}
+
+.merchi-cart-clear-text {
+  font-size: 16px;
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+
+.merchi-cart-item-table-head {
+  border: none;
+  padding: 0.5rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  text-transform: uppercase;
+  border-bottom: 0px !important;
+}
+
+.merchi-cart-item-table-head-right {
+  border: none;
+  padding: 0.5rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  text-transform: uppercase;
+  text-align: right;
+  border-bottom: 0px !important;
+}
+
+.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;
+  border-radius: 0.25rem;
+  padding: 10px 15px;
+  width: 100%;
+  border: 0px;
+}
+
+.merchi-cart-client-info-list {
+  list-style: none;
+  margin-left: 0px;
+  padding-left: 0px;
+}
+
+.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-item {
+  margin-bottom: -1px;
+}
+
+button.merchi-nav-link {
+  background: #fff;
+}
+
+.merchi-nav-tabs .merchi-nav-link {
+  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;
+}
+
+.merchi-btn-close {
+  background: transparent;
+  border: 0px;
+  cursor: pointer;
+  color: inherit;
+  margin-left: auto;
+}
+
+.merchi-loading-template {
+  height: 500px;
+  background: url("../assets/merchi-monster-loader.gif");
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 150px 150px;
+}
+
+/* Badge.css */
+.merchi-cart-badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25rem;
+}
+
+.merchi-cart-modal-alert {
+  align-items: center;
+  display: flex;
+  padding: 15px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  position: fixed;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1000;
+  max-width: 1140px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.merchi-form-group {
+  text-align: left;
+}
+
+.merchi-form-group-button {
+  text-align: center;
+  margin-bottom: 15px;
+}
+
+.merchi-content-container {
+  display: flex;
+  justify-content: center;
+  text-align: center;
+}
+
+.merchi-discount-group-container {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 1.5rem;
+  -webkit-box-align: end !important;
+  -ms-flex-align: end !important;
+  align-items: flex-end !important;
+}
+
+.merchi-cart-stripe-input-container {
+  display: flex;
+  -webkit-box-orient: vertical !important;
+  -webkit-box-direction: normal !important;
+  -ms-flex-direction: column !important;
+  flex-direction: column !important;
+  gap: 1rem !important;
+}
+
+.merchi-cart-stripe-input-container img {
+  margin: 0 auto;
+}
+
+.merchi-cart-stripe-input-error {
+  text-align: center;
+  color: #a94442;
+}
+
+.merchi-cart-total-list-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-bottom-right-radius: calc(0.3rem - 1px);
+  border-bottom-left-radius: calc(0.3rem - 1px);
+}
+
+.merchi-customer-checkout__heading {
+  margin: 0 0 1rem;
+  color: #52525b;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+
+.merchi-customer-checkout-options {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1.5px solid #b8bec8;
+  border-radius: 0.5rem;
+  background: #fff;
+}
+
+.merchi-customer-checkout-option {
+  border-bottom: 1px solid #e4e4e7;
+  background: #fff;
+}
+.merchi-customer-checkout-option:last-child {
+  border-bottom: none;
+}
+
+.merchi-customer-checkout-option__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  width: 100%;
+  min-height: 3rem;
+  padding: 0.75rem 1rem;
+  border: none;
+  background: #fff;
+  color: #3f3f46;
+  font-size: 0.9375rem;
+  text-align: left;
+  cursor: pointer;
+}
+.merchi-customer-checkout-option__header:hover, .merchi-customer-checkout-option.is-selected .merchi-customer-checkout-option__header {
+  background: color-mix(in srgb, var(--color-brand, #303dbf) 8%, #fff);
+}
+
+.merchi-customer-checkout-option__title {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  flex: 1;
+}
+
+.merchi-customer-checkout-option__label {
+  font-weight: 600;
+}
+
+.merchi-customer-checkout-option__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  border-radius: 0.375rem;
+  background: #f4f4f5;
+}
+
+.merchi-customer-checkout-option__icon-svg {
+  width: 1.125rem;
+  height: 1.125rem;
+}
+
+.merchi-customer-checkout-option__icon-svg--whatsapp {
+  color: #25d366;
+}
+
+.merchi-customer-checkout-option__checkbox {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  border: 2px solid #a1a1aa;
+  border-radius: 0.25rem;
+  background: #fff;
+  font-size: 1rem;
+}
+
+.merchi-customer-checkout-option.is-selected .merchi-customer-checkout-option__checkbox {
+  border-color: var(--color-brand, #303dbf);
+  background: var(--color-brand, #303dbf);
+  color: #fff;
+}
+
+.merchi-customer-checkout-option__body {
+  padding: 0.75rem 1rem 1rem;
+  background: #fff;
+}
+
+.merchi-cart-google-suggest-list {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 100%;
+  z-index: 1050;
+  margin: 0.25rem 0 0;
+  padding: 0;
+  list-style: none;
+  background: #fff;
+  color: #18181b;
+  border: 1px solid #dee2e6;
+  border-radius: 0.375rem;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+  max-height: 280px;
+  overflow-y: auto;
+}
+
+.merchi-cart-google-suggest-list-item {
+  padding: 0.5rem 0.75rem;
+  cursor: pointer;
+  color: #18181b;
+  border-bottom: 1px solid #f4f4f5;
+}
+.merchi-cart-google-suggest-list-item strong {
+  color: #18181b;
+}
+.merchi-cart-google-suggest-list-item .text-muted {
+  color: #71717a !important;
+}
+.merchi-cart-google-suggest-list-item:last-child {
+  border-bottom: none;
+}
+.merchi-cart-google-suggest-list-item:hover, .merchi-cart-google-suggest-list-item.active {
+  background: #f4f4f5;
+}
+
+/*# sourceMappingURL=globals.css.map */

package/lib/styles/globals.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/styles/globals.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE","file":"globals.css"}

package/lib/tabs/CartNav.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function CartNav(): React.JSX.Element;
+export default CartNav;

package/lib/tabs/CartNav.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _CartProvider = require("../CartProvider");
+var _tabs = require("../utilities/tabs");
+var _NavTab = _interopRequireDefault(require("./NavTab"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function CartNav() {
+  var _useCartContext = (0, _CartProvider.useCartContext)(),
+    classNameCartNav = _useCartContext.classNameCartNav,
+    tabs = _useCartContext.tabs;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classNameCartNav,
+    children: tabs.filter(function (tab) {
+      return tab.tabId !== _tabs.tabIdPaymentSuccess;
+    }).map(function (tab, index) {
+      return /*#__PURE__*/(0, _react.createElement)(_NavTab["default"], _objectSpread(_objectSpread({}, tab), {}, {
+        key: "".concat(index, "-tab")
+      }));
+    })
+  });
+}
+var _default = exports["default"] = CartNav;

package/lib/tabs/NavTab.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface Props {
+    disabled?: boolean;
+    icon: any;
+    name: string;
+    tabId: number;
+}
+declare function NavTab({ disabled, icon, name, tabId }: Props): React.JSX.Element;
+export default NavTab;

package/lib/tabs/NavTab.js

@@ -0,0 +1,39 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _CartProvider = require("../CartProvider");
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function NavTab(_ref) {
+  var disabled = _ref.disabled,
+    icon = _ref.icon,
+    name = _ref.name,
+    tabId = _ref.tabId;
+  var _useCartContext = (0, _CartProvider.useCartContext)(),
+    activeTabIndex = _useCartContext.activeTabIndex,
+    classNameCartTabItem = _useCartContext.classNameCartTabItem,
+    classNameCartTabItemLink = _useCartContext.classNameCartTabItemLink,
+    setActiveTabIndex = _useCartContext.setActiveTabIndex;
+  function toggle() {
+    setActiveTabIndex(tabId);
+  }
+  var active = activeTabIndex === tabId;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classNameCartTabItem,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      className: "".concat(classNameCartTabItemLink, " ").concat(active ? 'active' : ''),
+      onClick: toggle,
+      disabled: disabled,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+        icon: icon
+      }), " ", name]
+    })
+  });
+}
+var _default = exports["default"] = NavTab;

package/lib/types/index.d.ts

@@ -0,0 +1,13 @@
+export interface Alert {
+    icon: any;
+    message: string;
+    show: boolean;
+    title: string;
+    type: "info" | "success" | "danger" | "warning" | undefined;
+}
+export interface Tab {
+    disabled: boolean;
+    icon: any;
+    name: string;
+    tabId: number;
+}

package/lib/types/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/utilities/address.d.ts

@@ -0,0 +1,30 @@
+export declare function makeAddress(addressJson: any, makeDirty?: boolean): any;
+/** Plain address fields only — never reuse an existing address id (cart-token auth cannot PATCH it). */
+export declare function sanitizeAddressFields(address?: any): {
+    city: any;
+    country: any;
+    lineOne: any;
+    lineTwo: any;
+    postcode: any;
+    state: any;
+};
+export declare function addressInOneLine(address: any): string;
+export declare const addressComponentsSettings: any;
+export declare const addressComponentsSettingsBackend: any;
+export declare function googlePlacesResultAsNewAddress(placeDetails: any): {
+    city: string;
+    country: string;
+    lineOne: any;
+    lineTwo: string;
+    postcode: string;
+    state: string;
+};
+/** @deprecated Legacy react-geosuggest parser; use googlePlacesResultAsNewAddress instead. */
+export declare function geoSuggestResultAsNewAddress(resp: any): {
+    city: string;
+    country: string;
+    lineOne: any;
+    lineTwo: string;
+    postcode: string;
+    state: string;
+};