ordering-ui-external 10.10.2 → 10.10.4

package/_modules/themes/five/src/components/BusinessesListing/layouts/AppointmentsBusinessListing/styles.js

@@ -10,72 +10,53 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var BusinessListContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 40px 20px;\n  > h1 {\n    font-weight: 600;\n    font-size: 40px;\n    line-height: 50px;\n    margin-top: 0px;\n    margin-bottom: 22px;\n  }\n"])));
-exports.BusinessListContainer = BusinessListContainer;
-var WrapperSearch = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  > svg {\n    margin: 0px 5px\n  }\n  input {\n    width: 100%;\n  }\n"])));
-exports.WrapperSearch = WrapperSearch;
-var FilterWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  > div {\n    margin-top: 23px;\n    h3 {\n      font-weight: 600;\n      font-size: 14px;\n      line-height: 24px;\n      margin: 0px;\n    }\n  }\n\n  @media (min-width: 800px) {\n    flex-direction: row;\n  }\n"])));
-exports.FilterWrapper = FilterWrapper;
-var TypeFilterWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0px;\n  border: none;\n\n  @media (min-width: 800px) {\n    ", "\n  }\n"])), function (props) {
+var BusinessListContainer = exports.BusinessListContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 40px 20px;\n  > h1 {\n    font-weight: 600;\n    font-size: 40px;\n    line-height: 50px;\n    margin-top: 0px;\n    margin-bottom: 22px;\n  }\n"])));
+var WrapperSearch = exports.WrapperSearch = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  > svg {\n    margin: 0px 5px\n  }\n  input {\n    width: 100%;\n  }\n"])));
+var FilterWrapper = exports.FilterWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  > div {\n    margin-top: 23px;\n    h3 {\n      font-weight: 600;\n      font-size: 14px;\n      line-height: 24px;\n      margin: 0px;\n    }\n  }\n\n  @media (min-width: 800px) {\n    flex-direction: row;\n  }\n"])));
+var TypeFilterWrapper = exports.TypeFilterWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0px;\n  border: none;\n\n  @media (min-width: 800px) {\n    ", "\n  }\n"])), function (props) {
   return props.theme.rtl ? (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      border-left: 1px solid ", ";\n      padding-left: 25px;\n    "])), function (props) {
     return props.theme.colors.lightGray;
   }) : (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      border-right: 1px solid ", ";\n      padding-right: 25px;\n    "])), function (props) {
     return props.theme.colors.lightGray;
   });
 });
-exports.TypeFilterWrapper = TypeFilterWrapper;
-var PriceFilterWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 0px;\n\n  @media (min-width: 800px) {\n    ", "\n  }\n"])), function (props) {
+var PriceFilterWrapper = exports.PriceFilterWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: 0px;\n\n  @media (min-width: 800px) {\n    ", "\n  }\n"])), function (props) {
   return props.theme.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      padding-right: 25px;\n    "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      padding-left: 25px;\n    "])));
 });
-exports.PriceFilterWrapper = PriceFilterWrapper;
-var PriceFilterListWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  width: calc(100% + 10px);\n  margin-left: -5px;\n  ", "\n\n  > button {\n    border-radius: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    line-height: 24px;\n    margin: 10px 5px 0px 5px;\n\n    svg {\n      margin-left: 5px;\n      font-size: 12px;\n      ", "\n    }\n  }\n"])), function (props) {
+var PriceFilterListWrapper = exports.PriceFilterListWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  width: calc(100% + 10px);\n  margin-left: -5px;\n  ", "\n\n  > button {\n    border-radius: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    line-height: 24px;\n    margin: 10px 5px 0px 5px;\n\n    svg {\n      margin-left: 5px;\n      font-size: 12px;\n      ", "\n    }\n  }\n"])), function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    margin-left: 0px;\n    margin-right: -5px;\n  "])));
 }, function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        margin-right: 5px;\n        margin-left: 0px;\n      "])));
 });
-exports.PriceFilterListWrapper = PriceFilterListWrapper;
-var PreorderAndBusinessWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  > div {\n    margin-top: 55px;\n  }\n\n  @media (min-width: 800px) {\n    flex-direction: row;\n  }\n"])));
-exports.PreorderAndBusinessWrapper = PreorderAndBusinessWrapper;
-var PreorderWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  width: 100%;\n  min-width: 250px;\n  margin-left: auto;\n  margin-right: auto;\n\n  @media (min-width: 576px) {\n    width: 75%;\n  }\n\n  @media (min-width: 800px) {\n    width: 350px;\n    min-width: 350px;\n  }\n"])));
-exports.PreorderWrapper = PreorderWrapper;
-var PreorderContent = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0px;\n  padding: 30px 20px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n  background-color: ", ";\n  z-index: 1;\n  > h2 {\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 34px;\n    margin-top: 0px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n"])), function (props) {
+var PreorderAndBusinessWrapper = exports.PreorderAndBusinessWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  > div {\n    margin-top: 55px;\n  }\n\n  @media (min-width: 800px) {\n    flex-direction: row;\n  }\n"])));
+var PreorderWrapper = exports.PreorderWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  width: 100%;\n  min-width: 250px;\n  margin-left: auto;\n  margin-right: auto;\n\n  @media (min-width: 576px) {\n    width: 75%;\n  }\n\n  @media (min-width: 800px) {\n    width: 350px;\n    min-width: 350px;\n  }\n"])));
+var PreorderContent = exports.PreorderContent = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0px;\n  padding: 30px 20px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n  background-color: ", ";\n  z-index: 1;\n  > h2 {\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 34px;\n    margin-top: 0px;\n    margin-bottom: 30px;\n    text-align: center;\n  }\n"])), function (props) {
   return props.theme.colors.white;
 });
-exports.PreorderContent = PreorderContent;
-var AddressWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  padding-bottom: 12px;\n"])));
-exports.AddressWrapper = AddressWrapper;
-var AddressHeader = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  h2 {\n    margin-top: 5px;\n    margin-bottom: 0px;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 24px;\n  }\n  span {\n    cursor: pointer;\n    user-select: none;\n    margin-top: 5px;\n    font-weight: 400;\n    font-size: 12px;\n    color: ", ";\n  }\n"])), function (props) {
+var AddressWrapper = exports.AddressWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  padding-bottom: 12px;\n"])));
+var AddressHeader = exports.AddressHeader = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  h2 {\n    margin-top: 5px;\n    margin-bottom: 0px;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 24px;\n  }\n  span {\n    cursor: pointer;\n    user-select: none;\n    margin-top: 5px;\n    font-weight: 400;\n    font-size: 12px;\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.lightGray;
 });
-exports.AddressHeader = AddressHeader;
-var AddressContent = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  margin-top: 20px;\n\n  svg {\n    margin-right: 12px;\n    ", "\n  }\n\n  span {\n    font-size: 12px;\n    line-height: 22px;\n  }\n"])), function (props) {
+var AddressContent = exports.AddressContent = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  margin-top: 20px;\n\n  svg {\n    margin-right: 12px;\n    ", "\n  }\n\n  span {\n    font-size: 12px;\n    line-height: 22px;\n  }\n"])), function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      margin-left: 12px;\n      margin-right: 0px;\n    "])));
 });
-exports.AddressContent = AddressContent;
-var MomentWrapper = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  padding-bottom: 25px;\n  margin-bottom: 22px;\n  border-bottom: 1px solid ", ";\n"])), function (props) {
+var MomentWrapper = exports.MomentWrapper = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  padding-bottom: 25px;\n  margin-bottom: 22px;\n  border-bottom: 1px solid ", ";\n"])), function (props) {
   return props.theme.colors.gray200;
 });
-exports.MomentWrapper = MomentWrapper;
-var OrderTypeWrapper = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  > h2 {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 24px;\n    margin-top: 0px;\n    margin-bottom: 10px;\n  }\n"])));
-exports.OrderTypeWrapper = OrderTypeWrapper;
-var SelectWrapper = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  #select-input {\n    width: 100%;\n    border-radius: 4px;\n    background-color: ", " !important;\n    border: 1px solid ", ";\n    > #list {\n      width: 100%;\n      border-radius: 4px;\n    }\n  }\n"])), function (props) {
+var OrderTypeWrapper = exports.OrderTypeWrapper = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  > h2 {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 24px;\n    margin-top: 0px;\n    margin-bottom: 10px;\n  }\n"])));
+var SelectWrapper = exports.SelectWrapper = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  #select-input {\n    width: 100%;\n    border-radius: 4px;\n    background-color: ", " !important;\n    border: 1px solid ", ";\n    > #list {\n      width: 100%;\n      border-radius: 4px;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.gray200;
 }, function (props) {
   return props.theme.colors.gray200;
 });
-exports.SelectWrapper = SelectWrapper;
-var BusinessList = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  margin: 0px;\n\n  @media (min-width: 576px) {\n    margin-left: -20px;\n    width: 100%;\n  }\n"])));
-exports.BusinessList = BusinessList;
-var ErrorMessage = _styledComponents.default.span(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  background-color: ", ";\n  margin: 0px 15px;\n  color: ", ";\n  font-weight: bold;\n"])), function (props) {
+var BusinessList = exports.BusinessList = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  margin: 0px;\n\n  @media (min-width: 576px) {\n    margin-left: -20px;\n    width: 100%;\n  }\n"])));
+var ErrorMessage = exports.ErrorMessage = _styledComponents.default.span(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  background-color: ", ";\n  margin: 0px 15px;\n  color: ", ";\n  font-weight: bold;\n"])), function (props) {
   return props.theme.colors.disabled;
 }, function (props) {
   return props.theme.colors.danger500;
 });
-exports.ErrorMessage = ErrorMessage;
-var BusinessListWrapper = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-left: 0px;\n  > h2 {\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 34px;\n    margin: 0px;\n  }\n\n  @media (min-width: 800px) {\n    margin-left: 20px;\n    width: calc(100% - 320px);\n  }\n"])));
-exports.BusinessListWrapper = BusinessListWrapper;
-var HightestRatedWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0px;\n  overflow: hidden;\n  > div {\n    > h2 {\n      margin-top: 0px;\n    }\n  }\n\n  @media (min-width: 800px) {\n    margin-left: -20px;\n    width: calc(100% + 40px);\n  }\n\n  ", "\n"])), function (_ref) {
+var BusinessListWrapper = exports.BusinessListWrapper = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-left: 0px;\n  > h2 {\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 34px;\n    margin: 0px;\n  }\n\n  @media (min-width: 800px) {\n    margin-left: 20px;\n    width: calc(100% - 320px);\n  }\n"])));
+var HightestRatedWrapper = exports.HightestRatedWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0px;\n  overflow: hidden;\n  > div {\n    > h2 {\n      margin-top: 0px;\n    }\n  }\n\n  @media (min-width: 800px) {\n    margin-left: -20px;\n    width: calc(100% + 40px);\n  }\n\n  ", "\n"])), function (_ref) {
   var noHeight = _ref.noHeight;
   return noHeight && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n    height: 0px;\n  "])));
-});
-exports.HightestRatedWrapper = HightestRatedWrapper;
+});

package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/OrdersSection/index.js

@@ -14,7 +14,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var OrdersSection = function OrdersSection(props) {
+var OrdersSection = exports.OrdersSection = function OrdersSection(props) {
   var _getCustomArray;
   var titleContent = props.titleContent,
     onRedirectPage = props.onRedirectPage,
@@ -88,5 +88,4 @@ var OrdersSection = function OrdersSection(props) {
     franchiseId: props.franchiseId,
     handleRedirectToCheckout: handleRedirectToCheckout
   })));
-};
-exports.OrdersSection = OrdersSection;
+};

package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js

@@ -552,7 +552,7 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     closeOnBackdrop: false
   }));
 };
-var OriginalBusinessesListing = function OriginalBusinessesListing(props) {
+var OriginalBusinessesListing = exports.OriginalBusinessesListing = function OriginalBusinessesListing(props) {
   var _useLanguage3 = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage4 = _slicedToArray(_useLanguage3, 2),
     t = _useLanguage4[1];
@@ -586,5 +586,4 @@ var OriginalBusinessesListing = function OriginalBusinessesListing(props) {
     }]
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.BusinessList, businessListingProps);
-};
-exports.OriginalBusinessesListing = OriginalBusinessesListing;
+};

package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/styles.js

@@ -13,15 +13,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var BusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"])));
-exports.BusinessContainer = BusinessContainer;
-var BusinessBanner = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 30px;\n  position: relative;\n  @media (max-width: 576px) {\n    margin-bottom: 0px;\n  }\n"])));
-exports.BusinessBanner = BusinessBanner;
-var BusinessSearch = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    background-color: #f8f9fa;\n    align-items: center;\n    padding: 7px;\n    border-radius: 7px;\n    font-size: 11px;\n    svg {\n      font-size: 15px;\n    }\n"])));
-exports.BusinessSearch = BusinessSearch;
-var BusinessList = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n"])));
-exports.BusinessList = BusinessList;
-var WrapperSearch = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin: 10px 20px 0px;\n  display: flex;\n  justify-content: flex-end;\n  svg{\n    align-self: center;\n    cursor: pointer;\n    font-size: 26px;\n    color: ", ";\n    margin-left: 10px;\n  }\n  button {\n    width: 250px;\n    margin-left: 10px;\n  }\n  ", "\n"])), function (props) {
+var BusinessContainer = exports.BusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"])));
+var BusinessBanner = exports.BusinessBanner = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 30px;\n  position: relative;\n  @media (max-width: 576px) {\n    margin-bottom: 0px;\n  }\n"])));
+var BusinessSearch = exports.BusinessSearch = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    background-color: #f8f9fa;\n    align-items: center;\n    padding: 7px;\n    border-radius: 7px;\n    font-size: 11px;\n    svg {\n      font-size: 15px;\n    }\n"])));
+var BusinessList = exports.BusinessList = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n"])));
+var WrapperSearch = exports.WrapperSearch = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin: 10px 20px 0px;\n  display: flex;\n  justify-content: flex-end;\n  svg{\n    align-self: center;\n    cursor: pointer;\n    font-size: 26px;\n    color: ", ";\n    margin-left: 10px;\n  }\n  button {\n    width: 250px;\n    margin-left: 10px;\n  }\n  ", "\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) === null || _props$theme === void 0 || (_props$theme = _props$theme.colors) === null || _props$theme === void 0 ? void 0 : _props$theme.primary;
 }, function (_ref) {
@@ -29,20 +25,16 @@ var WrapperSearch = _styledComponents.default.div(_templateObject5 || (_template
     isCustomerMode = _ref.isCustomerMode;
   return isCustomLayout && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    margin: 0;\n    margin-top: 10px;\n    margin-bottom: 20px;\n    width: 100%; \n    padding: 0 20px;\n    ", "\n    svg {\n      align-self: auto;\n    }\n    \n    @media(min-width: 681px){\n      width: 75%;\n      padding: 0;\n    }\n    @media(min-width: 1201px){\n      width: 50%;\n    }\n  "])), isCustomerMode ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      margin-right: 20px;\n    "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin: 0 auto;\n    "]))));
 });
-exports.WrapperSearch = WrapperSearch;
-var ErrorMessage = _styledComponents.default.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  background-color: #CCCCCC;\n  margin: 0px 15px;\n  color: #D81313;\n  font-weight: bold;\n"])));
-exports.ErrorMessage = ErrorMessage;
-var PreviousOrders = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 10px 20px 0px;\n"])));
-exports.PreviousOrders = PreviousOrders;
-var BusinessesTitle = _styledComponents.default.h1(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
+var ErrorMessage = exports.ErrorMessage = _styledComponents.default.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  background-color: #CCCCCC;\n  margin: 0px 15px;\n  color: #D81313;\n  font-weight: bold;\n"])));
+var PreviousOrders = exports.PreviousOrders = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 10px 20px 0px;\n"])));
+var BusinessesTitle = exports.BusinessesTitle = _styledComponents.default.h1(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var isCustomerMode = _ref2.isCustomerMode;
   return isCustomerMode ? (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    font-size: 18px;\n    margin: 0px 20px;\n  "]))) : (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    font-weight: 600;\n    font-size: 24px;\n    color: ", ";\n    margin: 42px 20px 5px 20px;\n  "])), function (props) {
     var _props$theme2;
     return (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.colors.headingColor;
   });
 });
-exports.BusinessesTitle = BusinessesTitle;
-var BusinessHeroImgStyled = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-bottom: 30px;\n  width: 100%;\n  height: calc(65vh - 98px);\n  ", "\n  @media (min-width: 450px) {\n    height: 370px;\n  }\n  @media (min-width: 821px) {\n    height: ", ";\n  }\n"])), function (_ref3) {
+var BusinessHeroImgStyled = exports.BusinessHeroImgStyled = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-bottom: 30px;\n  width: 100%;\n  height: calc(65vh - 98px);\n  ", "\n  @media (min-width: 450px) {\n    height: 370px;\n  }\n  @media (min-width: 821px) {\n    height: ", ";\n  }\n"])), function (_ref3) {
   var bgimage = _ref3.bgimage;
   return bgimage && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    background-repeat: no-repeat, repeat;\n    background-size: cover;\n    object-fit: cover;\n    background-position: center;\n  "])));
 }, function (_ref4) {
@@ -51,29 +43,23 @@ var BusinessHeroImgStyled = _styledComponents.default.div(_templateObject14 || (
     theme = _ref4.theme;
   return (theme === null || theme === void 0 || (_theme$business_listi = theme.business_listing_view) === null || _theme$business_listi === void 0 || (_theme$business_listi = _theme$business_listi.components) === null || _theme$business_listi === void 0 || (_theme$business_listi = _theme$business_listi.business_hero) === null || _theme$business_listi === void 0 || (_theme$business_listi = _theme$business_listi.components) === null || _theme$business_listi === void 0 || (_theme$business_listi = _theme$business_listi.styles) === null || _theme$business_listi === void 0 ? void 0 : _theme$business_listi.height) || height || '650px';
 });
-exports.BusinessHeroImgStyled = BusinessHeroImgStyled;
-var BusinessHeroImg = function BusinessHeroImg(props) {
+var BusinessHeroImg = exports.BusinessHeroImg = function BusinessHeroImg(props) {
   var style = {};
   style.backgroundImage = "url(".concat(props.bgimage, ")");
   return /*#__PURE__*/_react.default.createElement(BusinessHeroImgStyled, _extends({}, props, {
     style: style
   }), props.children);
 };
-exports.BusinessHeroImg = BusinessHeroImg;
-var HightestRatedWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  padding: 50px 0 30px 0;\n"])));
-exports.HightestRatedWrapper = HightestRatedWrapper;
-var Divider = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  background: rgb(230, 234, 233);\n  height: 8px;\n  width: 100%;\n"])));
-exports.Divider = Divider;
-var SearchContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
-exports.SearchContainer = SearchContainer;
-var BusinessLogosWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  overflow: scroll hidden;\n  width: 100%;\n"])));
-exports.BusinessLogosWrapper = BusinessLogosWrapper;
+var HightestRatedWrapper = exports.HightestRatedWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  padding: 50px 0 30px 0;\n"])));
+var Divider = exports.Divider = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  background: rgb(230, 234, 233);\n  height: 8px;\n  width: 100%;\n"])));
+var SearchContainer = exports.SearchContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+var BusinessLogosWrapper = exports.BusinessLogosWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  overflow: scroll hidden;\n  width: 100%;\n"])));
 var BusinessLogoStyled = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  min-width: 100px;\n  min-height: 100px;\n  height: 100px;\n  width: 100px;\n  box-sizing: border-box;\n  background-repeat: no-repeat, repeat;\n  background-size: cover;\n  object-fit: cover;\n  background-position: center;\n  border-radius: 7.6px;\n  margin-right: 15px;\n  cursor: pointer;\n  ", ";\n"])), function (props) {
   return props.isActive && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    border: 2px solid ", ";\n  "])), function (props) {
     return props.theme.colors.primary;
   });
 });
-var BusinessLogo = function BusinessLogo(props) {
+var BusinessLogo = exports.BusinessLogo = function BusinessLogo(props) {
   var style = {};
   if (props.bgimage) {
     style.backgroundImage = "url(".concat(props.bgimage, ")");
@@ -82,29 +68,22 @@ var BusinessLogo = function BusinessLogo(props) {
     style: style
   }), props.children);
 };
-exports.BusinessLogo = BusinessLogo;
-var BusinessLogosContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: flex;\n  padding-bottom: 10px;\n"])));
-exports.BusinessLogosContainer = BusinessLogosContainer;
-var HeaderSearchMode = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 200px;\n"])));
-exports.HeaderSearchMode = HeaderSearchMode;
-var AddressFormWrapper = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  @media (min-width: 450px) {\n    margin-top: 20px;\n  }\n"])));
-exports.AddressFormWrapper = AddressFormWrapper;
-var IconTypeButton = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 44px;\n  height: 44px;\n  background: ", ";\n  border-radius: 44px;\n"])), function (_ref5) {
+var BusinessLogosContainer = exports.BusinessLogosContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  display: flex;\n  padding-bottom: 10px;\n"])));
+var HeaderSearchMode = exports.HeaderSearchMode = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 200px;\n"])));
+var AddressFormWrapper = exports.AddressFormWrapper = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  @media (min-width: 450px) {\n    margin-top: 20px;\n  }\n"])));
+var IconTypeButton = exports.IconTypeButton = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 44px;\n  height: 44px;\n  background: ", ";\n  border-radius: 44px;\n"])), function (_ref5) {
   var _theme$colors;
   var activated = _ref5.activated,
     theme = _ref5.theme;
   return activated ? theme === null || theme === void 0 || (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.white : '#F3F9FF';
 });
-exports.IconTypeButton = IconTypeButton;
-var TypesContainer = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: flex;\n  margin: 42px 20px 0px 20px;\n"])));
-exports.TypesContainer = TypesContainer;
-var AdditionalTypesContainer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  width: 60%;\n  display: flex;\n  margin-bottom: 20px;\n  margin-left: 20px;\n  button {\n    padding: 4px 10px;\n    border-radius: 50px;\n    font-size: 10px;\n    line-height: 0;\n    height: 25px;\n    margin-right: 20px;\n  }\n  .activated {\n    color: ", "\n  }\n"])), function (_ref6) {
+var TypesContainer = exports.TypesContainer = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: flex;\n  margin: 42px 20px 0px 20px;\n"])));
+var AdditionalTypesContainer = exports.AdditionalTypesContainer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  width: 60%;\n  display: flex;\n  margin-bottom: 20px;\n  margin-left: 20px;\n  button {\n    padding: 4px 10px;\n    border-radius: 50px;\n    font-size: 10px;\n    line-height: 0;\n    height: 25px;\n    margin-right: 20px;\n  }\n  .activated {\n    color: ", "\n  }\n"])), function (_ref6) {
   var _theme$colors2;
   var theme = _ref6.theme;
   return theme === null || theme === void 0 || (_theme$colors2 = theme.colors) === null || _theme$colors2 === void 0 ? void 0 : _theme$colors2.darkTextColor;
 });
-exports.AdditionalTypesContainer = AdditionalTypesContainer;
-var TypeButton = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: 215px;\n  height: 75px;\n  border-radius: 7.6px;\n  padding: 16px;\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);\n  margin-right: 32px;\n  margin-bottom: 32px;\n  cursor: pointer;\n  background: ", ";\n  p{\n    margin: 0;\n    margin-left: 33px;\n    ", "\n  }\n"])), function (_ref7) {
+var TypeButton = exports.TypeButton = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: 215px;\n  height: 75px;\n  border-radius: 7.6px;\n  padding: 16px;\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);\n  margin-right: 32px;\n  margin-bottom: 32px;\n  cursor: pointer;\n  background: ", ";\n  p{\n    margin: 0;\n    margin-left: 33px;\n    ", "\n  }\n"])), function (_ref7) {
   var _theme$colors3, _theme$colors4;
   var activated = _ref7.activated,
     theme = _ref7.theme;
@@ -115,11 +94,8 @@ var TypeButton = _styledComponents.default.div(_templateObject28 || (_templateOb
     theme = _ref8.theme;
   return activated && (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), theme === null || theme === void 0 || (_theme$colors5 = theme.colors) === null || _theme$colors5 === void 0 ? void 0 : _theme$colors5.white);
 });
-exports.TypeButton = TypeButton;
-var Title = _styledComponents.default.h2(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 24px;\n  color: ", ";\n  margin: 0px 20px 5px 20px;\n"])), function (props) {
+var Title = exports.Title = _styledComponents.default.h2(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 24px;\n  color: ", ";\n  margin: 0px 20px 5px 20px;\n"])), function (props) {
   var _props$theme3;
   return (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.colors.headingColor;
 });
-exports.Title = Title;
-var TypesWrapper = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  margin-left: 20px;\n  width: 600px;\n"])));
-exports.TypesWrapper = TypesWrapper;
+var TypesWrapper = exports.TypesWrapper = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  margin-left: 20px;\n  width: 600px;\n"])));

package/_modules/themes/five/src/components/BusinessesListing/layouts/RedBusinessesListing/index.js

@@ -513,10 +513,9 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     }, AfterElement);
   }));
 };
-var RedBusinessesListing = function RedBusinessesListing(props) {
+var RedBusinessesListing = exports.RedBusinessesListing = function RedBusinessesListing(props) {
   var businessListingProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: BusinessesListingUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.BusinessList, businessListingProps);
-};
-exports.RedBusinessesListing = RedBusinessesListing;
+};

package/_modules/themes/five/src/components/BusinessesListing/layouts/RedBusinessesListing/styles.js

@@ -13,29 +13,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var BusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"])));
-exports.BusinessContainer = BusinessContainer;
-var BusinessList = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  @media(min-width: 768px){\n    max-width: 98%;\n    margin: 0 auto;\n  }\n\n  @media(min-width: 1201px){\n    max-width: 96%;\n  }\n\n"])));
-exports.BusinessList = BusinessList;
-var WrapperSearch = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  box-sizing: border-box;\n  padding: 20px;\n"])));
-exports.WrapperSearch = WrapperSearch;
-var ErrorMessage = _styledComponents.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  background-color: #CCCCCC;\n  margin: 0px 15px;\n  color: #D81313;\n  font-weight: bold;\n"])));
-exports.ErrorMessage = ErrorMessage;
-var PreviousOrders = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 10px 20px 0px;\n\n"])));
-exports.PreviousOrders = PreviousOrders;
-var BusinessesTitle = _styledComponents.default.h2(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 24px;\n  line-height: 34px;\n  color: ", ";\n  margin: 0 auto;\n  width: 100%;\n  margin: 0 20px;\n"])), function (props) {
+var BusinessContainer = exports.BusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"])));
+var BusinessList = exports.BusinessList = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  @media(min-width: 768px){\n    max-width: 98%;\n    margin: 0 auto;\n  }\n\n  @media(min-width: 1201px){\n    max-width: 96%;\n  }\n\n"])));
+var WrapperSearch = exports.WrapperSearch = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  box-sizing: border-box;\n  padding: 20px;\n"])));
+var ErrorMessage = exports.ErrorMessage = _styledComponents.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  background-color: #CCCCCC;\n  margin: 0px 15px;\n  color: #D81313;\n  font-weight: bold;\n"])));
+var PreviousOrders = exports.PreviousOrders = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 10px 20px 0px;\n\n"])));
+var BusinessesTitle = exports.BusinessesTitle = _styledComponents.default.h2(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 24px;\n  line-height: 34px;\n  color: ", ";\n  margin: 0 auto;\n  width: 100%;\n  margin: 0 20px;\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) === null || _props$theme === void 0 || (_props$theme = _props$theme.colors) === null || _props$theme === void 0 ? void 0 : _props$theme.primary;
 });
-exports.BusinessesTitle = BusinessesTitle;
-var PreviousButtonWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 89%;\n  margin: 0 auto;\n  margin-top: 10px;\n  button{\n    width: 100%;\n\n  }\n"])));
-exports.PreviousButtonWrapper = PreviousButtonWrapper;
-var BannerStyled = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 100%;\n  min-height: 200px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ", "\n\n  p {\n    text-shadow: 0px 1px 1px #4d4d4d; color: #222; \n    font: 3vw;\n    text-transform: capitalize;\n  }\n\n  @media (min-width: 768px) {\n    min-height: 30vw;\n    overflow: hidden;\n  }\n\n"])), function (_ref) {
+var PreviousButtonWrapper = exports.PreviousButtonWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 89%;\n  margin: 0 auto;\n  margin-top: 10px;\n  button{\n    width: 100%;\n\n  }\n"])));
+var BannerStyled = exports.BannerStyled = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 100%;\n  min-height: 200px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ", "\n\n  p {\n    text-shadow: 0px 1px 1px #4d4d4d; color: #222; \n    font: 3vw;\n    text-transform: capitalize;\n  }\n\n  @media (min-width: 768px) {\n    min-height: 30vw;\n    overflow: hidden;\n  }\n\n"])), function (_ref) {
   var bgimage = _ref.bgimage;
   return bgimage && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    background-repeat: no-repeat, repeat;\n    background-size: cover;\n    object-fit: cover;\n    background-position: center;\n  "])));
 });
-exports.BannerStyled = BannerStyled;
-var Banner = function Banner(props) {
+var Banner = exports.Banner = function Banner(props) {
   var style = {};
   if (props.bgimage && !props.isClosed) {
     style.backgroundImage = "url(".concat(props.bgimage, ")");
@@ -46,23 +38,17 @@ var Banner = function Banner(props) {
     style: style
   }), props.children);
 };
