sag_components 1.0.543 → 1.0.545

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,195 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _TotalDoughnutChart = require("./TotalDoughnutChart");
10
+ var _CloseXIcon = require("./icons/CloseXIcon");
11
+ var _FoodLionIcon = require("./icons/FoodLionIcon");
12
+ var _HannafordNewIcon = require("./icons/HannafordNewIcon");
13
+ var _StopAndShopIcon = require("./icons/StopAndShopIcon");
14
+ var _GiantFoodIcon = require("./icons/GiantFoodIcon");
15
+ var _TheGiantCompanyIcon = require("./icons/TheGiantCompanyIcon");
16
+ var _reactHookForm = require("react-hook-form");
17
+ var _PopupCharts = require("./PopupCharts.style");
18
+ // import PopupChartsContent from "./PopupChartsContent";
19
+
20
+ const PopupCharts = props => {
21
+ const {
22
+ title,
23
+ PopupChartsItemsData,
24
+ isPopupChartsOpen,
25
+ width,
26
+ height,
27
+ borderColor,
28
+ subtitleTextColor,
29
+ onOverlayClick,
30
+ children,
31
+ onChange
32
+ } = props;
33
+ const [IsPopupChartsOpen, setIsPopupChartsOpen] = (0, _react.useState)(isPopupChartsOpen);
34
+ const useFormMethods = (0, _reactHookForm.useForm)({
35
+ mode: "onChange"
36
+ });
37
+ const divRef = (0, _react.useRef)(null);
38
+ const [divHeight, setDivHeight] = (0, _react.useState)(0);
39
+ (0, _react.useEffect)(() => {
40
+ if (divRef.current) {
41
+ const {
42
+ top,
43
+ bottom
44
+ } = divRef.current.getBoundingClientRect();
45
+ const height = bottom - top;
46
+ setDivHeight(height);
47
+ }
48
+ }, [height]);
49
+ (0, _react.useEffect)(() => {
50
+ setIsPopupChartsOpen(isPopupChartsOpen);
51
+ }, [isPopupChartsOpen]);
52
+ const openPopupCharts = () => {
53
+ setIsPopupChartsOpen(true);
54
+ };
55
+ const closePopupCharts = e => {
56
+ setIsPopupChartsOpen(false);
57
+ console.log("closePopupCharts");
58
+ onOverlayClick(e);
59
+ };
60
+ const displayRetailerIcon = retailer => {
61
+ switch (retailer) {
62
+ case "Food Lion":
63
+ return /*#__PURE__*/_react.default.createElement(_FoodLionIcon.FoodLionIcon, null);
64
+ case "Hannaford":
65
+ return /*#__PURE__*/_react.default.createElement(_HannafordNewIcon.HannafordNewIcon, null);
66
+ case "Stop&Shop":
67
+ return /*#__PURE__*/_react.default.createElement(_StopAndShopIcon.StopAndShopIcon, {
68
+ width: 80,
69
+ height: 25,
70
+ viewBox: "0 0 1400.000000 160.000000"
71
+ });
72
+ case "The Giant Company":
73
+ return /*#__PURE__*/_react.default.createElement(_TheGiantCompanyIcon.TheGiantCompanyIcon, null);
74
+ case "Giant Food":
75
+ return /*#__PURE__*/_react.default.createElement(_GiantFoodIcon.GiantFoodIcon, {
76
+ width: 80,
77
+ height: 25,
78
+ viewBox: "0 0 1300.000000 350.000000"
79
+ });
80
+ default:
81
+ return "";
82
+ }
83
+ };
84
+ const displayDoughnutChart = rowsData => {
85
+ return /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.TotalDoughnutChart, {
86
+ currencySign: true,
87
+ dotCut: true,
88
+ legendData: [{
89
+ color: "#066768",
90
+ name: "Food LionFood Lion",
91
+ value: 300000
92
+ }, {
93
+ color: "#82B3B4",
94
+ name: "Hannaford",
95
+ value: 650000
96
+ }, {
97
+ color: "#90CE9C",
98
+ name: "The Giant Company",
99
+ value: 500000
100
+ }, {
101
+ color: "#5FCC70",
102
+ name: "Giant Food",
103
+ value: 200000
104
+ }, {
105
+ color: "#229E38",
106
+ name: "Stop&Shop",
107
+ value: 250000
108
+ }],
109
+ noDataText: "The selected event is a TPR or has no offer, therefore there is no redeemers data to display.",
110
+ title: "Total Cost",
111
+ value: 565000,
112
+ width: "500px",
113
+ height: "310px",
114
+ itemsValuesSeparateLine: false
115
+ });
116
+ };
117
+ const ChartItem = _ref => {
118
+ var _children$props, _children$props2;
119
+ let {
120
+ title,
121
+ rowsData,
122
+ children
123
+ } = _ref;
124
+ const [IsItemOpen, setIsItemOpen] = (0, _react.useState)(false);
125
+ const handleToggle = () => {
126
+ setIsItemOpen(!IsItemOpen);
127
+ };
128
+ return /*#__PURE__*/_react.default.createElement(_PopupCharts.ChartItemMainContainer, {
129
+ id: "ChartItemMainContainer",
130
+ borderColor: borderColor
131
+ }, /*#__PURE__*/_react.default.createElement(_PopupCharts.ChartItemContainer, {
132
+ id: "ChartItemContainer",
133
+ onClick: handleToggle,
134
+ style: {
135
+ cursor: "pointer"
136
+ }
137
+ }, /*#__PURE__*/_react.default.createElement(_PopupCharts.ChartItemIconContainer, {
138
+ id: "ChartItemIconContainer"
139
+ }, displayRetailerIcon(title)), /*#__PURE__*/_react.default.createElement(_PopupCharts.ChartItemTitle, {
140
+ id: "ChartItemTitle",
141
+ subtitleTextColor: subtitleTextColor
142
+ }, title)), /*#__PURE__*/_react.default.createElement(_PopupCharts.ChartContentContainer, {
143
+ id: "ChartContentContainer"
144
+ }, console.log("rowsData", title, children.props.children), displayDoughnutChart(rowsData), title === "Campaigns" ? children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children[0] : title === "Products" ? children === null || children === void 0 ? void 0 : (_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.children[1] : ""));
145
+ };
146
+ const Chart = _ref2 => {
147
+ let {
148
+ items,
149
+ children
150
+ } = _ref2;
151
+ return /*#__PURE__*/_react.default.createElement(_PopupCharts.ChartContainer, {
152
+ id: "ChartContainer",
153
+ maxHeight: divHeight ? divHeight.toString().concat("", "px") : null
154
+ }, items.map((item, index) => {
155
+ var _item$rowsData;
156
+ return /*#__PURE__*/_react.default.createElement(ChartItem, {
157
+ key: index,
158
+ title: item.title,
159
+ rowsData: ((_item$rowsData = item.rowsData) === null || _item$rowsData === void 0 ? void 0 : _item$rowsData.length) > 0 ? item.rowsData : []
160
+ }, children);
161
+ }));
162
+ };
163
+ return /*#__PURE__*/_react.default.createElement(_PopupCharts.MainContainer, {
164
+ id: "MainContainer"
165
+ }, IsPopupChartsOpen && /*#__PURE__*/_react.default.createElement(_reactHookForm.FormProvider, useFormMethods, /*#__PURE__*/_react.default.createElement("form", {
166
+ onSubmit: useFormMethods.handleSubmit(submittedValues => console.log("submittedValues", submittedValues))
167
+ }, /*#__PURE__*/_react.default.createElement(_PopupCharts.ModalOverlay, {
168
+ id: "ModalOverlay",
169
+ className: "modal-overlay"
170
+ //onClick={(e) => closePopupCharts(e)}
171
+ }, /*#__PURE__*/_react.default.createElement(_PopupCharts.ModalContent, {
172
+ id: "ModalContent",
173
+ ref: divRef,
174
+ className: "modal-content",
175
+ height: height,
176
+ width: width,
177
+ onClick: e => e.stopPropagation()
178
+ }, /*#__PURE__*/_react.default.createElement(_PopupCharts.TitleContainer, {
179
+ id: "TitleContainer"
180
+ }, /*#__PURE__*/_react.default.createElement(_PopupCharts.Title, null, title), /*#__PURE__*/_react.default.createElement(_PopupCharts.CloseXIconContainer, {
181
+ id: "CloseXIconContainer",
182
+ onClick: e => closePopupCharts(e)
183
+ }, /*#__PURE__*/_react.default.createElement(_CloseXIcon.CloseXIcon, null))), /*#__PURE__*/_react.default.createElement(Chart, {
184
+ items: PopupChartsItemsData
185
+ }, children))))));
186
+ };
187
+ var _default = exports.default = PopupCharts;
188
+ PopupCharts.defaultProps = {
189
+ isPopupChartsOpen: true,
190
+ width: "1700px",
191
+ height: "800px",
192
+ onSaveClick: () => {},
193
+ onCancelClick: () => {},
194
+ onOverlayClick: () => {}
195
+ };
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.TitleContainer = exports.Title = exports.ModalOverlay = exports.ModalContent = exports.MainContainer = exports.CloseXIconContainer = exports.ChartItemTitle = exports.ChartItemMainContainer = exports.ChartItemIconContainer = exports.ChartItemContainer = exports.ChartContentContainer = exports.ChartContainer = void 0;
8
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
11
+ const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
12
+ const ModalOverlay = exports.ModalOverlay = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: fixed;\n z-index: 100;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
13
+ const ModalContent = exports.ModalContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n font-weight: 500;\n font-size: 18px;\n background-color: #fefefe;\n padding: 30px 30px 60px 40px;\n border: 1px solid #888;\n border-radius: 10px;\n height: ", ";\n width: ", ";\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n"])), props => props.height, props => props.width);
14
+ const TitleContainer = exports.TitleContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 0 20px 0;\n margin: 0 0 30px 0;\n border-bottom: 1px solid #b1b1b1;\n"])));
15
+ const Title = exports.Title = _styledComponents.default.p(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 24px;\n margin: 0;\n"])));
16
+ const ChartContainer = exports.ChartContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n overflow-y: auto;\n padding: 0 10px 0 0;\n max-height: ", ";\n"])), props => props.maxHeight);
17
+ const ChartItemMainContainer = exports.ChartItemMainContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n margin: 10px 10px 10px 10px;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n /* width: 565px;\n height: 365px;\n max-width: 565px;\n max-height: 365px; */\n\n"])));
18
+ const ChartItemContainer = exports.ChartItemContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin: 10px;\n"])));
19
+ const ChartItemTitle = exports.ChartItemTitle = _styledComponents.default.h3(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n margin: 0 10px;\n color: ", ";\n"])), props => props.subtitleTextColor);
20
+ const ChartItemIconContainer = exports.ChartItemIconContainer = _styledComponents.default.h3(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0 0 0 10px;\n"])));
21
+ const ChartContentContainer = exports.ChartContentContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 14px;\n margin: 0;\n \n"])));
22
+ const CloseXIconContainer = exports.CloseXIconContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n padding: 20px 0 0 0;\n cursor: pointer;\n \n"])));
@@ -12,18 +12,18 @@ const scrollableStyles = "\n overflow-y: auto;\n\n &::-webkit-scrollbar {\n
12
12
  const ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n display: flex;\n align-items: center;\n @media (max-width: 1536px) {\n ", "\n }\n\n > * {\n box-sizing: border-box;\n }\n"])), props => props.rootFont, props => props.textColor, props => props.width, props => props.height, scrollableStyles);
13
13
  const Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: white;\n"])));
14
14
  const TooltipDiv = exports.TooltipDiv = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n background: white;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n border-radius: 5px;\n padding: 6px 10px;\n margin: 0;\n"])));
15
- const TooltipLabel = exports.TooltipLabel = _styledComponents.default.p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n font-weight: 400;\n font-style: normal;\n width: max-content; // fit-content; \n line-height: normal;\n margin: 0;\n"])));
15
+ const TooltipLabel = exports.TooltipLabel = _styledComponents.default.p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n font-weight: 400;\n font-style: normal;\n width: max-content; // fit-content;\n line-height: normal;\n margin: 0;\n"])));
16
16
  const TitleAndValueContainer = exports.TitleAndValueContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n padding: 0 20px;\n"])));
17
17
  const Title = exports.Title = _styledComponents.default.h4(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n margin: 0;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
18
18
  const CurrencySignAndFormattedValueContainer = exports.CurrencySignAndFormattedValueContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n gap: 16px;\n"])));
19
19
  const CurrencySign = exports.CurrencySign = _styledComponents.default.span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 16px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 11px;\n }\n"])));
20
- const FormattedValue = exports.FormattedValue = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 40px;\n @media (max-width: 1536px) {\n font-size: 24px;\n } \n @media (max-width: 1366px) {\n font-size: 20px;\n }\n"])));
21
- const DoughnutChartAndLegendContainer = exports.DoughnutChartAndLegendContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n margin-top: auto;\n padding: 0 20px;\n"])));
22
- const DoughnutChartContainer = exports.DoughnutChartContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n \n min-width: 45%;\n flex-basis: 45%;\n min-height: 6rem;\n \n"])));
20
+ const FormattedValue = exports.FormattedValue = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 40px;\n @media (max-width: 1536px) {\n font-size: 24px;\n }\n @media (max-width: 1366px) {\n font-size: 20px;\n }\n"])));
21
+ const DoughnutChartAndLegendContainer = exports.DoughnutChartAndLegendContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n margin-top: auto;\n padding: 0 20px 20px 20px;\n"])));
22
+ const DoughnutChartContainer = exports.DoughnutChartContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n min-width: 35%;\n min-height: 25%;\n"])));
23
23
  const LegendContainer = exports.LegendContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 10px;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n"])));
24
24
  const LegendControlsContainer = exports.LegendControlsContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 0.5rem;\n align-items: center;\n margin-bottom: 0.375rem;\n"])));
25
25
  const LegendTitleAndFormatedValueContainer = exports.LegendTitleAndFormatedValueContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n flex-grow: 1;\n"])));
26
- const LegendFormatedValueContainer = exports.LegendFormatedValueContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n font-size: .875rem;\n"])));
26
+ const LegendFormatedValueContainer = exports.LegendFormatedValueContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 0.875rem;\n"])));
27
27
  const LegendColorRectangle = exports.LegendColorRectangle = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n width: 0.875rem;\n min-width: 0.875rem;\n height: 0.875rem;\n border-radius: 2px;\n background: ", ";\n"])), props => props.color);
28
28
  const LegendTitle = exports.LegendTitle = _styledComponents.default.h5(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 16px;\n gap: 5px;\n margin: 0;\n display: flex;\n justify-content: space-between;\n @media (max-width: 1536px) {\n font-size: 11px;\n }\n @media (max-width: 1366px) {\n font-size: 10px;\n }\n"])));
29
29
  const LegendFormattedValue = exports.LegendFormattedValue = _styledComponents.default.span(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n white-space: nowrap;\n"])));
@@ -8,9 +8,9 @@ exports.default = exports.CloseIcon = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  const CloseIcon = _ref => {
10
10
  let {
11
- width = '16',
12
- height = '15',
13
- fill = '#B1B1B1'
11
+ width = "16",
12
+ height = "15",
13
+ fill = "#B1B1B1"
14
14
  } = _ref;
15
15
  return /*#__PURE__*/_react.default.createElement("svg", {
16
16
  width: width,
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.CloseXIcon = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ const CloseXIcon = _ref => {
10
+ let {
11
+ width = "16",
12
+ height = "15",
13
+ fill = "#212121"
14
+ } = _ref;
15
+ return /*#__PURE__*/_react.default.createElement("svg", {
16
+ width: width,
17
+ height: height,
18
+ viewBox: "0 0 16 16",
19
+ fill: "none",
20
+ xmlns: "http://www.w3.org/2000/svg"
21
+ }, /*#__PURE__*/_react.default.createElement("path", {
22
+ d: "M15.1719 2.42188L9.54688 8.04688L15.125 13.625C15.5938 14.0469 15.5938 14.75 15.125 15.1719C14.7031 15.6406 14 15.6406 13.5781 15.1719L7.95312 9.59375L2.375 15.1719C1.95312 15.6406 1.25 15.6406 0.828125 15.1719C0.359375 14.75 0.359375 14.0469 0.828125 13.5781L6.40625 8L0.828125 2.42188C0.359375 2 0.359375 1.29688 0.828125 0.828125C1.25 0.40625 1.95312 0.40625 2.42188 0.828125L8 6.45312L13.5781 0.875C14 0.40625 14.7031 0.40625 15.1719 0.875C15.5938 1.29688 15.5938 2 15.1719 2.42188Z",
23
+ fill: fill
24
+ }));
25
+ };
26
+ exports.CloseXIcon = CloseXIcon;
27
+ var _default = exports.default = CloseXIcon;
@@ -10,14 +10,15 @@ const GiantFoodIcon = _ref => {
10
10
  let {
11
11
  clicked,
12
12
  width = '78',
13
- height = '12'
13
+ height = '12',
14
+ viewBox = "0 0 1300.000000 440.000000"
14
15
  } = _ref;
15
16
  return /*#__PURE__*/_react.default.createElement("svg", {
16
17
  version: "1.0",
17
18
  xmlns: "http://www.w3.org/2000/svg",
18
19
  width: width,
19
20
  height: height,
20
- viewBox: "0 0 1300.000000 440.000000",
21
+ viewBox: viewBox,
21
22
  preserveAspectRatio: "xMidYMid meet"
22
23
  }, /*#__PURE__*/_react.default.createElement("path", {
23
24
  fill: "#fffefe",
@@ -0,0 +1,213 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.HannafordNewIcon = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ const HannafordNewIcon = _ref => {
10
+ let {
11
+ width = "30",
12
+ height = "25"
13
+ } = _ref;
14
+ return /*#__PURE__*/_react.default.createElement("svg", {
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ version: "1.1",
17
+ width: width,
18
+ height: height,
19
+ viewBox: "0 0 100 40",
20
+ fill: "none"
21
+ }, /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
22
+ fill: "#fbfafa",
23
+ d: "M -0.5,-0.5 C 33.5,-0.5 67.5,-0.5 101.5,-0.5C 101.5,21.1667 101.5,42.8333 101.5,64.5C 85.1667,64.5 68.8333,64.5 52.5,64.5C 55.3532,60.8533 55.0199,60.1866 51.5,62.5C 50.0186,61.5197 48.6853,60.353 47.5,59C 48.9961,58.4926 50.1627,58.9926 51,60.5C 52.5,59 54,57.5 55.5,56C 56.7441,55.5439 57.5774,56.0439 58,57.5C 60.3013,56.2401 62.4679,54.9067 64.5,53.5C 65.1667,53.5 65.5,53.1667 65.5,52.5C 68.3971,48.8836 71.0637,44.8836 73.5,40.5C 74.4916,40.6716 75.1583,40.3382 75.5,39.5C 81.1523,40.0318 86.819,40.3651 92.5,40.5C 93.5676,41.4345 94.901,41.7678 96.5,41.5C 96.4618,38.0489 95.7951,34.7156 94.5,31.5C 94.8457,30.1508 95.179,28.8175 95.5,27.5C 96.9063,27.0269 97.573,26.0269 97.5,24.5C 98.4778,24.189 99.1445,23.5223 99.5,22.5C 97.9223,21.7022 96.2556,21.2022 94.5,21C 95.7911,19.7083 95.7911,18.5417 94.5,17.5C 92.078,16.9148 90.4113,15.4148 89.5,13C 83.9056,9.35394 77.9056,7.18727 71.5,6.5C 70.8333,5.83333 70.1667,5.16667 69.5,4.5C 60.9645,1.74762 52.2979,1.08095 43.5,2.5C 41.4352,2.51715 39.4352,2.85048 37.5,3.5C 34.8478,3.40953 32.5145,4.07619 30.5,5.5C 29.209,5.26269 28.209,5.59603 27.5,6.5C 19.8777,8.97489 13.2111,12.9749 7.5,18.5C 6.22641,19.1894 6.22641,20.0228 7.5,21C 2.77789,21.8026 2.44456,23.636 6.5,26.5C 7.33825,26.8417 7.67158,27.5084 7.5,28.5C 7.83333,29.8333 8.16667,31.1667 8.5,32.5C 6.92809,35.2154 5.92809,38.2154 5.5,41.5C 7.41467,41.7845 9.08134,41.4511 10.5,40.5C 14.7978,39.8005 19.1311,39.4672 23.5,39.5C 24.8333,39.5 26.1667,39.5 27.5,39.5C 27.5,42.1667 27.5,44.8333 27.5,47.5C 30.385,48.3822 33.0517,49.7155 35.5,51.5C 36.9516,52.3019 38.6183,52.8019 40.5,53C 41.1905,54.0674 41.6905,55.2341 42,56.5C 45.3329,58.6671 48.1663,61.3338 50.5,64.5C 33.5,64.5 16.5,64.5 -0.5,64.5C -0.5,42.8333 -0.5,21.1667 -0.5,-0.5 Z"
24
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
25
+ fill: "#756968",
26
+ d: "M 43.5,2.5 C 52.2979,1.08095 60.9645,1.74762 69.5,4.5C 60.8893,3.17392 52.2227,2.50725 43.5,2.5 Z"
27
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
28
+ fill: "#6c291e",
29
+ d: "M 37.5,3.5 C 35.5615,5.16276 33.2282,5.82943 30.5,5.5C 32.5145,4.07619 34.8478,3.40953 37.5,3.5 Z"
30
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
31
+ fill: "#dc4f44",
32
+ d: "M 43.5,2.5 C 52.2227,2.50725 60.8893,3.17392 69.5,4.5C 70.1667,5.16667 70.8333,5.83333 71.5,6.5C 68.9952,5.58294 66.6618,5.58294 64.5,6.5C 51.2869,3.81168 38.2869,4.81168 25.5,9.5C 26.5511,8.77765 27.2178,7.77765 27.5,6.5C 28.209,5.59603 29.209,5.26269 30.5,5.5C 33.2282,5.82943 35.5615,5.16276 37.5,3.5C 39.4352,2.85048 41.4352,2.51715 43.5,2.5 Z"
33
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
34
+ fill: "#fc1913",
35
+ d: "M 64.5,6.5 C 69.7017,7.2891 74.7017,8.7891 79.5,11C 84.3329,13.6888 88.9996,16.5221 93.5,19.5C 93.4431,20.609 93.1098,21.609 92.5,22.5C 91.0937,22.9731 90.427,23.9731 90.5,25.5C 88.4131,26.5846 87.0798,28.2512 86.5,30.5C 85.1667,31.5 83.8333,32.5 82.5,33.5C 80.6282,31.3963 78.2948,30.063 75.5,29.5C 75.5,28.8333 75.1667,28.5 74.5,28.5C 71.9116,26.4082 68.9116,25.0749 65.5,24.5C 62.01,24.755 59.3433,23.4217 57.5,20.5C 56.7025,20.9569 56.3691,21.6236 56.5,22.5C 53.8333,22.5 51.1667,22.5 48.5,22.5C 46.1667,22.5 43.8333,22.5 41.5,22.5C 39.8235,23.1834 39.1568,24.5168 39.5,26.5C 38.8333,26.5 38.1667,26.5 37.5,26.5C 38.463,25.6365 38.463,24.9698 37.5,24.5C 34.8908,25.2305 32.2241,25.7305 29.5,26C 28.6195,26.7083 27.9528,27.5416 27.5,28.5C 24.8333,30.1667 22.1667,31.8333 19.5,33.5C 19.1667,33.5 18.8333,33.5 18.5,33.5C 17.9202,31.2512 16.5869,29.5846 14.5,28.5C 12.86,25.8508 11.1933,23.1841 9.5,20.5C 14.2836,16.0525 19.6169,12.3858 25.5,9.5C 38.2869,4.81168 51.2869,3.81168 64.5,6.5 Z"
36
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
37
+ fill: "#ffdfde",
38
+ d: "M 64.5,8.5 C 65.5,8.5 66.5,8.5 67.5,8.5C 67.6495,9.55198 67.4828,10.552 67,11.5C 65.3335,10.6598 65.1669,11.1598 66.5,13C 63.6486,14.742 62.9819,17.0753 64.5,20C 62.9262,20.6987 61.5929,20.3654 60.5,19C 61.8448,16.6757 62.1782,14.3423 61.5,12C 62.7101,10.9609 63.7101,9.79423 64.5,8.5 Z"
39
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
40
+ fill: "#c1473d",
41
+ d: "M 27.5,6.5 C 27.2178,7.77765 26.5511,8.77765 25.5,9.5C 19.6169,12.3858 14.2836,16.0525 9.5,20.5C 8.5,20.1667 7.83333,19.5 7.5,18.5C 13.2111,12.9749 19.8777,8.97489 27.5,6.5 Z"
42
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
43
+ fill: "#ffe1e0",
44
+ d: "M 51.5,17.5 C 51.44,18.0431 51.1067,18.3764 50.5,18.5C 49.8313,16.3691 49.1646,14.3691 48.5,12.5C 47.1667,12.5 46.5,13.1667 46.5,14.5C 46.5,16.1667 46.5,17.8333 46.5,19.5C 44.5,19.5 42.5,19.5 40.5,19.5C 40.7529,17.1727 40.0863,15.1727 38.5,13.5C 37.6168,15.7383 37.9501,17.905 39.5,20C 35.9793,21.6738 32.3127,22.8404 28.5,23.5C 27.1667,21.8333 27.1667,20.1667 28.5,18.5C 26.0157,16.7084 26.5157,15.3751 30,14.5C 32.1171,16.0319 33.7838,18.0319 35,20.5C 35.839,17.8604 35.339,15.5271 33.5,13.5C 35.9522,11.9159 38.4522,11.5826 41,12.5C 43.6913,20.3341 44.5246,20.0008 43.5,11.5C 49.8517,8.76795 52.5184,10.768 51.5,17.5 Z"
45
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
46
+ fill: "#ff1c17",
47
+ d: "M 48.5,12.5 C 48.6621,14.5273 48.4955,16.5273 48,18.5C 47.79,16.9419 47.29,15.6085 46.5,14.5C 46.5,13.1667 47.1667,12.5 48.5,12.5 Z"
48
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
49
+ fill: "#cf5e53",
50
+ d: "M 64.5,6.5 C 66.6618,5.58294 68.9952,5.58294 71.5,6.5C 77.9056,7.18727 83.9056,9.35394 89.5,13C 90.4113,15.4148 92.078,16.9148 94.5,17.5C 94.6716,18.4916 94.3382,19.1583 93.5,19.5C 88.9996,16.5221 84.3329,13.6888 79.5,11C 74.7017,8.7891 69.7017,7.2891 64.5,6.5 Z"
51
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
52
+ fill: "#ffeae9",
53
+ d: "M 71.5,14.5 C 73.9422,16.1393 74.1089,18.1393 72,20.5C 66.6667,22.8333 64.6667,21.1667 66,15.5C 67.6779,13.4468 69.5112,13.1134 71.5,14.5 Z"
54
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
55
+ fill: "#ff8381",
56
+ d: "M 48.5,12.5 C 49.1646,14.3691 49.8313,16.3691 50.5,18.5C 51.1067,18.3764 51.44,18.0431 51.5,17.5C 51.8333,17.5 52.1667,17.5 52.5,17.5C 52.5,17.8333 52.5,18.1667 52.5,18.5C 50.7354,19.4614 48.7354,19.7947 46.5,19.5C 46.5,17.8333 46.5,16.1667 46.5,14.5C 47.29,15.6085 47.79,16.9419 48,18.5C 48.4955,16.5273 48.6621,14.5273 48.5,12.5 Z"
57
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
58
+ fill: "#ffd8d5",
59
+ d: "M 52.5,18.5 C 52.5,18.1667 52.5,17.8333 52.5,17.5C 52.4142,16.5041 52.7476,15.6708 53.5,15C 54.938,14.7811 56.2713,14.2811 57.5,13.5C 57.1924,12.6919 56.6924,12.0253 56,11.5C 55.1072,12.7112 54.2739,12.7112 53.5,11.5C 55.0745,10.3691 56.7412,10.2025 58.5,11C 59.4438,13.7191 59.7771,16.5525 59.5,19.5C 57.1132,18.6871 54.7799,18.3538 52.5,18.5 Z"
60
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
61
+ fill: "#ff342a",
62
+ d: "M 71.5,14.5 C 71.5531,17.0606 70.5531,19.0606 68.5,20.5C 67.3463,17.4739 68.3463,15.4739 71.5,14.5 Z"
63
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
64
+ fill: "#ffe3e2",
65
+ d: "M 80.5,19.5 C 79.5041,19.5858 78.6708,19.2524 78,18.5C 76.5771,20.3451 75.4104,22.3451 74.5,24.5C 71.3522,23.8596 71.0188,22.8596 73.5,21.5C 74.9441,19.3922 75.6108,17.3922 75.5,15.5C 77.5862,16.4887 79.2529,17.822 80.5,19.5 Z"
66
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
67
+ fill: "#ff544c",
68
+ d: "M 28.5,18.5 C 28.6395,16.663 29.3061,16.3296 30.5,17.5C 30.0431,18.2975 29.3764,18.6309 28.5,18.5 Z"
69
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
70
+ fill: "#ffe0df",
71
+ d: "M 28.5,23.5 C 27.3406,25.2503 25.674,26.2503 23.5,26.5C 22.8549,27.8118 21.8549,28.8118 20.5,29.5C 19.0757,25.588 16.7424,22.4213 13.5,20C 15.8997,16.416 17.5664,16.7494 18.5,21C 19.9653,21.6013 20.9653,21.1013 21.5,19.5C 20.7366,18.2807 19.7366,17.2807 18.5,16.5C 19.3279,15.5853 20.3279,14.9186 21.5,14.5C 23.1909,17.0329 24.6909,19.6996 26,22.5C 26.6708,23.2524 27.5041,23.5858 28.5,23.5 Z"
72
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
73
+ fill: "#ff2925",
74
+ d: "M 29.5,19.5 C 31.337,19.6395 31.6704,20.3061 30.5,21.5C 29.7025,21.0431 29.3691,20.3764 29.5,19.5 Z"
75
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
76
+ fill: "#452321",
77
+ d: "M 94.5,17.5 C 95.7911,18.5417 95.7911,19.7083 94.5,21C 96.2556,21.2022 97.9223,21.7022 99.5,22.5C 99.1445,23.5223 98.4778,24.189 97.5,24.5C 96.4479,22.744 94.7812,22.0773 92.5,22.5C 93.1098,21.609 93.4431,20.609 93.5,19.5C 94.3382,19.1583 94.6716,18.4916 94.5,17.5 Z"
78
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
79
+ fill: "#ff221b",
80
+ d: "M 23.5,26.5 C 20.6418,25.4648 20.1418,23.7982 22,21.5C 24.324,22.7753 24.824,24.442 23.5,26.5 Z"
81
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
82
+ fill: "#df6a60",
83
+ d: "M 41.5,22.5 C 43.8333,22.5 46.1667,22.5 48.5,22.5C 48.1667,23.1667 47.8333,23.8333 47.5,24.5C 45.2143,24.405 43.2143,23.7384 41.5,22.5 Z"
84
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
85
+ fill: "#833a34",
86
+ d: "M 7.5,18.5 C 7.83333,19.5 8.5,20.1667 9.5,20.5C 11.1933,23.1841 12.86,25.8508 14.5,28.5C 12.7655,26.7649 10.7655,25.4316 8.5,24.5C 7.28665,24.7472 6.61998,25.4138 6.5,26.5C 2.44456,23.636 2.77789,21.8026 7.5,21C 6.22641,20.0228 6.22641,19.1894 7.5,18.5 Z"
87
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
88
+ fill: "#2a5930",
89
+ d: "M 48.5,22.5 C 51.1667,22.5 53.8333,22.5 56.5,22.5C 56.4606,23.5832 56.1272,24.5832 55.5,25.5C 55.8333,25.8333 56.1667,26.1667 56.5,26.5C 57.8927,22.7687 58.8927,23.102 59.5,27.5C 57.396,27.7989 55.396,27.4656 53.5,26.5C 54.6405,25.5745 54.6405,24.7412 53.5,24C 51.4546,23.5099 49.4546,23.6765 47.5,24.5C 47.8333,23.8333 48.1667,23.1667 48.5,22.5 Z"
90
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
91
+ fill: "#a1524b",
92
+ d: "M 92.5,22.5 C 94.7812,22.0773 96.4479,22.744 97.5,24.5C 97.573,26.0269 96.9063,27.0269 95.5,27.5C 95.4142,26.5041 95.7476,25.6708 96.5,25C 94.4024,24.3224 92.4024,24.4891 90.5,25.5C 90.427,23.9731 91.0937,22.9731 92.5,22.5 Z"
93
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
94
+ fill: "#be0000",
95
+ d: "M 14.5,28.5 C 15.0798,30.7488 16.4131,32.4154 18.5,33.5C 18.7329,35.0618 19.3995,36.3951 20.5,37.5C 16.1311,37.4672 11.7978,37.8005 7.5,38.5C 8.14952,36.5648 8.48285,34.5648 8.5,32.5C 9.85281,30.8716 9.51948,29.5383 7.5,28.5C 7.67158,27.5084 7.33825,26.8417 6.5,26.5C 6.61998,25.4138 7.28665,24.7472 8.5,24.5C 10.7655,25.4316 12.7655,26.7649 14.5,28.5 Z"
96
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
97
+ fill: "#145a25",
98
+ d: "M 41.5,22.5 C 43.2143,23.7384 45.2143,24.405 47.5,24.5C 45.91,27.4549 46.2433,30.1216 48.5,32.5C 46.9731,32.573 45.9731,31.9063 45.5,30.5C 44.0351,29.2632 42.3684,28.2632 40.5,27.5C 39.8333,27.5 39.5,27.1667 39.5,26.5C 39.1568,24.5168 39.8235,23.1834 41.5,22.5 Z"
99
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
100
+ fill: "#c00b06",
101
+ d: "M 95.5,27.5 C 94.0069,28.3121 93.3402,29.6455 93.5,31.5C 93.7717,33.9778 94.4384,36.3111 95.5,38.5C 90.8478,38.0019 86.1811,37.6686 81.5,37.5C 81.8333,36.8333 82.1667,36.1667 82.5,35.5C 84.5869,34.4154 85.9202,32.7488 86.5,30.5C 88.5869,29.4154 89.9202,27.7488 90.5,25.5C 92.4024,24.4891 94.4024,24.3224 96.5,25C 95.7476,25.6708 95.4142,26.5041 95.5,27.5 Z"
102
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
103
+ fill: "#ffe2e0",
104
+ d: "M 80.5,19.5 C 82.2624,19.3573 83.9291,19.6906 85.5,20.5C 86.1667,19.8333 86.8333,19.1667 87.5,18.5C 87.8333,19 88.1667,19.5 88.5,20C 86.7132,23.2899 84.7132,26.4565 82.5,29.5C 76.6293,27.2192 75.9626,23.8858 80.5,19.5 Z"
105
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
106
+ fill: "#ff3a2d",
107
+ d: "M 81.5,21.5 C 82.675,21.281 83.675,21.6143 84.5,22.5C 81.3791,27.9078 80.3791,27.5745 81.5,21.5 Z"
108
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
109
+ fill: "#e8dab2",
110
+ d: "M 37.5,26.5 C 38.1667,26.5 38.8333,26.5 39.5,26.5C 39.5,27.1667 39.8333,27.5 40.5,27.5C 39.1917,28.2323 37.8584,29.0656 36.5,30C 39.4816,30.498 42.4816,30.6646 45.5,30.5C 45.9731,31.9063 46.9731,32.573 48.5,32.5C 50.5193,34.1897 52.5193,35.8564 54.5,37.5C 54.5,38.1667 54.8333,38.5 55.5,38.5C 53.0656,39.1311 50.7323,40.1311 48.5,41.5C 48.5,40.8333 48.1667,40.5 47.5,40.5C 45.9478,37.8881 43.6145,36.5548 40.5,36.5C 39.3684,35.6457 38.035,35.6457 36.5,36.5C 35.1667,36.5 33.8333,36.5 32.5,36.5C 32.6107,35.8826 32.944,35.3826 33.5,35C 27.304,28.6163 28.6373,25.7829 37.5,26.5 Z"
111
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
112
+ fill: "#4eb757",
113
+ d: "M 59.5,27.5 C 61.3792,26.6586 63.3792,26.3253 65.5,26.5C 64.5757,29.4151 62.909,31.7485 60.5,33.5C 59.5134,36.0858 57.5134,37.4191 54.5,37.5C 52.5193,35.8564 50.5193,34.1897 48.5,32.5C 46.2433,30.1216 45.91,27.4549 47.5,24.5C 49.4546,23.6765 51.4546,23.5099 53.5,24C 54.6405,24.7412 54.6405,25.5745 53.5,26.5C 55.396,27.4656 57.396,27.7989 59.5,27.5 Z"
114
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
115
+ fill: "#f66d63",
116
+ d: "M 65.5,24.5 C 68.9116,25.0749 71.9116,26.4082 74.5,28.5C 71.5794,28.7174 68.9128,28.0507 66.5,26.5C 66.1667,25.8333 65.8333,25.1667 65.5,24.5 Z"
117
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
118
+ fill: "#d1a847",
119
+ d: "M 37.5,26.5 C 28.6373,25.7829 27.304,28.6163 33.5,35C 32.944,35.3826 32.6107,35.8826 32.5,36.5C 32.1667,36.5 31.8333,36.5 31.5,36.5C 29.457,35.4206 28.1237,33.754 27.5,31.5C 27.5,30.5 27.5,29.5 27.5,28.5C 27.9528,27.5416 28.6195,26.7083 29.5,26C 32.2241,25.7305 34.8908,25.2305 37.5,24.5C 38.463,24.9698 38.463,25.6365 37.5,26.5 Z"
120
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
121
+ fill: "#20170c",
122
+ d: "M 66.5,26.5 C 68.9128,28.0507 71.5794,28.7174 74.5,28.5C 75.1667,28.5 75.5,28.8333 75.5,29.5C 75.5,30.1667 75.5,30.8333 75.5,31.5C 74.8444,30.7222 74.0111,30.0556 73,29.5C 69.4487,31.3064 67.282,30.3064 66.5,26.5 Z"
123
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
124
+ fill: "#570202",
125
+ d: "M 90.5,25.5 C 89.9202,27.7488 88.5869,29.4154 86.5,30.5C 87.0798,28.2512 88.4131,26.5846 90.5,25.5 Z"
126
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
127
+ fill: "#513734",
128
+ d: "M 95.5,27.5 C 95.179,28.8175 94.8457,30.1508 94.5,31.5C 95.7951,34.7156 96.4618,38.0489 96.5,41.5C 94.901,41.7678 93.5676,41.4345 92.5,40.5C 93.791,40.7373 94.791,40.404 95.5,39.5C 95.5,39.1667 95.5,38.8333 95.5,38.5C 94.4384,36.3111 93.7717,33.9778 93.5,31.5C 93.3402,29.6455 94.0069,28.3121 95.5,27.5 Z"
129
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
130
+ fill: "#c9a957",
131
+ d: "M 40.5,27.5 C 42.3684,28.2632 44.0351,29.2632 45.5,30.5C 42.4816,30.6646 39.4816,30.498 36.5,30C 37.8584,29.0656 39.1917,28.2323 40.5,27.5 Z"
132
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
133
+ fill: "#4f3d3d",
134
+ d: "M 7.5,28.5 C 9.51948,29.5383 9.85281,30.8716 8.5,32.5C 8.16667,31.1667 7.83333,29.8333 7.5,28.5 Z"
135
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
136
+ fill: "#540302",
137
+ d: "M 14.5,28.5 C 16.5869,29.5846 17.9202,31.2512 18.5,33.5C 16.4131,32.4154 15.0798,30.7488 14.5,28.5 Z"
138
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
139
+ fill: "#127a33",
140
+ d: "M 65.5,24.5 C 65.8333,25.1667 66.1667,25.8333 66.5,26.5C 67.282,30.3064 69.4487,31.3064 73,29.5C 74.0111,30.0556 74.8444,30.7222 75.5,31.5C 73.8212,34.0121 74.1546,36.0121 76.5,37.5C 76.1667,38.1667 75.8333,38.8333 75.5,39.5C 75.1583,40.3382 74.4916,40.6716 73.5,40.5C 71.1663,38.8243 70.1663,36.491 70.5,33.5C 67.0937,34.0216 63.7603,34.0216 60.5,33.5C 62.909,31.7485 64.5757,29.4151 65.5,26.5C 63.3792,26.3253 61.3792,26.6586 59.5,27.5C 58.8927,23.102 57.8927,22.7687 56.5,26.5C 56.1667,26.1667 55.8333,25.8333 55.5,25.5C 56.1272,24.5832 56.4606,23.5832 56.5,22.5C 56.3691,21.6236 56.7025,20.9569 57.5,20.5C 59.3433,23.4217 62.01,24.755 65.5,24.5 Z"
141
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
142
+ fill: "#cc4538",
143
+ d: "M 27.5,28.5 C 27.5,29.5 27.5,30.5 27.5,31.5C 25.2459,32.4151 23.2459,33.7484 21.5,35.5C 20.4777,35.1445 19.811,34.4778 19.5,33.5C 22.1667,31.8333 24.8333,30.1667 27.5,28.5 Z"
144
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
145
+ fill: "#570403",
146
+ d: "M 86.5,30.5 C 85.9202,32.7488 84.5869,34.4154 82.5,35.5C 82.5,34.8333 82.5,34.1667 82.5,33.5C 83.8333,32.5 85.1667,31.5 86.5,30.5 Z"
147
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
148
+ fill: "#db5548",
149
+ d: "M 75.5,29.5 C 78.2948,30.063 80.6282,31.3963 82.5,33.5C 82.5,34.1667 82.5,34.8333 82.5,35.5C 80.0313,34.4314 77.6979,33.0981 75.5,31.5C 75.5,30.8333 75.5,30.1667 75.5,29.5 Z"
150
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
151
+ fill: "#442c26",
152
+ d: "M 27.5,31.5 C 28.1237,33.754 29.457,35.4206 31.5,36.5C 28.8574,39.2336 27.8574,42.5669 28.5,46.5C 29.9587,46.5674 31.2921,46.2341 32.5,45.5C 32.615,47.9468 33.615,49.9468 35.5,51.5C 33.0517,49.7155 30.385,48.3822 27.5,47.5C 27.5,44.8333 27.5,42.1667 27.5,39.5C 26.1667,39.5 24.8333,39.5 23.5,39.5C 23.5,39.1667 23.5,38.8333 23.5,38.5C 24.552,38.6495 25.552,38.4828 26.5,38C 24.5273,37.5045 22.5273,37.3379 20.5,37.5C 19.3995,36.3951 18.7329,35.0618 18.5,33.5C 18.8333,33.5 19.1667,33.5 19.5,33.5C 19.811,34.4778 20.4777,35.1445 21.5,35.5C 23.2459,33.7484 25.2459,32.4151 27.5,31.5 Z"
153
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
154
+ fill: "#38251f",
155
+ d: "M 75.5,31.5 C 77.6979,33.0981 80.0313,34.4314 82.5,35.5C 82.1667,36.1667 81.8333,36.8333 81.5,37.5C 79.8333,37.5 78.1667,37.5 76.5,37.5C 74.1546,36.0121 73.8212,34.0121 75.5,31.5 Z"
156
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
157
+ fill: "#2a9840",
158
+ d: "M 31.5,36.5 C 31.8333,36.5 32.1667,36.5 32.5,36.5C 33.8333,36.5 35.1667,36.5 36.5,36.5C 36.5,37.5 36.5,38.5 36.5,39.5C 34.953,40.7682 33.953,42.4348 33.5,44.5C 32.8333,44.5 32.5,44.8333 32.5,45.5C 31.2921,46.2341 29.9587,46.5674 28.5,46.5C 27.8574,42.5669 28.8574,39.2336 31.5,36.5 Z"
159
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
160
+ fill: "#f50c05",
161
+ d: "M 40.5,36.5 C 43.6145,36.5548 45.9478,37.8881 47.5,40.5C 47.7214,43.2788 47.388,45.9455 46.5,48.5C 42.9221,49.5887 39.2554,49.7554 35.5,49C 33.9632,47.8904 33.2965,46.3904 33.5,44.5C 33.953,42.4348 34.953,40.7682 36.5,39.5C 40.3526,41.2644 41.6859,40.2644 40.5,36.5 Z"
162
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
163
+ fill: "#e28f8b",
164
+ d: "M 81.5,37.5 C 86.1811,37.6686 90.8478,38.0019 95.5,38.5C 95.5,38.8333 95.5,39.1667 95.5,39.5C 90.6093,39.4681 85.9426,38.8015 81.5,37.5 Z"
165
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
166
+ fill: "#564342",
167
+ d: "M 8.5,32.5 C 8.48285,34.5648 8.14952,36.5648 7.5,38.5C 7.5,38.8333 7.5,39.1667 7.5,39.5C 7.45238,40.5071 8.45238,40.8404 10.5,40.5C 9.08134,41.4511 7.41467,41.7845 5.5,41.5C 5.92809,38.2154 6.92809,35.2154 8.5,32.5 Z"
168
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
169
+ fill: "#dd7d77",
170
+ d: "M 20.5,37.5 C 22.5273,37.3379 24.5273,37.5045 26.5,38C 25.552,38.4828 24.552,38.6495 23.5,38.5C 18.1463,38.5688 12.813,38.9022 7.5,39.5C 7.5,39.1667 7.5,38.8333 7.5,38.5C 11.7978,37.8005 16.1311,37.4672 20.5,37.5 Z"
171
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
172
+ fill: "#7a2c05",
173
+ d: "M 40.5,36.5 C 41.6859,40.2644 40.3526,41.2644 36.5,39.5C 36.5,38.5 36.5,37.5 36.5,36.5C 38.035,35.6457 39.3684,35.6457 40.5,36.5 Z"
174
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
175
+ fill: "#7a2018",
176
+ d: "M 76.5,37.5 C 78.1667,37.5 79.8333,37.5 81.5,37.5C 85.9426,38.8015 90.6093,39.4681 95.5,39.5C 94.791,40.404 93.791,40.7373 92.5,40.5C 86.819,40.3651 81.1523,40.0318 75.5,39.5C 75.8333,38.8333 76.1667,38.1667 76.5,37.5 Z"
177
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
178
+ fill: "#710205",
179
+ d: "M 23.5,38.5 C 23.5,38.8333 23.5,39.1667 23.5,39.5C 19.1311,39.4672 14.7978,39.8005 10.5,40.5C 8.45238,40.8404 7.45238,40.5071 7.5,39.5C 12.813,38.9022 18.1463,38.5688 23.5,38.5 Z"
180
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
181
+ fill: "#e0c479",
182
+ d: "M 55.5,38.5 C 56.8333,39.1667 57.8333,40.1667 58.5,41.5C 56.983,42.7349 55.3163,42.7349 53.5,41.5C 52.4777,41.8555 51.811,42.5222 51.5,43.5C 50.4415,44.6002 49.6082,45.9336 49,47.5C 48.5045,45.5273 48.3379,43.5273 48.5,41.5C 50.7323,40.1311 53.0656,39.1311 55.5,38.5 Z"
183
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
184
+ fill: "#634176",
185
+ d: "M 73.5,40.5 C 71.0637,44.8836 68.3971,48.8836 65.5,52.5C 65.5975,48.3477 63.9308,45.3477 60.5,43.5C 60.1667,42.5 59.5,41.8333 58.5,41.5C 57.8333,40.1667 56.8333,39.1667 55.5,38.5C 54.8333,38.5 54.5,38.1667 54.5,37.5C 57.5134,37.4191 59.5134,36.0858 60.5,33.5C 63.7603,34.0216 67.0937,34.0216 70.5,33.5C 70.1663,36.491 71.1663,38.8243 73.5,40.5 Z"
186
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
187
+ fill: "#8d7a51",
188
+ d: "M 58.5,41.5 C 59.5,41.8333 60.1667,42.5 60.5,43.5C 58.5,43.5 56.5,43.5 54.5,43.5C 54.2053,45.7354 54.5386,47.7354 55.5,49.5C 55.5,49.8333 55.5,50.1667 55.5,50.5C 55.1667,50.5 54.8333,50.5 54.5,50.5C 53.1001,49.9002 52.1001,48.9002 51.5,47.5C 51.5,46.1667 51.5,44.8333 51.5,43.5C 51.811,42.5222 52.4777,41.8555 53.5,41.5C 55.3163,42.7349 56.983,42.7349 58.5,41.5 Z"
189
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
190
+ fill: "#fdf3d3",
191
+ d: "M 60.5,43.5 C 63.3565,48.9862 61.6898,50.9862 55.5,49.5C 54.5386,47.7354 54.2053,45.7354 54.5,43.5C 56.5,43.5 58.5,43.5 60.5,43.5 Z"
192
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
193
+ fill: "#e6ca79",
194
+ d: "M 60.5,43.5 C 63.9308,45.3477 65.5975,48.3477 65.5,52.5C 65.5,53.1667 65.1667,53.5 64.5,53.5C 64.6309,52.6236 64.2975,51.9569 63.5,51.5C 60.9466,51.9452 58.28,51.9452 55.5,51.5C 55.5,51.1667 55.5,50.8333 55.5,50.5C 55.5,50.1667 55.5,49.8333 55.5,49.5C 61.6898,50.9862 63.3565,48.9862 60.5,43.5 Z"
195
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
196
+ fill: "#7d5417",
197
+ d: "M 47.5,40.5 C 48.1667,40.5 48.5,40.8333 48.5,41.5C 48.3379,43.5273 48.5045,45.5273 49,47.5C 49.6082,45.9336 50.4415,44.6002 51.5,43.5C 51.5,44.8333 51.5,46.1667 51.5,47.5C 50.0337,48.347 49.2004,49.6803 49,51.5C 48.3292,52.2524 47.4959,52.5858 46.5,52.5C 46.5,51.1667 46.5,49.8333 46.5,48.5C 47.388,45.9455 47.7214,43.2788 47.5,40.5 Z"
198
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
199
+ fill: "#b30d0a",
200
+ d: "M 33.5,44.5 C 33.2965,46.3904 33.9632,47.8904 35.5,49C 39.2554,49.7554 42.9221,49.5887 46.5,48.5C 46.5,49.8333 46.5,51.1667 46.5,52.5C 47.9002,53.1001 48.9002,54.1001 49.5,55.5C 47.326,55.0798 45.326,55.0798 43.5,55.5C 42.269,54.3493 42.269,53.1827 43.5,52C 40.854,51.5026 38.1873,51.3359 35.5,51.5C 33.615,49.9468 32.615,47.9468 32.5,45.5C 32.5,44.8333 32.8333,44.5 33.5,44.5 Z"
201
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
202
+ fill: "#842d28",
203
+ d: "M 51.5,47.5 C 52.1001,48.9002 53.1001,49.9002 54.5,50.5C 54.8244,53.694 53.6578,54.694 51,53.5C 50.7216,54.4158 50.2216,55.0825 49.5,55.5C 48.9002,54.1001 47.9002,53.1001 46.5,52.5C 47.4959,52.5858 48.3292,52.2524 49,51.5C 49.2004,49.6803 50.0337,48.347 51.5,47.5 Z"
204
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
205
+ fill: "#e1ae1f",
206
+ d: "M 55.5,51.5 C 58.28,51.9452 60.9466,51.9452 63.5,51.5C 64.2975,51.9569 64.6309,52.6236 64.5,53.5C 61.5701,54.299 58.5701,54.6323 55.5,54.5C 55.5,53.5 55.5,52.5 55.5,51.5 Z"
207
+ })), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
208
+ fill: "#2f221f",
209
+ d: "M 54.5,50.5 C 54.8333,50.5 55.1667,50.5 55.5,50.5C 55.5,50.8333 55.5,51.1667 55.5,51.5C 55.5,52.5 55.5,53.5 55.5,54.5C 58.5701,54.6323 61.5701,54.299 64.5,53.5C 62.4679,54.9067 60.3013,56.2401 58,57.5C 57.5774,56.0439 56.7441,55.5439 55.5,56C 54,57.5 52.5,59 51,60.5C 50.1627,58.9926 48.9961,58.4926 47.5,59C 48.6853,60.353 50.0186,61.5197 51.5,62.5C 55.0199,60.1866 55.3532,60.8533 52.5,64.5C 51.8333,64.5 51.1667,64.5 50.5,64.5C 48.1663,61.3338 45.3329,58.6671 42,56.5C 41.6905,55.2341 41.1905,54.0674 40.5,53C 38.6183,52.8019 36.9516,52.3019 35.5,51.5C 38.1873,51.3359 40.854,51.5026 43.5,52C 42.269,53.1827 42.269,54.3493 43.5,55.5C 45.326,55.0798 47.326,55.0798 49.5,55.5C 50.2216,55.0825 50.7216,54.4158 51,53.5C 53.6578,54.694 54.8244,53.694 54.5,50.5 Z"
210
+ })));
211
+ };
212
+ exports.HannafordNewIcon = HannafordNewIcon;
213
+ var _default = exports.default = HannafordNewIcon;
@@ -10,14 +10,15 @@ const StopAndShopIcon = _ref => {
10
10
  let {
11
11
  clicked,
12
12
  width = "78",
13
- height = "12"
13
+ height = "12",
14
+ viewBox = "0 0 1400.000000 260.000000"
14
15
  } = _ref;
15
16
  return /*#__PURE__*/_react.default.createElement("svg", {
16
17
  version: "1.0",
17
18
  xmlns: "http://www.w3.org/2000/svg",
18
19
  width: width,
19
20
  height: height,
20
- viewBox: "0 0 1400.000000 260.000000",
21
+ viewBox: viewBox,
21
22
  preserveAspectRatio: "xMidYMid meet"
22
23
  }, /*#__PURE__*/_react.default.createElement("path", {
23
24
  fill: "#fff",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.543",
3
+ "version": "1.0.545",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {