ordering-ui-external 10.10.2 → 10.10.4

package/_modules/themes/five/src/components/GiftCard/SingleGiftCard/styles.js

@@ -13,13 +13,12 @@ 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 CardContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  display: flex;\n  cursor: pointer;\n  padding: 10px;\n  border-radius: 7.6px;\n\n  &:hover {\n    box-shadow: rgb(0 0 0 / 20%) 0px 8px 24px;\n  }\n"])), function (props) {
+var CardContainer = exports.CardContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  display: flex;\n  cursor: pointer;\n  padding: 10px;\n  border-radius: 7.6px;\n\n  &:hover {\n    box-shadow: rgb(0 0 0 / 20%) 0px 8px 24px;\n  }\n"])), function (props) {
   var _props$theme$colors;
   return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage;
 });
-exports.CardContainer = CardContainer;
 var CardLogoStyled = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  position: relative;\n  background-repeat: no-repeat, repeat;\n  background-size: cover;\n  background-position: center;\n  object-fit: cover;\n  height: 86px;\n  width: 86px;\n  min-width: 86px;\n  min-height: 86px;\n  border-radius: 8px;\n  box-shadow: 0px 1px 4px rgba(0,0,0,0.1);\n"])));
-var CardLogo = function CardLogo(props) {
+var CardLogo = exports.CardLogo = function CardLogo(props) {
   var style = {};
   if (props.bgimage) {
     style.backgroundImage = "url(".concat(props.bgimage, ")");
@@ -31,13 +30,11 @@ var CardLogo = function CardLogo(props) {
     style: style
   }), props.children);
 };
-exports.CardLogo = CardLogo;
-var CardInfo = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n\n  flex: 1;\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 16px;\n    font-weight: 600;\n    span.name {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n  \n  p.date {\n    font-size: 14px;\n    color: ", ";\n    margin: 7px 0;\n    line-height: 24px;\n    display: flex;\n    align-items: center;\n  }\n  p.status {\n    font-size: 14px;\n    line-height: 24px;\n    color: ", ";\n    margin: 0;\n  }\n"])), function (props) {
+var CardInfo = exports.CardInfo = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n\n  flex: 1;\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 16px;\n    font-weight: 600;\n    span.name {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n  \n  p.date {\n    font-size: 14px;\n    color: ", ";\n    margin: 7px 0;\n    line-height: 24px;\n    display: flex;\n    align-items: center;\n  }\n  p.status {\n    font-size: 14px;\n    line-height: 24px;\n    color: ", ";\n    margin: 0;\n  }\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-right: 15px;\n  "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin-left: 15px;\n  "])));
 }, function (props) {
   return props.theme.colors.darkGray;
 }, function (props) {
   return props.theme.colors.primary;
-});
-exports.CardInfo = CardInfo;
+});

package/_modules/themes/five/src/components/GiftCard/VerticalGiftCardOrdersLayout/index.js

@@ -66,10 +66,9 @@ var VerticalGiftCardOrdersLayoutUI = function VerticalGiftCardOrdersLayoutUI(pro
     onClick: loadMoreOrders
   }, t('LOAD_MORE_ORDERS', 'Load more orders'))));
 };
-var VerticalGiftCardOrdersLayout = function VerticalGiftCardOrdersLayout(props) {
+var VerticalGiftCardOrdersLayout = exports.VerticalGiftCardOrdersLayout = function VerticalGiftCardOrdersLayout(props) {
   var giftCardsProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: VerticalGiftCardOrdersLayoutUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.GiftCardOrdersList, giftCardsProps);
-};
-exports.VerticalGiftCardOrdersLayout = VerticalGiftCardOrdersLayout;
+};

package/_modules/themes/five/src/components/GiftCard/VerticalGiftCardOrdersLayout/styles.js

@@ -9,11 +9,8 @@ var _polished = require("polished");
 var _templateObject, _templateObject2, _templateObject3;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var ProductsListContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 10px;\n"])));
-exports.ProductsListContainer = ProductsListContainer;
-var SingleGiftCardWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid #E9ECEF;\n  padding: 20px 0;\n"])));
-exports.SingleGiftCardWrapper = SingleGiftCardWrapper;
-var WrappButton = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 80%;\n  display: flex;\n  justify-content: center;\n  margin: 20px auto;\n\n  button {\n    padding: 10px 0px;\n    width: 100%;\n  }\n\n  button:hover{\n    color: ", ";\n  }\n\n  @media (min-width: 768px) {\n    button {\n      width: 60%;\n    }\n  }\n"])), function (props) {
+var ProductsListContainer = exports.ProductsListContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 10px;\n"])));
+var SingleGiftCardWrapper = exports.SingleGiftCardWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid #E9ECEF;\n  padding: 20px 0;\n"])));
+var WrappButton = exports.WrappButton = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 80%;\n  display: flex;\n  justify-content: center;\n  margin: 20px auto;\n\n  button {\n    padding: 10px 0px;\n    width: 100%;\n  }\n\n  button:hover{\n    color: ", ";\n  }\n\n  @media (min-width: 768px) {\n    button {\n      width: 60%;\n    }\n  }\n"])), function (props) {
   return (0, _polished.darken)(0.07, props.theme.colors.primary);
-});
-exports.WrappButton = WrappButton;
+});

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

@@ -22,7 +22,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 GoogleLoginButtonUI = function GoogleLoginButtonUI(props) {
+var GoogleLoginButtonUI = exports.GoogleLoginButtonUI = function GoogleLoginButtonUI(props) {
   var initParams = props.initParams,
     handleSigninSuccess = props.handleSigninSuccess,
     formState = props.formState;
@@ -81,11 +81,9 @@ var GoogleLoginButtonUI = function GoogleLoginButtonUI(props) {
     }
   }));
 };
-exports.GoogleLoginButtonUI = GoogleLoginButtonUI;
-var GoogleIdentityButton = function GoogleIdentityButton(props) {
+var GoogleIdentityButton = exports.GoogleIdentityButton = function GoogleIdentityButton(props) {
   var googleLoginProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: GoogleLoginButtonUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.GoogleIdentityButton, googleLoginProps);
-};
-exports.GoogleIdentityButton = GoogleIdentityButton;
+};

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

@@ -9,5 +9,4 @@ var _Buttons = require("../../styles/Buttons");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var GoogleButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: #EFEFEF;\n  border-color: #EFEFEF;\n  font-size: 16px;\n  font-weight: 400;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 10px;\n  height: 41.6px;\n  svg {\n    font-size: 28px;\n    color: #1977F2;\n  }\n\n  div {\n    margin: 0 auto;\n  }\n"])));
-exports.GoogleButton = GoogleButton;
+var GoogleButton = exports.GoogleButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: #EFEFEF;\n  border-color: #EFEFEF;\n  font-size: 16px;\n  font-weight: 400;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 10px;\n  height: 41.6px;\n  svg {\n    font-size: 28px;\n    color: #1977F2;\n  }\n\n  div {\n    margin: 0 auto;\n  }\n"])));

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

@@ -32,10 +32,9 @@ var GoogleLoginButtonUI = function GoogleLoginButtonUI(props) {
     onClick: signInWithGoogle
   }, /*#__PURE__*/_react.default.createElement(_FcGoogle.default, null), /*#__PURE__*/_react.default.createElement("div", null, t('CONTINUE_WITH_GOOGLE', 'Continue with Google')));
 };
-var GoogleLoginButton = function GoogleLoginButton(props) {
+var GoogleLoginButton = exports.GoogleLoginButton = function GoogleLoginButton(props) {
   var googleLoginProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: GoogleLoginButtonUI
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.FirebaseGoogleLoginButton, googleLoginProps);
-};
-exports.GoogleLoginButton = GoogleLoginButton;
+};

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

@@ -9,7 +9,6 @@ var _Buttons = require("../../styles/Buttons");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var GoogleButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid #000000;\n  background: transparent;\n  border-radius: 7.6px;\n  font-size: 16px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n  margin-bottom: 10px;\n  justify-content: space-around;\n\n  &:active {\n    background: ", ";\n  }\n\n  svg {\n    font-size: 16px;\n    color: #1977F2;\n  }\n\n  div {\n    width: 80%;\n    text-align: left;\n    font-size: 16px;\n\n    @media (min-width: 576px) {\n      width: 50%;\n    }\n  }\n"])), function (props) {
+var GoogleButton = exports.GoogleButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid #000000;\n  background: transparent;\n  border-radius: 7.6px;\n  font-size: 16px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n  margin-bottom: 10px;\n  justify-content: space-around;\n\n  &:active {\n    background: ", ";\n  }\n\n  svg {\n    font-size: 16px;\n    color: #1977F2;\n  }\n\n  div {\n    width: 80%;\n    text-align: left;\n    font-size: 16px;\n\n    @media (min-width: 576px) {\n      width: 50%;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.primaryContrast;
-});
-exports.GoogleButton = GoogleButton;
+});

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

@@ -51,7 +51,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 Header = function Header(props) {
+var Header = exports.Header = function Header(props) {
   var _window$location$path, _configState$configs, _configState$configs2, _theme$header, _theme$header2, _orderState$options, _orderState$options2, _Object$keys, _customerState$user, _orderState$options5, _theme$images, _theme$my_products, _theme$images2, _theme$images3, _theme$images4, _theme$my_products2, _theme$images5, _orderState$options7, _orderState$options8, _configState$configs3, _configState$configs4, _configState$configs5, _orderState$options9, _orderState$options10, _configState$configs6, _theme$defaultLanguag2, _theme$defaultLanguag3, _orderState$options11, _configState$configs8, _orderState$options12, _configState$configs9, _configState$configs10, _orderState$options13, _configState$configs11, _orderState$options14, _configState$configs12, _configState$configs13, _orderState$options15, _orderState$options16, _customerState$user2, _customerState$user3, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9;
   var isHome = props.isHome,
     location = props.location,
@@ -591,9 +591,7 @@ var Header = function Header(props) {
     showButton: true
   })));
 };
-exports.Header = Header;
 Header.defaultProps = {
   isShowOrderOptions: true
 };
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

package/_modules/themes/five/src/components/Header/layouts/Kiosk/index.js

@@ -24,7 +24,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 Header = function Header(props) {
+var Header = exports.Header = function Header(props) {
   var _configState$configs, _theme$images, _theme$images2, _theme$images3, _theme$defaultLanguag, _theme$defaultLanguag2, _theme$defaultLanguag3;
   var isHome = props.isHome;
   var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
@@ -191,6 +191,4 @@ var Header = function Header(props) {
     }, t('RESET_PASSWORD', (theme === null || theme === void 0 || (_theme$defaultLanguag3 = theme.defaultLanguages) === null || _theme$defaultLanguag3 === void 0 ? void 0 : _theme$defaultLanguag3.RESET_PASSWORD) || 'Reset password'))
   })));
 };
-exports.Header = Header;
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

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

@@ -11,14 +11,13 @@ 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 Header = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background-color: ", ";\n  border-bottom: ", ";\n"])), function (props) {
+var Header = exports.Header = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background-color: ", ";\n  border-bottom: ", ";\n"])), function (props) {
   var _props$theme;
   return props.isChew && props.theme.colors.primary || ((_props$theme = props.theme) === null || _props$theme === void 0 || (_props$theme = _props$theme.header) === null || _props$theme === void 0 || (_props$theme = _props$theme.components) === null || _props$theme === void 0 || (_props$theme = _props$theme.style) === null || _props$theme === void 0 ? void 0 : _props$theme.backgroundColor);
 }, function (props) {
   return !props.isChew && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["1px solid #E9ECEF"])));
 });
-exports.Header = Header;
-var InnerHeader = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  color: #FFF;\n  justify-content: space-between;\n  margin: 15px 0;\n  align-items: center;\n  #left-side {\n    width: ", ";\n    justify-content: flex-start;\n  }\n  #right-side {\n    width: ", ";\n    justify-content: flex-end;\n  }\n  #center-side {\n    width: ", ";\n  }\n  @media (min-width: 768px) {\n    #left-side {\n      width: ", ";\n    }\n    #center-side {\n      width: calc(100% - 60px);\n    }\n  }\n  @media (min-width: 1024px) {\n    #center-side {\n      width: calc(100% - 140px);\n    }\n  }\n  @media (min-width: 1200px) {\n    #center-side {\n      width: calc(70% - 200px);\n    }\n  }\n  @media (min-width: 1500px) {\n    #center-side {\n      width: calc(60% - 260px);\n    }\n  }\n"])), function (_ref) {
+var InnerHeader = exports.InnerHeader = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  color: #FFF;\n  justify-content: space-between;\n  margin: 15px 0;\n  align-items: center;\n  #left-side {\n    width: ", ";\n    justify-content: flex-start;\n  }\n  #right-side {\n    width: ", ";\n    justify-content: flex-end;\n  }\n  #center-side {\n    width: ", ";\n  }\n  @media (min-width: 768px) {\n    #left-side {\n      width: ", ";\n    }\n    #center-side {\n      width: calc(100% - 60px);\n    }\n  }\n  @media (min-width: 1024px) {\n    #center-side {\n      width: calc(100% - 140px);\n    }\n  }\n  @media (min-width: 1200px) {\n    #center-side {\n      width: calc(70% - 200px);\n    }\n  }\n  @media (min-width: 1500px) {\n    #center-side {\n      width: calc(60% - 260px);\n    }\n  }\n"])), function (_ref) {
   var _theme$header;
   var theme = _ref.theme;
   return (theme === null || theme === void 0 || (_theme$header = theme.header) === null || _theme$header === void 0 || (_theme$header = _theme$header.components) === null || _theme$header === void 0 || (_theme$header = _theme$header.layout) === null || _theme$header === void 0 ? void 0 : _theme$header.type) === 'starbucks' ? '30%' : '25%';
@@ -35,8 +34,7 @@ var InnerHeader = _styledComponents.default.div(_templateObject3 || (_templateOb
   var theme = _ref4.theme;
   return (theme === null || theme === void 0 || (_theme$header4 = theme.header) === null || _theme$header4 === void 0 || (_theme$header4 = _theme$header4.components) === null || _theme$header4 === void 0 || (_theme$header4 = _theme$header4.layout) === null || _theme$header4 === void 0 ? void 0 : _theme$header4.type) === 'starbucks' ? '30%' : 'initial';
 });
-exports.InnerHeader = InnerHeader;
-var LogoHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  img {\n    width: ", ";\n    height: ", ";\n    margin: 0;\n    vertical-align: middle;\n    margin-left: 10px;\n    ", "\n    @media (min-width: 769px) {\n      ", ";\n      width: ", ";\n      height: ", ";\n    }\n  }\n  ", "\n  @media (min-width: 769px) {\n    img:nth-child(1) {\n      display: block;\n    }\n    img:nth-child(2) {\n      display: none;\n    }\n  }\n"])), function (props) {
+var LogoHeader = exports.LogoHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  img {\n    width: ", ";\n    height: ", ";\n    margin: 0;\n    vertical-align: middle;\n    margin-left: 10px;\n    ", "\n    @media (min-width: 769px) {\n      ", ";\n      width: ", ";\n      height: ", ";\n    }\n  }\n  ", "\n  @media (min-width: 769px) {\n    img:nth-child(1) {\n      display: block;\n    }\n    img:nth-child(2) {\n      display: none;\n    }\n  }\n"])), function (props) {
   var _props$imgW;
   return props.isChew ? '70px' : (_props$imgW = props.imgW) !== null && _props$imgW !== void 0 ? _props$imgW : '35px';
 }, function (props) {
@@ -57,23 +55,18 @@ var LogoHeader = _styledComponents.default.div(_templateObject4 || (_templateObj
 }, function (props) {
   return !props.disabledResponsive && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    img:nth-child(1) {\n      display: none;\n    }\n  "])));
 });
-exports.LogoHeader = LogoHeader;
-var LeftHeader = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n  align-items: center;\n"])));
-exports.LeftHeader = LeftHeader;
-var RightHeader = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n  #select-input {\n    div {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+var LeftHeader = exports.LeftHeader = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n  align-items: center;\n"])));
+var RightHeader = exports.RightHeader = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  align-self: center;\n  display: flex;\n  #select-input {\n    div {\n      color: ", ";\n    }\n  }\n"])), function (props) {
   return props.theme.colors.darkTextColor;
 });
-exports.RightHeader = RightHeader;
-var Menu = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-right: 10px;\n  #select-input {\n    border-radius: 7.6px;\n    #list {\n      border-radius: 7.6px;\n    }\n    ", "\n  }\n  &.left-header {\n    background: #F8F9FA;\n    border: none;\n    box-sizing: border-box;\n    border-radius: ", ";\n    margin: 0 15px;\n    flex-grow: 1;\n    padding: 0 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    height: 44px;\n    @media (min-width: 850px) {\n      border: 1px solid #DEE2E6;\n      justify-content: space-between;\n    }\n    @media (min-width: 1024px) {\n      margin: 0 20px;\n      padding: 0 20px;\n      margin-left: 45px;\n    }\n    @media (min-width: 1200px) {\n      padding: 0 30px;\n      margin-left: 50px;\n    }\n    @media (min-width: 1500px) {\n      padding: 0 30px;\n      margin: 0 75px;\n    }\n  }\n  > span {\n    #select-input {\n      background: transparent !important;\n    }\n  }\n  .moment-popover {\n    border-left: 1px solid #DEE2E6;\n    border-right: 1px solid #DEE2E6;\n    height: 100%;\n    justify-content: center;\n    width: 200px;\n    display: none;\n    @media (min-width: 1175px) {\n      width: 250px;\n    }\n    \n    @media (min-width: 1400px) {\n      width: 400px;\n    }\n    > div:first-child {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n    }\n  }\n  .address-popover {\n    flex-grow: 1;\n    display: none;\n    > div:first-child {\n      width: 100%;\n    }\n  }\n  .order-type {\n    padding: 0 5px;\n\n    @media (min-width: 1300px) {\n      padding: 0 20px;\n    }\n  }\n  @media (min-width: 850px) {\n    .moment-popover,\n    .address-popover {\n      display: flex;\n    }\n  }\n"])), function (_ref7) {
+var Menu = exports.Menu = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-right: 10px;\n  #select-input {\n    border-radius: 7.6px;\n    #list {\n      border-radius: 7.6px;\n    }\n    ", "\n  }\n  &.left-header {\n    background: #F8F9FA;\n    border: none;\n    box-sizing: border-box;\n    border-radius: ", ";\n    margin: 0 15px;\n    flex-grow: 1;\n    padding: 0 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    height: 44px;\n    @media (min-width: 850px) {\n      border: 1px solid #DEE2E6;\n      justify-content: space-between;\n    }\n    @media (min-width: 1024px) {\n      margin: 0 20px;\n      padding: 0 20px;\n      margin-left: 45px;\n    }\n    @media (min-width: 1200px) {\n      padding: 0 30px;\n      margin-left: 50px;\n    }\n    @media (min-width: 1500px) {\n      padding: 0 30px;\n      margin: 0 75px;\n    }\n  }\n  > span {\n    #select-input {\n      background: transparent !important;\n    }\n  }\n  .moment-popover {\n    border-left: 1px solid #DEE2E6;\n    border-right: 1px solid #DEE2E6;\n    height: 100%;\n    justify-content: center;\n    width: 200px;\n    display: none;\n    @media (min-width: 1175px) {\n      width: 250px;\n    }\n    \n    @media (min-width: 1400px) {\n      width: 400px;\n    }\n    > div:first-child {\n      width: 100%;\n      display: flex;\n      justify-content: center;\n    }\n  }\n  .address-popover {\n    flex-grow: 1;\n    display: none;\n    > div:first-child {\n      width: 100%;\n    }\n  }\n  .order-type {\n    padding: 0 5px;\n\n    @media (min-width: 1300px) {\n      padding: 0 20px;\n    }\n  }\n  @media (min-width: 850px) {\n    .moment-popover,\n    .address-popover {\n      display: flex;\n    }\n  }\n"])), function (_ref7) {
   var isCustomerMode = _ref7.isCustomerMode;
   return !isCustomerMode && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      margin: 0px 5px;\n      height: 40px;\n      svg {\n        font-size: 16px;\n      }\n      > div:first-child {\n        height: 100%;\n        padding-left: 10px;\n        padding-right: 10px;\n        @media (min-width: 993px) {\n          padding-left: 13px;\n          padding-right: 13px;\n        }\n      }\n    "])));
 }, function (props) {
   return props.isChew ? '8px' : '50px';
 });
-exports.Menu = Menu;
-var MenuItem = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-exports.MenuItem = MenuItem;
-var MenuLink = _styledComponents.default.a(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  font-size: 14px;\n  padding: 10px;\n  color: #333;\n  cursor: pointer;\n  ", "\n"])), function (_ref8) {
+var MenuItem = exports.MenuItem = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+var MenuLink = exports.MenuLink = _styledComponents.default.a(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  font-size: 14px;\n  padding: 10px;\n  color: #333;\n  cursor: pointer;\n  ", "\n"])), function (_ref8) {
   var highlight = _ref8.highlight;
   return highlight && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    color: ", ";\n    border-radius: 7.6px;\n    padding: 11px 15px;\n    &:hover {\n      background: ", ";\n      color: #FFF;\n    }\n  "])), function (props) {
     return props.theme.colors.primary;
@@ -83,14 +76,10 @@ var MenuLink = _styledComponents.default.a(_templateObject13 || (_templateObject
     return (0, _polished.darken)(0.07, props.theme.colors.primary);
   });
 });
-exports.MenuLink = MenuLink;
-var SubMenu = (0, _styledComponents.default)(InnerHeader)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  padding: 0px 20px 7px;\n  box-sizing: border-box;\n  margin: 0px;\n  position: relative;\n  @media (min-width: 850px) {\n    display: none;\n  }\n"])));
-exports.SubMenu = SubMenu;
-var CustomerInfo = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: none;\n  cursor: pointer;\n  flex: 1;\n  position: relative;\n  @media (min-width: 450px) {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    span {\n      display: flex;\n      align-items: center;\n      margin: 0;\n      p {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        color: #909BA9;\n      }\n      svg {\n        color: #748194;\n        margin: 0;\n        font-size: 20px;\n        position: absolute;\n        right: 0;\n      }\n    }\n  }\n"])));
-exports.CustomerInfo = CustomerInfo;
-var UserEdit = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  > :first-child{\n     margin-bottom: 20px;\n  }\n"])));
-exports.UserEdit = UserEdit;
-var AddressMenu = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  display: flex;\n  align-items: center;\n  position: relative;\n  span {\n    width: 85%;\n    p {\n      margin: 0;\n      padding: 0;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    }\n  }\n  ", "\n  svg {\n    color: ", ";\n    font-size: 16px;\n    margin-right: 10px;\n    ", "\n  }\n  @media (min-width: 765px) {\n    ", "\n  }\n  @media (min-width: 820px) {\n    ", "\n  }\n"])), function (props) {
+var SubMenu = exports.SubMenu = (0, _styledComponents.default)(InnerHeader)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  padding: 0px 20px 7px;\n  box-sizing: border-box;\n  margin: 0px;\n  position: relative;\n  @media (min-width: 850px) {\n    display: none;\n  }\n"])));
+var CustomerInfo = exports.CustomerInfo = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: none;\n  cursor: pointer;\n  flex: 1;\n  position: relative;\n  @media (min-width: 450px) {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    span {\n      display: flex;\n      align-items: center;\n      margin: 0;\n      p {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        color: #909BA9;\n      }\n      svg {\n        color: #748194;\n        margin: 0;\n        font-size: 20px;\n        position: absolute;\n        right: 0;\n      }\n    }\n  }\n"])));
+var UserEdit = exports.UserEdit = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  > :first-child{\n     margin-bottom: 20px;\n  }\n"])));
+var AddressMenu = exports.AddressMenu = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  display: flex;\n  align-items: center;\n  position: relative;\n  span {\n    width: 85%;\n    p {\n      margin: 0;\n      padding: 0;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    }\n  }\n  ", "\n  svg {\n    color: ", ";\n    font-size: 16px;\n    margin-right: 10px;\n    ", "\n  }\n  @media (min-width: 765px) {\n    ", "\n  }\n  @media (min-width: 820px) {\n    ", "\n  }\n"])), function (props) {
   var _props$theme$colors, _props$theme$colors2;
   return props.isChew ? (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage : (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.headingColor;
 }, function (_ref9) {
@@ -109,10 +98,8 @@ var AddressMenu = _styledComponents.default.div(_templateObject18 || (_templateO
   var isCustomerMode = _ref11.isCustomerMode;
   return !isCustomerMode && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      width: 50%;\n    "])));
 });
-exports.AddressMenu = AddressMenu;
-var MomentMenu = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  border-left: 1px solid #DEE2E6;\n  border-right: 1px solid #DEE2E6;\n  height: 100%;\n  justify-content: center;\n  width: 175px;\n  display: none;\n  \n  @media (min-width: 850px) {\n    display: flex;\n  }\n  @media (min-width: 1175px) {\n    width: 250px;\n  }\n  @media (min-width: 1400px) {\n    width: 400px;\n  }\n  > div {\n    cursor: pointer;\n    font-size: 14px;\n    color: #909BA9;\n    display: flex;\n    align-items: center;\n    text-align: center;\n    white-space: nowrap;\n    padding: 0 10px;\n  }\n"])));
-exports.MomentMenu = MomentMenu;
-var FarAwayMessage = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  pointer-events: none;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 2000;\n  top: 100%;\n  background: ", ";\n  border: 1px solid ", ";\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  padding: 6px 15px;\n  box-sizing: border-box;\n  margin: 10px 0px 0px 0px !important;\n  left: 5px;\n  ", "\n  svg {\n    font-size: 20px;\n    color: ", ";\n    margin-right: 10px;\n    ", "\n  }\n  span {\n    font-size: 12px;\n    line-height: 18px;\n    color: ", ";\n  }\n  @media (min-width: 400px) {\n    padding: 8px 20px;\n    font-size: 14px;\n    line-height: 24px;\n    left: 10px;\n    ", "\n  }\n"])), function (props) {
+var MomentMenu = exports.MomentMenu = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  border-left: 1px solid #DEE2E6;\n  border-right: 1px solid #DEE2E6;\n  height: 100%;\n  justify-content: center;\n  width: 175px;\n  display: none;\n  \n  @media (min-width: 850px) {\n    display: flex;\n  }\n  @media (min-width: 1175px) {\n    width: 250px;\n  }\n  @media (min-width: 1400px) {\n    width: 400px;\n  }\n  > div {\n    cursor: pointer;\n    font-size: 14px;\n    color: #909BA9;\n    display: flex;\n    align-items: center;\n    text-align: center;\n    white-space: nowrap;\n    padding: 0 10px;\n  }\n"])));
+var FarAwayMessage = exports.FarAwayMessage = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  pointer-events: none;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 2000;\n  top: 100%;\n  background: ", ";\n  border: 1px solid ", ";\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  padding: 6px 15px;\n  box-sizing: border-box;\n  margin: 10px 0px 0px 0px !important;\n  left: 5px;\n  ", "\n  svg {\n    font-size: 20px;\n    color: ", ";\n    margin-right: 10px;\n    ", "\n  }\n  span {\n    font-size: 12px;\n    line-height: 18px;\n    color: ", ";\n  }\n  @media (min-width: 400px) {\n    padding: 8px 20px;\n    font-size: 14px;\n    line-height: 24px;\n    left: 10px;\n    ", "\n  }\n"])), function (props) {
   return props.theme.colors.warning100;
 }, function (props) {
   return props.theme.colors.warning500;
@@ -130,22 +117,15 @@ var FarAwayMessage = _styledComponents.default.div(_templateObject25 || (_templa
   var _props$theme6;
   return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n      right: 10px;\n      left: initial;\n    "])));
 });
-exports.FarAwayMessage = FarAwayMessage;
-var Divider = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  border: 1px solid #DEE2E6;\n  height: 100%;\n"])));
-exports.Divider = Divider;
-var AddressFormWrapper = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  @media (min-width: 450px) {\n    margin-top: 20px;\n  }\n"])));
-exports.AddressFormWrapper = AddressFormWrapper;
-var InputGroup = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  p {\n    font-weight: 500;\n    font-size: 20px;\n    color: ", ";\n    width: 100%;\n    text-align: left;\n    margin: 0 0 7px 0;\n  }\n"])), function (props) {
+var Divider = exports.Divider = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  border: 1px solid #DEE2E6;\n  height: 100%;\n"])));
+var AddressFormWrapper = exports.AddressFormWrapper = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  @media (min-width: 450px) {\n    margin-top: 20px;\n  }\n"])));
+var InputGroup = exports.InputGroup = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  p {\n    font-weight: 500;\n    font-size: 20px;\n    color: ", ";\n    width: 100%;\n    text-align: left;\n    margin: 0 0 7px 0;\n  }\n"])), function (props) {
   return props.theme.colors.darkTextColor;
 });
-exports.InputGroup = InputGroup;
-var LanguageSelectorWrapper = (0, _styledComponents.default)(InputGroup)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  > div {\n    border-radius: 7.6px;\n    text-align: left;\n    background: #F8F9FA !important;\n    border-color: #F8F9FA;\n    background-color: #F8F9FA !important;\n    height: 44px;\n    > div:first-child {\n      height: 44px;\n    }\n    #list {\n      border-radius: 7.6px;\n      background: #F8F9FA !important;\n      border-color: #F8F9FA;\n    }\n  }\n  #select-input {\n    margin-left: 5px;\n  }\n"])));
-exports.LanguageSelectorWrapper = LanguageSelectorWrapper;
-var HeaderSearchMode = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  width: 300px;\n  input {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  @media (min-width: 1400px){\n    width: 350px;\n  }\n  @media (min-width: 1200px){\n    width: 300px;\n    div {\n      > span {\n        padding: 7px 0;\n      }\n    }\n  }\n"])));
-exports.HeaderSearchMode = HeaderSearchMode;
-var LeftSide = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  @media (min-width: 769px){\n    flex-direction: ", ";\n    width: 62%;\n  }\n"])), function (_ref12) {
+var LanguageSelectorWrapper = exports.LanguageSelectorWrapper = (0, _styledComponents.default)(InputGroup)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  > div {\n    border-radius: 7.6px;\n    text-align: left;\n    background: #F8F9FA !important;\n    border-color: #F8F9FA;\n    background-color: #F8F9FA !important;\n    height: 44px;\n    > div:first-child {\n      height: 44px;\n    }\n    #list {\n      border-radius: 7.6px;\n      background: #F8F9FA !important;\n      border-color: #F8F9FA;\n    }\n  }\n  #select-input {\n    margin-left: 5px;\n  }\n"])));
+var HeaderSearchMode = exports.HeaderSearchMode = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  width: 300px;\n  input {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  @media (min-width: 1400px){\n    width: 350px;\n  }\n  @media (min-width: 1200px){\n    width: 300px;\n    div {\n      > span {\n        padding: 7px 0;\n      }\n    }\n  }\n"])));
+var LeftSide = exports.LeftSide = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  @media (min-width: 769px){\n    flex-direction: ", ";\n    width: 62%;\n  }\n"])), function (_ref12) {
   var _ref13, _theme$header6;
   var theme = _ref12.theme;
   return (_ref13 = ['center', 'right']) !== null && _ref13 !== void 0 && _ref13.includes(theme === null || theme === void 0 || (_theme$header6 = theme.header) === null || _theme$header6 === void 0 || (_theme$header6 = _theme$header6.components) === null || _theme$header6 === void 0 || (_theme$header6 = _theme$header6.logo) === null || _theme$header6 === void 0 || (_theme$header6 = _theme$header6.components) === null || _theme$header6 === void 0 || (_theme$header6 = _theme$header6.layout) === null || _theme$header6 === void 0 ? void 0 : _theme$header6.position) ? 'row-reverse' : 'row';
-});
-exports.LeftSide = LeftSide;
+});

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

@@ -18,7 +18,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 HeaderOption = function HeaderOption(props) {
+var HeaderOption = exports.HeaderOption = function HeaderOption(props) {
   var _theme$header, _props$beforeElements, _props$beforeComponen, _configs$dates_moment, _props$afterComponent, _props$afterElements;
   var variant = props.variant,
     addressState = props.addressState,
@@ -72,5 +72,4 @@ var HeaderOption = function HeaderOption(props) {
       key: i
     }, AfterElement);
   }));
-};
-exports.HeaderOption = HeaderOption;
+};

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

@@ -10,7 +10,7 @@ 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 Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var variant = _ref.variant;
   return variant === 'cart' && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    > span {\n      cursor: pointer;\n      height: 20px;\n      padding: 10px 9px;\n      display: flex;\n      align-items: center;\n      background: ", ";\n      color: #FFFFFF;\n      border-radius: 7.6px;\n\n      span {\n        margin: 0;\n        font-size: 14px;\n        ", " \n      }\n      svg {\n        font-size: 17px;\n      }\n    }\n  "])), function (props) {
     return props.theme.colors.primary;
@@ -40,6 +40,4 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
   var isHome = _ref4.isHome;
   return isHome && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    color: #FFF;\n  "])));
 });
-exports.Container = Container;
-var DeliveryType = _styledComponents.default.p(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: none;\n  cursor: pointer;\n  margin: 0;\n  font-size: 14px;\n  color: #909BA9;\n"])));
-exports.DeliveryType = DeliveryType;
+var DeliveryType = exports.DeliveryType = _styledComponents.default.p(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: none;\n  cursor: pointer;\n  margin: 0;\n  font-size: 14px;\n  color: #909BA9;\n"])));

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

@@ -21,7 +21,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 Help = function Help(props) {
+var Help = exports.Help = function Help(props) {
   var _props$beforeElements, _props$beforeComponen, _props$afterComponent, _props$afterElements;
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -76,5 +76,4 @@ var Help = function Help(props) {
       key: i
     }, AfterElement);
   }));
-};
-exports.Help = Help;
+};

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

@@ -10,22 +10,14 @@ 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 HelpContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 30px 15px 15px 15px;\n  box-sizing: border-box;\n  min-height: calc(100vh - 280px);\n\n  @media (min-width: 769px) {\n    width: 70%;\n  }\n"])));
-exports.HelpContainer = HelpContainer;
-var BreadCrumbContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 23px;\n  display: flex;\n  align-items: center;\n\n  svg {\n    font-size: 13px;\n    color: #909BA9;\n    margin: 0 7px;\n\n    ", "\n  }\n\n  span {\n    font-size: 12px;\n    color: #344050;\n\n    &.deactive {\n      color: #909BA9;\n      cursor: pointer;\n    }\n  }\n"])), function (props) {
+var HelpContainer = exports.HelpContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 30px 15px 15px 15px;\n  box-sizing: border-box;\n  min-height: calc(100vh - 280px);\n\n  @media (min-width: 769px) {\n    width: 70%;\n  }\n"])));
+var BreadCrumbContainer = exports.BreadCrumbContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 23px;\n  display: flex;\n  align-items: center;\n\n  svg {\n    font-size: 13px;\n    color: #909BA9;\n    margin: 0 7px;\n\n    ", "\n  }\n\n  span {\n    font-size: 12px;\n    color: #344050;\n\n    &.deactive {\n      color: #909BA9;\n      cursor: pointer;\n    }\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)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      transform: rotateZ(180deg);\n    "])));
 });
-exports.BreadCrumbContainer = BreadCrumbContainer;
-var Title = _styledComponents.default.h1(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 32px;\n  margin-bottom: 30px;\n  margin-top: 0;\n"])));
-exports.Title = Title;
-var SubTitle = _styledComponents.default.h1(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 24px;\n  margin-top: 0;\n  margin-bottom: 18px;\n"])));
-exports.SubTitle = SubTitle;
-var HelpContentWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([""])));
-exports.HelpContentWrapper = HelpContentWrapper;
-var SubPageList = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-bottom: 60px;\n"])));
-exports.SubPageList = SubPageList;
-var SubPage = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 10px 0;\n  border-bottom: 1px solid #E9ECEF;\n  margin-bottom: 5px;\n\n  span {\n    font-size: 14px;\n    color: #344050;\n    user-select: none;\n    cursor: pointer;\n  }\n"])));
-exports.SubPage = SubPage;
-var LastOrdersListWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin-bottom: 60px;\n\n  h2 {\n    font-weight: 500;\n    font-size: 20px;\n    color: #344050;\n    margin-bottom: 10px;\n    margin-top: 0;\n  }\n"])));
-exports.LastOrdersListWrapper = LastOrdersListWrapper;
+var Title = exports.Title = _styledComponents.default.h1(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 32px;\n  margin-bottom: 30px;\n  margin-top: 0;\n"])));
+var SubTitle = exports.SubTitle = _styledComponents.default.h1(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 24px;\n  margin-top: 0;\n  margin-bottom: 18px;\n"])));
+var HelpContentWrapper = exports.HelpContentWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([""])));
+var SubPageList = exports.SubPageList = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-bottom: 60px;\n"])));
+var SubPage = exports.SubPage = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 10px 0;\n  border-bottom: 1px solid #E9ECEF;\n  margin-bottom: 5px;\n\n  span {\n    font-size: 14px;\n    color: #344050;\n    user-select: none;\n    cursor: pointer;\n  }\n"])));
+var LastOrdersListWrapper = exports.LastOrdersListWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin-bottom: 60px;\n\n  h2 {\n    font-weight: 500;\n    font-size: 20px;\n    color: #344050;\n    margin-bottom: 10px;\n    margin-top: 0;\n  }\n"])));

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

@@ -25,7 +25,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 HelpStaticPage = function HelpStaticPage(props) {
+var HelpStaticPage = exports.HelpStaticPage = function HelpStaticPage(props) {
   var slug = props.slug;
   var _useState = (0, _react.useState)({
       body: null,
@@ -108,5 +108,4 @@ var HelpStaticPage = function HelpStaticPage(props) {
       __html: pageState.body
     }
   }));
-};
-exports.HelpStaticPage = HelpStaticPage;
+};

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

@@ -121,11 +121,10 @@ var HighestRatedUI = function HighestRatedUI(props) {
     }, AfterElement);
   }));
 };
-var HighestRated = function HighestRated(props) {
+var HighestRated = exports.HighestRated = function HighestRated(props) {
   var highestRatedProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: HighestRatedUI,
     initialOrderByValue: 'rating'
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.BusinessList, highestRatedProps);
-};
-exports.HighestRated = HighestRated;
+};

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

@@ -8,21 +8,15 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var HighestRatedContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-bottom: 30px;\n"])));
-exports.HighestRatedContainer = HighestRatedContainer;
-var ErrorMessage = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _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 BusinessList = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  box-sizing: border-box;\n\n  #highestRated {\n    > div {\n      width: calc(100vw - 40px);\n      min-width: calc(100vw - 40px);\n\n      @media (min-width: 681px) {\n        width: calc(50vw - 40px);\n        min-width: calc(50vw - 40px);\n      }\n      @media (min-width: 993px) {\n        width: calc(33vw - 40px);\n        min-width: calc(33vw - 40px);\n      }\n      @media (min-width: 1200px) {\n        width: calc(25vw - 40px);\n        min-width: calc(25vw - 40px);\n      }\n    }\n  }\n"])));
-exports.BusinessList = BusinessList;
-var Title = _styledComponents.default.h2(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 24px;\n  color: ", ";\n  margin: 42px 20px 5px 20px;\n"])), function (props) {
+var HighestRatedContainer = exports.HighestRatedContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-bottom: 30px;\n"])));
+var ErrorMessage = exports.ErrorMessage = _styledComponents.default.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 20px;\n  width: 100%;\n  background-color: #CCCCCC;\n  margin: 0px 15px;\n  color: #D81313;\n  font-weight: bold;\n"])));
+var BusinessList = exports.BusinessList = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  box-sizing: border-box;\n\n  #highestRated {\n    > div {\n      width: calc(100vw - 40px);\n      min-width: calc(100vw - 40px);\n\n      @media (min-width: 681px) {\n        width: calc(50vw - 40px);\n        min-width: calc(50vw - 40px);\n      }\n      @media (min-width: 993px) {\n        width: calc(33vw - 40px);\n        min-width: calc(33vw - 40px);\n      }\n      @media (min-width: 1200px) {\n        width: calc(25vw - 40px);\n        min-width: calc(25vw - 40px);\n      }\n    }\n  }\n"])));
+var Title = exports.Title = _styledComponents.default.h2(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 24px;\n  color: ", ";\n  margin: 42px 20px 5px 20px;\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.colors.headingColor;
 });
-exports.Title = Title;
-var Description = _styledComponents.default.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  color: ", ";\n  margin: 0 20px 15px 20px;\n"])), function (props) {
+var Description = exports.Description = _styledComponents.default.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  color: ", ";\n  margin: 0 20px 15px 20px;\n"])), function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.colors.headingColor;
 });
-exports.Description = Description;
-var BusinessListWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  overflow: scroll hidden;\n  width: 100%;\n"])));
-exports.BusinessListWrapper = BusinessListWrapper;
+var BusinessListWrapper = exports.BusinessListWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  overflow: scroll hidden;\n  width: 100%;\n"])));

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

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var HomeHero = function HomeHero(props) {
+var HomeHero = exports.HomeHero = function HomeHero(props) {
   var _theme$homepage_view, _theme$homepage_view2, _HomeLayoutConfig$hom, _HomeLayoutConfig$hom2, _HomeLayoutConfig$hom3, _HomeLayoutConfig$hom4;
   var theme = (0, _styledComponents.useTheme)();
   var HomeLayoutConfig = {
@@ -33,5 +33,4 @@ var HomeHero = function HomeHero(props) {
     contentPosition: (HomeLayoutConfig === null || HomeLayoutConfig === void 0 || (_HomeLayoutConfig$hom3 = HomeLayoutConfig.homepage_settings) === null || _HomeLayoutConfig$hom3 === void 0 ? void 0 : _HomeLayoutConfig$hom3.contentPosition) !== undefined ? HomeLayoutConfig === null || HomeLayoutConfig === void 0 || (_HomeLayoutConfig$hom4 = HomeLayoutConfig.homepage_settings) === null || _HomeLayoutConfig$hom4 === void 0 ? void 0 : _HomeLayoutConfig$hom4.contentPosition : 'left'
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, layout === 'original' && /*#__PURE__*/_react.default.createElement(_OriginalHomeHero.OriginalHomeHero, homeLayoutProps), layout === 'starbucks' && /*#__PURE__*/_react.default.createElement(_StarbucksHomeHero.StarbucksHomeHero, homeLayoutProps), layout === 'red' && /*#__PURE__*/_react.default.createElement(_RedHomeHero.RedHomeHero, homeLayoutProps));
-};
-exports.HomeHero = HomeHero;
+};

package/_modules/themes/five/src/components/HomeHero/layouts/KioskHomeHero/index.js

@@ -27,7 +27,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 KioskHomeHero = function KioskHomeHero(props) {
+var KioskHomeHero = exports.KioskHomeHero = function KioskHomeHero(props) {
   var _configState$configs, _theme$images, _theme$images2, _theme$defaultLanguag;
   var handleGoToBusiness = props.handleGoToBusiness;
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
@@ -144,5 +144,4 @@ var KioskHomeHero = function KioskHomeHero(props) {
       });
     }
   })));
-};
-exports.KioskHomeHero = KioskHomeHero;
+};

package/_modules/themes/five/src/components/HomeHero/layouts/KioskHomeHero/styles.js

@@ -10,14 +10,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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 HomeContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n"])), function (props) {
+var HomeContainer = exports.HomeContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n"])), function (props) {
   return props.theme.colors.backgroundPage;
 });
-exports.HomeContainer = HomeContainer;
-var HeroContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  padding-top: 0px;\n  position: relative;\n\n  ", "\n"])), function (_ref) {
+var HeroContainer = exports.HeroContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  padding-top: 0px;\n  position: relative;\n\n  ", "\n"])), function (_ref) {
   var bgimage = _ref.bgimage;
   return bgimage && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-image: url(", ");\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n  "])), bgimage);
 });
-exports.HeroContainer = HeroContainer;
-var HeroContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100vw;\n  height: 100vh;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr 1fr;\n\n  #logo {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 20px;\n  }\n  #button {\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    padding-bottom: 60px;\n  }\n"])));
-exports.HeroContent = HeroContent;
+var HeroContent = exports.HeroContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100vw;\n  height: 100vh;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr 1fr;\n\n  #logo {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 20px;\n  }\n  #button {\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    padding-bottom: 60px;\n  }\n"])));

package/_modules/themes/five/src/components/HomeHero/layouts/OriginalHomeHero/index.js

@@ -32,7 +32,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 OriginalHomeHero = function OriginalHomeHero(props) {
+var OriginalHomeHero = exports.OriginalHomeHero = function OriginalHomeHero(props) {
   var _theme$mobile_view_we, _theme$my_products, _theme$my_products2, _theme$my_products3, _theme$my_products4, _theme$header, _configs$powered_by_o, _theme$images, _theme$images2, _theme$images3, _theme$defaultLanguag, _theme$defaultLanguag2, _orderState$options3, _theme$defaultLanguag3, _theme$defaultLanguag4, _theme$defaultLanguag5, _orderState$options4, _theme$defaultLanguag6, _theme$defaultLanguag7, _theme$defaultLanguag8, _theme$defaultLanguag9, _theme$defaultLanguag10;
   var onFindBusiness = props.onFindBusiness,
     notificationState = props.notificationState;
@@ -273,5 +273,4 @@ var OriginalHomeHero = function OriginalHomeHero(props) {
     }, t('LOGIN', (theme === null || theme === void 0 || (_theme$defaultLanguag10 = theme.defaultLanguages) === null || _theme$defaultLanguag10 === void 0 ? void 0 : _theme$defaultLanguag10.LOGIN) || 'Login')),
     isPopup: true
   })));
-};
-exports.OriginalHomeHero = OriginalHomeHero;
+};