-exports.Banner = Banner;
-var SkeletonWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 96%;\n  flex-direction: column;\n  margin: 0 auto;\n  span {\n    width: 100%;\n    height: 60px;\n    margin-bottom: 20px;\n    @media (min-width: 768px) {\n      height: 200px;\n    }\n  }\n"])));
-exports.SkeletonWrapper = SkeletonWrapper;
-var Layout = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column-reverse;\n  @media (min-width: 1024px) {\n    flex-direction: row;\n  }\n"])));
-exports.Layout = Layout;
-var BusinissWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 100%;\n  @media (min-width: 768px) {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  ", "\n\n  h1 {\n    font-size: 15px;\n    @media (min-width: 1024px) {\n      font-size: 18px;\n    }\n  }\n"])), function (_ref2) {
+var SkeletonWrapper = exports.SkeletonWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 96%;\n  flex-direction: column;\n  margin: 0 auto;\n  span {\n    width: 100%;\n    height: 60px;\n    margin-bottom: 20px;\n    @media (min-width: 768px) {\n      height: 200px;\n    }\n  }\n"])));
+var Layout = exports.Layout = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column-reverse;\n  @media (min-width: 1024px) {\n    flex-direction: row;\n  }\n"])));
+var BusinissWrapper = exports.BusinissWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 100%;\n  @media (min-width: 768px) {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  ", "\n\n  h1 {\n    font-size: 15px;\n    @media (min-width: 1024px) {\n      font-size: 18px;\n    }\n  }\n"])), function (_ref2) {
   var isPickup = _ref2.isPickup;
   return isPickup && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    @media (min-width: 1024px) {\n      width: 33.3%;\n      height: fit-content;\n      max-height: 100vh;\n      overflow-y: scroll;\n    }\n  "])));
 });
-exports.BusinissWrapper = BusinissWrapper;
-var MapWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  /* display: none; */\n\n  ", "\n\n"])), function (_ref3) {
+var MapWrapper = exports.MapWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  /* display: none; */\n\n  ", "\n\n"])), function (_ref3) {
   var isPickup = _ref3.isPickup;
   return isPickup && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    display: block;\n    width: 100%;\n    height: auto;\n    padding: 0;\n    box-sizing: border-box;\n    margin-bottom: 20px;\n\n    #map {\n      border-radius: 0;\n      @media (min-width: 576px) {\n        width: 94% !important;\n      }\n    }\n\n    @media (min-width: 1024px) {\n      width: 66.6%;\n      overflow: hidden;\n      ", "\n      >div {\n        height: 100%  \n      }\n    }\n  "])), function (_ref4) {
     var isSkeleton = _ref4.isSkeleton;
     return !isSkeleton && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        height: 100vh;\n      "])));
   });
 });
-exports.MapWrapper = MapWrapper;
-var NotFoundButtonWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  width: fit-content;\n  button {\n    margin: 0 5px;\n  }\n"])));
-exports.NotFoundButtonWrapper = NotFoundButtonWrapper;
+var NotFoundButtonWrapper = exports.NotFoundButtonWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  width: fit-content;\n  button {\n    margin: 0 5px;\n  }\n"])));

package/_modules/themes/five/src/components/BusinessesListing/layouts/StarbucksBusinessesListing/index.js

@@ -374,10 +374,9 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     }, AfterElement);
   }));
 };
-var StarbucksBusinessesListing = function StarbucksBusinessesListing(props) {
+var StarbucksBusinessesListing = exports.StarbucksBusinessesListing = function StarbucksBusinessesListing(props) {
   var businessListingProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: BusinessesListingUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.BusinessList, businessListingProps);
-};
-exports.StarbucksBusinessesListing = StarbucksBusinessesListing;
+};

package/_modules/themes/five/src/components/BusinessesListing/layouts/StarbucksBusinessesListing/styles.js

@@ -10,11 +10,9 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var BusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-top: 0;\n"])));
-exports.BusinessContainer = BusinessContainer;
-var BusinessList = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n"])));
-exports.BusinessList = BusinessList;
-var WrapperSearch = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n  padding: 30px;\n  input {\n    border-bottom: 1px solid #ccc;\n  }\n  svg{\n    ", "\n  }\n  @media (min-width: 850px) {\n    width: 100%;\n    box-shadow: 0px -2px 1px 4px lightgrey;\n  }\n\n  ", "\n"])), function (_ref) {
+var BusinessContainer = exports.BusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-top: 0;\n"])));
+var BusinessList = exports.BusinessList = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n"])));
+var WrapperSearch = exports.WrapperSearch = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n  padding: 30px;\n  input {\n    border-bottom: 1px solid #ccc;\n  }\n  svg{\n    ", "\n  }\n  @media (min-width: 850px) {\n    width: 100%;\n    box-shadow: 0px -2px 1px 4px lightgrey;\n  }\n\n  ", "\n"])), function (_ref) {
   var _theme$business_listi;
   var theme = _ref.theme;
   return (theme === null || theme === void 0 || (_theme$business_listi = theme.business_listing_view) === null || _theme$business_listi === void 0 || (_theme$business_listi = _theme$business_listi.components) === null || _theme$business_listi === void 0 || (_theme$business_listi = _theme$business_listi.layout) === null || _theme$business_listi === void 0 ? void 0 : _theme$business_listi.type) === 'mapview' && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: absolute;\n    right: 5px;\n      transform: translateY(70%);\n      cursor: pointer;\n      "])));
@@ -25,23 +23,14 @@ var WrapperSearch = _styledComponents.default.div(_templateObject3 || (_template
     return (_props$theme = props.theme) === null || _props$theme === void 0 || (_props$theme = _props$theme.colors) === null || _props$theme === void 0 ? void 0 : _props$theme.primary;
   });
 });
-exports.WrapperSearch = WrapperSearch;
-var ErrorMessage = _styledComponents.default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  background-color: #CCCCCC;\n  margin: 0px 15px;\n  color: #D81313;\n  font-weight: bold;\n"])));
-exports.ErrorMessage = ErrorMessage;
-var PreviousOrders = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 10px 20px 0px;\n"])));
-exports.PreviousOrders = PreviousOrders;
-var BusinessesTitle = _styledComponents.default.h1(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 18px;\n  margin: 0px 20px;\n"])));
-exports.BusinessesTitle = BusinessesTitle;
-var BusinessContent = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column-reverse;\n  overflow: hidden;\n  position: relative;\n  z-index: 1;\n  @media(min-width: 850px){\n    flex-direction: row;\n    height: 100vh;\n  }\n"])));
-exports.BusinessContent = BusinessContent;
-var ListWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;  \n  min-height: 70vh;\n  overflow: auto;\n  box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 12%);\n  @media(min-width: 850px){\n    width: 40vw;\n  }\n"])));
-exports.ListWrapper = ListWrapper;
-var MapWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: relative;\n  /* height: 100vh; */\n"])));
-exports.MapWrapper = MapWrapper;
-var BusinessFilter = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;  \n  padding-left: 20px;\n  ", "\n"])), function (props) {
+var ErrorMessage = exports.ErrorMessage = _styledComponents.default.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  background-color: #CCCCCC;\n  margin: 0px 15px;\n  color: #D81313;\n  font-weight: bold;\n"])));
+var PreviousOrders = exports.PreviousOrders = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 10px 20px 0px;\n"])));
+var BusinessesTitle = exports.BusinessesTitle = _styledComponents.default.h1(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 18px;\n  margin: 0px 20px;\n"])));
+var BusinessContent = exports.BusinessContent = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column-reverse;\n  overflow: hidden;\n  position: relative;\n  z-index: 1;\n  @media(min-width: 850px){\n    flex-direction: row;\n    height: 100vh;\n  }\n"])));
+var ListWrapper = exports.ListWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;  \n  min-height: 70vh;\n  overflow: auto;\n  box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 12%);\n  @media(min-width: 850px){\n    width: 40vw;\n  }\n"])));
+var MapWrapper = exports.MapWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: relative;\n  /* height: 100vh; */\n"])));
+var BusinessFilter = exports.BusinessFilter = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;  \n  padding-left: 20px;\n  ", "\n"])), function (props) {
   var _props$theme2;
   return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    padding-right: 20px;\n  "])));
 });
-exports.BusinessFilter = BusinessFilter;
-var AddressInput = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  border: 1px solid #ccc;\n  padding: 10px 15px;\n  margin: 20px;\n  margin-bottom: 0;\n  border-radius: 7.6px;\n  cursor: pointer;\n  p{\n    margin: 0;\n    margin-left: 35px\n  }\n\n  svg {\n    position: absolute;\n    width: 24px;\n    height: 24px;\n  }\n"])));
-exports.AddressInput = AddressInput;
+var AddressInput = exports.AddressInput = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  border: 1px solid #ccc;\n  padding: 10px 15px;\n  margin: 20px;\n  margin-bottom: 0;\n  border-radius: 7.6px;\n  cursor: pointer;\n  p{\n    margin: 0;\n    margin-left: 35px\n  }\n\n  svg {\n    position: absolute;\n    width: 24px;\n    height: 24px;\n  }\n"])));

package/_modules/themes/five/src/components/CardForm/index.js

@@ -101,10 +101,9 @@ var CardFormUI = function CardFormUI(props) {
     }, AfterElement);
   }));
 };
-var CardForm = function CardForm(props) {
+var CardForm = exports.CardForm = function CardForm(props) {
   var cardFormProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: CardFormUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.CardForm, cardFormProps);
-};
-exports.CardForm = CardForm;
+};

package/_modules/themes/five/src/components/CardForm/styles.js

@@ -10,26 +10,16 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var FormStripe = _styledComponents.default.form(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  .StripeElement,\n  .StripeElementIdeal {\n    display: block;\n    padding: 10px 14px;\n    box-shadow: rgba(50, 50, 93, 0.14902) 0px 1px 3px,\n      rgba(0, 0, 0, 0.0196078) 0px 1px 0px;\n    border-radius: 4px;\n    background: white;\n  }\n\n  .StripeElement--focus,\n  .StripeElementIdeal--focus {\n    box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px,\n      rgba(0, 0, 0, 0.0784314) 0px 1px 3px;\n    -webkit-transition: all 150ms ease;\n    transition: all 150ms ease;\n  }\n\n  .StripeElement.loading {\n    height: 41.6px;\n    opacity: 0.6;\n  }\n\n  .StripeElementIdeal {\n    padding: 0;\n  }\n"])));
-exports.FormStripe = FormStripe;
-var CardExpiryField = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: #ADB2B9;\n"])));
-exports.CardExpiryField = CardExpiryField;
-var CardCvcField = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: #ADB2B9;\n"])));
-exports.CardCvcField = CardCvcField;
-var CardZipcodeField = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: #ADB2B9;\n"])));
-exports.CardZipcodeField = CardZipcodeField;
-var CardNumberField = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  color: #ADB2B9;\n"])));
-exports.CardNumberField = CardNumberField;
-var CardExpiryCvcField = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 10px;\n"])));
-exports.CardExpiryCvcField = CardExpiryCvcField;
-var FormRow = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  input {\n    display: block;\n    border: none;\n    font-size: 18px;\n    margin: 10px 0 20px 0;\n    max-width: 100%;\n    padding: 10px 14px;\n    box-shadow: rgba(50, 50, 93, 0.14902) 0px 1px 3px,\n      rgba(0, 0, 0, 0.0196078) 0px 1px 0px;\n    border-radius: 4px;\n    background: white;\n    color: #424770;\n    letter-spacing: 0.025em;\n    width: 500px;\n  }\n\n  input::placeholder {\n    color: #aab7c4;\n  }\n"])));
-exports.FormRow = FormRow;
-var ErrorMessage = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: bold;\n  margin-top: 10px;\n  margin-bottom: 20px;\n  color: #D81212;\n  margin: 10px 0px 0px 10px;\n  ", "\n"])), function (props) {
+var FormStripe = exports.FormStripe = _styledComponents.default.form(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  .StripeElement,\n  .StripeElementIdeal {\n    display: block;\n    padding: 10px 14px;\n    box-shadow: rgba(50, 50, 93, 0.14902) 0px 1px 3px,\n      rgba(0, 0, 0, 0.0196078) 0px 1px 0px;\n    border-radius: 4px;\n    background: white;\n  }\n\n  .StripeElement--focus,\n  .StripeElementIdeal--focus {\n    box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px,\n      rgba(0, 0, 0, 0.0784314) 0px 1px 3px;\n    -webkit-transition: all 150ms ease;\n    transition: all 150ms ease;\n  }\n\n  .StripeElement.loading {\n    height: 41.6px;\n    opacity: 0.6;\n  }\n\n  .StripeElementIdeal {\n    padding: 0;\n  }\n"])));
+var CardExpiryField = exports.CardExpiryField = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: #ADB2B9;\n"])));
+var CardCvcField = exports.CardCvcField = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: #ADB2B9;\n"])));
+var CardZipcodeField = exports.CardZipcodeField = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: #ADB2B9;\n"])));
+var CardNumberField = exports.CardNumberField = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  color: #ADB2B9;\n"])));
+var CardExpiryCvcField = exports.CardExpiryCvcField = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 10px;\n"])));
+var FormRow = exports.FormRow = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  input {\n    display: block;\n    border: none;\n    font-size: 18px;\n    margin: 10px 0 20px 0;\n    max-width: 100%;\n    padding: 10px 14px;\n    box-shadow: rgba(50, 50, 93, 0.14902) 0px 1px 3px,\n      rgba(0, 0, 0, 0.0196078) 0px 1px 0px;\n    border-radius: 4px;\n    background: white;\n    color: #424770;\n    letter-spacing: 0.025em;\n    width: 500px;\n  }\n\n  input::placeholder {\n    color: #aab7c4;\n  }\n"])));
+var ErrorMessage = exports.ErrorMessage = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: bold;\n  margin-top: 10px;\n  margin-bottom: 20px;\n  color: #D81212;\n  margin: 10px 0px 0px 10px;\n  ", "\n"])), function (props) {
   var _props$theme;
   return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    margin: 10px 10px 0px 0px\n  "])));
 });
-exports.ErrorMessage = ErrorMessage;
-var FormActions = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-top: 20px;\n\n  button {\n    height: 44px;\n    width: 100%;\n    border-radius: 7.6px;\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n"])));
-exports.FormActions = FormActions;
-var ZipcodeField = _styledComponents.default.input(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  font-weight: 500;\n  font-size: 16px;\n  box-sizing: border-box;\n  width: 100% !important;\n  &:-webkit-autofill {\n    color: '#fce883'\n  }\n  &::placeholder {\n    font-weight: 500\n  }\n  &:focus(){\n    box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px,\n      rgba(0, 0, 0, 0.0784314) 0px 1px 3px;\n    -webkit-transition: all 150ms ease;\n    transition: all 150ms ease;\n  }\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  &[type=number] {\n    -moz-appearance: textfield;\n  }\n  \n"])));
-exports.ZipcodeField = ZipcodeField;
+var FormActions = exports.FormActions = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-top: 20px;\n\n  button {\n    height: 44px;\n    width: 100%;\n    border-radius: 7.6px;\n\n    &:disabled {\n      opacity: 0.5;\n    }\n  }\n"])));
+var ZipcodeField = exports.ZipcodeField = _styledComponents.default.input(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  font-weight: 500;\n  font-size: 16px;\n  box-sizing: border-box;\n  width: 100% !important;\n  &:-webkit-autofill {\n    color: '#fce883'\n  }\n  &::placeholder {\n    font-weight: 500\n  }\n  &:focus(){\n    box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px,\n      rgba(0, 0, 0, 0.0784314) 0px 1px 3px;\n    -webkit-transition: all 150ms ease;\n    transition: all 150ms ease;\n  }\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  &[type=number] {\n    -moz-appearance: textfield;\n  }\n  \n"])));

package/_modules/themes/five/src/components/CardFormCustom/cardUtils.js

@@ -10,7 +10,7 @@ var clearNumber = function clearNumber() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return value.replace(/\D+/g, '');
 };
-var formatCreditCardNumber = function formatCreditCardNumber(value) {
+var formatCreditCardNumber = exports.formatCreditCardNumber = function formatCreditCardNumber(value) {
   if (!value) {
     return value;
   }
@@ -30,8 +30,7 @@ var formatCreditCardNumber = function formatCreditCardNumber(value) {
   }
   return nextValue.trim();
 };
-exports.formatCreditCardNumber = formatCreditCardNumber;
-var formatCVC = function formatCVC(value, prevValue) {
+var formatCVC = exports.formatCVC = function formatCVC(value, prevValue) {
   var allValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var clearValue = clearNumber(value);
   var maxLength = 4;
@@ -41,16 +40,14 @@ var formatCVC = function formatCVC(value, prevValue) {
   }
   return clearValue.slice(0, maxLength);
 };
-exports.formatCVC = formatCVC;
-var formatExpirationDate = function formatExpirationDate(value) {
+var formatExpirationDate = exports.formatExpirationDate = function formatExpirationDate(value) {
   var clearValue = clearNumber(value);
   if (clearValue.length >= 3) {
     return "".concat(clearValue.slice(0, 2), "/").concat(clearValue.slice(2, 4));
   }
   return clearValue;
 };
-exports.formatExpirationDate = formatExpirationDate;
-var getCardType = function getCardType(number) {
+var getCardType = exports.getCardType = function getCardType(number) {
   // visa
   var re = new RegExp('^4');
   if (number.match(re) != null) {
@@ -98,5 +95,4 @@ var getCardType = function getCardType(number) {
     return 'Visa Electron';
   }
   return '';
-};
-exports.getCardType = getCardType;
+};