@wecodesolutions/shared-react-components-ts 0.10.11 → 0.10.13

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.
Files changed (10) hide show
  1. package/dist/components/card/Card.d.ts +1 -1
  2. package/dist/shared-react-components-ts.cjs.development.js +66 -59
  3. package/dist/shared-react-components-ts.cjs.development.js.map +1 -1
  4. package/dist/shared-react-components-ts.cjs.production.min.js +1 -1
  5. package/dist/shared-react-components-ts.cjs.production.min.js.map +1 -1
  6. package/dist/shared-react-components-ts.esm.js +14 -8
  7. package/dist/shared-react-components-ts.esm.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/card/Card.module.css +0 -13
  10. package/src/components/card/Card.tsx +15 -8
package/dist/components/card/Card.d.ts CHANGED
@@ -3,7 +3,7 @@ interface CardProps {
3
3
  type?: string;
4
4
  compactPreview?: ReactNode;
5
5
  fullContent: ReactNode;
6
- isExpanded?: boolean;
6
+ bottomElement: ReactNode;
7
7
  }
8
8
  export declare const Card: React.FC<CardProps>;
9
9
  export {};
package/dist/shared-react-components-ts.cjs.development.js CHANGED
@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
6
6
 
7
- var React = _interopDefault(require('react'));
7
+ var React = require('react');
8
+ var React__default = _interopDefault(React);
8
9
  var reactRouterDom = require('react-router-dom');
9
10
 
10
11
  function styleInject(css, ref) {
@@ -40,16 +41,16 @@ styleInject(css_248z);
40
41
 
41
42
  var BottomNavBar = function BottomNavBar(_ref) {
42
43
  var navItems = _ref.navItems;
43
- return React.createElement("nav", {
44
+ return React__default.createElement("nav", {
44
45
  className: styles.bottomNav
45
46
  }, navItems.map(function (item, index) {
46
- return item.visible && React.createElement("button", {
47
+ return item.visible && React__default.createElement("button", {
47
48
  key: index,
48
49
  className: styles.navButton,
49
50
  onClick: item.onClick
50
- }, item.icon && React.createElement("span", {
51
+ }, item.icon && React__default.createElement("span", {
51
52
  className: styles.icon
52
- }, item.icon), React.createElement("span", {
53
+ }, item.icon), React__default.createElement("span", {
53
54
  className: styles.label
54
55
  }, item.label));
55
56
  }));
@@ -64,7 +65,7 @@ var Button = function Button(_ref) {
64
65
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
65
66
  _ref$className = _ref.className,
66
67
  className = _ref$className === void 0 ? '' : _ref$className;
67
- return React.createElement("button", {
68
+ return React__default.createElement("button", {
68
69
  type: type,
69
70
  onClick: onClick,
70
71
  disabled: disabled,
@@ -80,7 +81,7 @@ var CircleButton = function CircleButton(_ref) {
80
81
  var imageURL = _ref.imageURL,
81
82
  viewWidth = _ref.viewWidth,
82
83
  onClick = _ref.onClick;
83
- return React.createElement("button", {
84
+ return React__default.createElement("button", {
84
85
  className: styles$1.containerButton,
85
86
  onClick: onClick,
86
87
  style: {
@@ -92,7 +93,7 @@ var CircleButton = function CircleButton(_ref) {
92
93
  padding: 0,
93
94
  backgroundColor: '#EDD479'
94
95
  }
95
- }, React.createElement("div", {
96
+ }, React__default.createElement("div", {
96
97
  style: {
97
98
  background: "url(" + imageURL + ") center center / contain no-repeat",
98
99
  width: viewWidth + "vw",
@@ -116,7 +117,7 @@ var styles$2 = {"containerButton":"RoundButton-module_containerButton__WnBm3","i
116
117
  styleInject(css_248z$2);
117
118
 
118
119
  var RoundButton = function RoundButton(props) {
119
- return React.createElement("button", {
120
+ return React__default.createElement("button", {
120
121
  className: styles$2.containerButton,
121
122
  type: props.type || 'button',
122
123
  style: _extends({
@@ -124,9 +125,9 @@ var RoundButton = function RoundButton(props) {
124
125
  width: (props.viewWidth || 10) + "vw"
125
126
  }, props.customStyleBtn),
126
127
  onClick: props.onClick ? props.onClick : undefined
127
- }, React.createElement("div", {
128
+ }, React__default.createElement("div", {
128
129
  className: styles$2.insideButtonIconAndName
129
- }, props.icon && React.createElement(props.icon, null), React.createElement("span", {
130
+ }, props.icon && React__default.createElement(props.icon, null), React__default.createElement("span", {
130
131
  style: _extends({}, props.customStyleLabel)
131
132
  }, props.name)));
132
133
  };
@@ -137,19 +138,19 @@ styleInject(css_248z$3);
137
138
 
138
139
  var SignInWithGoogle = function SignInWithGoogle(_ref) {
139
140
  var _onClick = _ref.onClick;
140
- return React.createElement("button", {
141
+ return React__default.createElement("button", {
141
142
  className: styles$3.gsiMaterialButton,
142
143
  onClick: function onClick(event) {
143
144
  event.preventDefault(); // Prevent form submission
144
145
  _onClick(event);
145
146
  }
146
- }, React.createElement("div", {
147
+ }, React__default.createElement("div", {
147
148
  className: styles$3.gsiMaterialButtonState
148
- }), React.createElement("div", {
149
+ }), React__default.createElement("div", {
149
150
  className: styles$3.gsiMaterialButtonContentWrapper
150
- }, React.createElement("div", {
151
+ }, React__default.createElement("div", {
151
152
  className: styles$3.gsiMaterialButtonIcon
152
- }, React.createElement("svg", {
153
+ }, React__default.createElement("svg", {
153
154
  version: "1.1",
154
155
  xmlns: "http://www.w3.org/2000/svg",
155
156
  viewBox: "0 0 48 48",
@@ -157,32 +158,32 @@ var SignInWithGoogle = function SignInWithGoogle(_ref) {
157
158
  style: {
158
159
  display: "block"
159
160
  }
160
- }, React.createElement("path", {
161
+ }, React__default.createElement("path", {
161
162
  fill: "#EA4335",
162
163
  d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
163
- }), React.createElement("path", {
164
+ }), React__default.createElement("path", {
164
165
  fill: "#4285F4",
165
166
  d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
166
- }), React.createElement("path", {
167
+ }), React__default.createElement("path", {
167
168
  fill: "#FBBC05",
168
169
  d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
169
- }), React.createElement("path", {
170
+ }), React__default.createElement("path", {
170
171
  fill: "#34A853",
171
172
  d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
172
- }), React.createElement("path", {
173
+ }), React__default.createElement("path", {
173
174
  fill: "none",
174
175
  d: "M0 0h48v48H0z"
175
- }))), React.createElement("span", {
176
+ }))), React__default.createElement("span", {
176
177
  className: styles$3.gsiMaterialButtonContents
177
- }, "Continue with Google"), React.createElement("span", {
178
+ }, "Continue with Google"), React__default.createElement("span", {
178
179
  style: {
179
180
  display: "none"
180
181
  }
181
182
  }, "Continue with Google")));
182
183
  };
183
184
 
184
- var css_248z$4 = ".Card-module_card__N-f1C {\r\n border: 1px solid #ddd;\r\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n transition: 0.3s;\r\n width: calc(100% - 24px);\r\n border-radius: 8px;\r\n min-width: 250px;\r\n padding: 12px;\r\n max-width: 750px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.Card-module_card__N-f1C:hover {\r\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.Card-module_toggleButton__WHB5F {\r\n margin-top: 8px;\r\n padding: 8px 12px;\r\n background-color: #007bff;\r\n color: white;\r\n border: none;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.Card-module_toggleButton__WHB5F:hover {\r\n background-color: #0056b3;\r\n}\r\n";
185
- var styles$4 = {"card":"Card-module_card__N-f1C","toggleButton":"Card-module_toggleButton__WHB5F"};
185
+ var css_248z$4 = ".Card-module_card__N-f1C {\r\n border: 1px solid #ddd;\r\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n transition: 0.3s;\r\n width: calc(100% - 24px);\r\n border-radius: 8px;\r\n min-width: 250px;\r\n padding: 12px;\r\n max-width: 750px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.Card-module_card__N-f1C:hover {\r\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n";
186
+ var styles$4 = {"card":"Card-module_card__N-f1C"};
186
187
  styleInject(css_248z$4);
187
188
 
188
189
  var Card = function Card(_ref) {
@@ -190,13 +191,19 @@ var Card = function Card(_ref) {
190
191
  type = _ref$type === void 0 ? "generic" : _ref$type,
191
192
  compactPreview = _ref.compactPreview,
192
193
  fullContent = _ref.fullContent,
193
- _ref$isExpanded = _ref.isExpanded,
194
- isExpanded = _ref$isExpanded === void 0 ? true : _ref$isExpanded;
195
- //const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided
196
- //const toggleCard = () => setIsExpanded(!isExpanded);
197
- return React.createElement("div", {
194
+ bottomElement = _ref.bottomElement;
195
+ var _useState = React.useState(!compactPreview),
196
+ isExpanded = _useState[0],
197
+ setIsExpanded = _useState[1]; // Default to expanded if no compactPreview is provided
198
+ var toggleCard = function toggleCard() {
199
+ return setIsExpanded(!isExpanded);
200
+ };
201
+ return React__default.createElement("div", {
198
202
  className: styles$4.card + " card-" + type.toLowerCase()
199
- }, isExpanded ? fullContent : compactPreview);
203
+ }, isExpanded ? fullContent : compactPreview, compactPreview ? React__default.createElement("span", {
204
+ onClick: toggleCard,
205
+ className: 'link flexEnd'
206
+ }, isExpanded ? "Show Less" : "More Info") : React__default.createElement(React__default.Fragment, null), isExpanded ? bottomElement : React__default.createElement(React__default.Fragment, null));
200
207
  };
201
208
 
202
209
  var FormContainer = function FormContainer(_ref) {
@@ -209,66 +216,66 @@ var FormContainer = function FormContainer(_ref) {
209
216
  flexFlow: 'row',
210
217
  justifyContent: titleAlign
211
218
  };
212
- return React.createElement("div", {
219
+ return React__default.createElement("div", {
213
220
  className: "form-container"
214
- }, React.createElement("h2", {
221
+ }, React__default.createElement("h2", {
215
222
  style: dynamicTitleAlign
216
223
  }, title), children);
217
224
  };
218
225
 
219
226
  var KitchenIcon = function KitchenIcon() {
220
- return React.createElement("svg", {
227
+ return React__default.createElement("svg", {
221
228
  width: "64",
222
229
  height: "55",
223
230
  viewBox: "0 0 64 55",
224
231
  fill: "none",
225
232
  xmlns: "http://www.w3.org/2000/svg"
226
- }, React.createElement("path", {
233
+ }, React__default.createElement("path", {
227
234
  d: "M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z",
228
235
  fill: "black"
229
236
  }));
230
237
  };
231
238
  var OrdersIcon = function OrdersIcon() {
232
- return React.createElement("svg", {
239
+ return React__default.createElement("svg", {
233
240
  width: "62",
234
241
  height: "55",
235
242
  viewBox: "0 0 62 55",
236
243
  fill: "none",
237
244
  xmlns: "http://www.w3.org/2000/svg"
238
- }, React.createElement("g", {
245
+ }, React__default.createElement("g", {
239
246
  "clip-path": "url(#clip0_46_153)"
240
- }, React.createElement("path", {
247
+ }, React__default.createElement("path", {
241
248
  d: "M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z",
242
249
  fill: "black"
243
- })), React.createElement("defs", null, React.createElement("clipPath", {
250
+ })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
244
251
  id: "clip0_46_153"
245
- }, React.createElement("rect", {
252
+ }, React__default.createElement("rect", {
246
253
  width: "62",
247
254
  height: "55",
248
255
  fill: "white"
249
256
  }))));
250
257
  };
251
258
  var ProductsIcon = function ProductsIcon() {
252
- return React.createElement("svg", {
259
+ return React__default.createElement("svg", {
253
260
  width: "56",
254
261
  height: "41",
255
262
  viewBox: "0 0 56 41",
256
263
  fill: "none",
257
264
  xmlns: "http://www.w3.org/2000/svg"
258
- }, React.createElement("path", {
265
+ }, React__default.createElement("path", {
259
266
  d: "M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z",
260
267
  stroke: "black",
261
268
  "stroke-width": "2",
262
269
  "stroke-linecap": "round",
263
270
  "stroke-linejoin": "round"
264
- }), React.createElement("path", {
271
+ }), React__default.createElement("path", {
265
272
  d: "M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z",
266
273
  fill: "black",
267
274
  stroke: "black",
268
275
  "stroke-width": "2",
269
276
  "stroke-linecap": "round",
270
277
  "stroke-linejoin": "round"
271
- }), React.createElement("path", {
278
+ }), React__default.createElement("path", {
272
279
  "fill-rule": "evenodd",
273
280
  "clip-rule": "evenodd",
274
281
  d: "M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z",
@@ -276,13 +283,13 @@ var ProductsIcon = function ProductsIcon() {
276
283
  }));
277
284
  };
278
285
  var TeamIcon = function TeamIcon() {
279
- return React.createElement("svg", {
286
+ return React__default.createElement("svg", {
280
287
  width: "64",
281
288
  height: "55",
282
289
  viewBox: "0 0 64 55",
283
290
  fill: "none",
284
291
  xmlns: "http://www.w3.org/2000/svg"
285
- }, React.createElement("path", {
292
+ }, React__default.createElement("path", {
286
293
  d: "M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z",
287
294
  fill: "black"
288
295
  }));
@@ -294,7 +301,7 @@ var ValidationMessage = function ValidationMessage(_ref) {
294
301
  var colorSpan = {
295
302
  color: "" + (type == 'error' ? 'red' : type == 'info' ? 'blue' : 'black')
296
303
  };
297
- return React.createElement("span", {
304
+ return React__default.createElement("span", {
298
305
  style: colorSpan,
299
306
  className: "validation-message " + type
300
307
  }, message);
@@ -319,14 +326,14 @@ var InputField = function InputField(_ref) {
319
326
  _ref$inputClassName = _ref.inputClassName,
320
327
  inputClassName = _ref$inputClassName === void 0 ? '' : _ref$inputClassName;
321
328
  var dynamicStyle = display === 'horizontal' ? styles$5.centerContentColumn : styles$5.centerContentRow;
322
- return React.createElement("div", {
329
+ return React__default.createElement("div", {
323
330
  className: "input-field " + dynamicStyle
324
- }, React.createElement("label", {
331
+ }, React__default.createElement("label", {
325
332
  htmlFor: name,
326
333
  className: labelClassName
327
- }, label), React.createElement("div", {
334
+ }, label), React__default.createElement("div", {
328
335
  className: styles$5.centerContentColumn
329
- }, React.createElement("input", {
336
+ }, React__default.createElement("input", {
330
337
  id: name,
331
338
  type: type,
332
339
  name: name,
@@ -334,7 +341,7 @@ var InputField = function InputField(_ref) {
334
341
  onChange: onChange,
335
342
  placeholder: placeholder,
336
343
  className: inputClassName
337
- }), error && React.createElement(ValidationMessage, {
344
+ }), error && React__default.createElement(ValidationMessage, {
338
345
  message: error,
339
346
  type: "error"
340
347
  })));
@@ -348,26 +355,26 @@ var NavigationBar = function NavigationBar(_ref) {
348
355
  var navItems = _ref.navItems,
349
356
  _ref$justifyContent = _ref.justifyContent,
350
357
  justifyContent = _ref$justifyContent === void 0 ? "space-around" : _ref$justifyContent;
351
- return React.createElement("nav", {
358
+ return React__default.createElement("nav", {
352
359
  className: styles$6.nav,
353
360
  style: {
354
361
  justifyContent: justifyContent
355
362
  }
356
363
  }, navItems.map(function (item, index) {
357
- return item.visible && React.createElement("div", {
364
+ return item.visible && React__default.createElement("div", {
358
365
  key: index,
359
366
  className: styles$6.navItem,
360
367
  onClick: item.onClick
361
- }, item.icon && React.createElement("span", {
368
+ }, item.icon && React__default.createElement("span", {
362
369
  className: styles$6.icon
363
- }, item.icon), React.createElement("span", null, item.label), item.submenu && React.createElement("div", {
370
+ }, item.icon), React__default.createElement("span", null, item.label), item.submenu && React__default.createElement("div", {
364
371
  className: styles$6.submenu
365
372
  }, item.submenu.map(function (subItem, subIndex) {
366
- return subItem.visible && React.createElement(React.Fragment, null, React.createElement("div", {
373
+ return subItem.visible && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
367
374
  key: subIndex,
368
375
  className: styles$6.submenuItem,
369
376
  onClick: subItem.onClick
370
- }, subItem.icon && React.createElement("span", {
377
+ }, subItem.icon && React__default.createElement("span", {
371
378
  className: styles$6.icon
372
379
  }, subItem.icon), subItem.label));
373
380
  })));
@@ -379,7 +386,7 @@ var ProtectedRoute = function ProtectedRoute(_ref) {
379
386
  var children = _ref.children,
380
387
  _ref$isAuthenticated = _ref.isAuthenticated,
381
388
  isAuthenticated = _ref$isAuthenticated === void 0 ? false : _ref$isAuthenticated;
382
- return isAuthenticated ? children : React.createElement(reactRouterDom.Navigate, {
389
+ return isAuthenticated ? children : React__default.createElement(reactRouterDom.Navigate, {
383
390
  to: "/",
384
391
  replace: true
385
392
  });
package/dist/shared-react-components-ts.cjs.development.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shared-react-components-ts.cjs.development.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx","../src/components/card/Card.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/validationMessage/ValidationMessage.tsx","../src/components/inputField/InputField.tsx","../src/components/navBar/NavBar.tsx","../src/components/protectedRoute/ProtectedRoute.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n label: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n return (\r\n <nav className={styles.bottomNav}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <button\r\n key={index}\r\n className={styles.navButton}\r\n onClick={item.onClick}\r\n >\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span className={styles.label}>{item.label}</span>\r\n </button>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n label: string;\r\n onClick?: () => void;\r\n type?: 'button' | 'submit' | 'reset';\r\n disabled?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n label,\r\n onClick,\r\n type = 'button',\r\n disabled = false,\r\n className = '',\r\n}) => (\r\n <button type={type} onClick={onClick} disabled={disabled} className={className}>\r\n {label}\r\n </button>\r\n);\r\n","import React from 'react'\r\nimport styles from './CircleButton.module.css'\r\n\r\n\r\ninterface CircleButtonProps {\r\n imageURL: string;\r\n viewWidth: number;\r\n onClick: () => void\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({ imageURL, viewWidth, onClick }) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n onClick={onClick}\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n width: `${viewWidth * 3}vw`,\r\n height: `${viewWidth * 3}vw`,\r\n padding: 0,\r\n backgroundColor: '#EDD479'\r\n }}\r\n >\r\n <div\r\n style={{\r\n background: `url(${imageURL}) center center / contain no-repeat`,\r\n width: `${viewWidth}vw`,\r\n height: `${viewWidth}vw`,\r\n }}\r\n ></div>\r\n </button>\r\n )\r\n}","import React from 'react'\r\nimport styles from './RoundButton.module.css'\r\nimport IBtnOption from '../IBtnOption'\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = (props) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n type={props.type || 'button'}\r\n style={{\r\n height: `${props.viewHeight || 10}vh`,\r\n width: `${props.viewWidth || 10}vw`,\r\n ...props.customStyleBtn\r\n }}\r\n onClick={props.onClick ? props.onClick : undefined}\r\n >\r\n <div className={styles.insideButtonIconAndName}>\r\n {props.icon && <props.icon />}\r\n <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n </div>\r\n </button>\r\n )\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./SignInWithGoogle.module.css\";\r\n\r\ninterface SignInWithGoogleProps {\r\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({ onClick }) => {\r\n return (\r\n <button\r\n className={styles.gsiMaterialButton}\r\n onClick={(event) => {\r\n event.preventDefault(); // Prevent form submission\r\n onClick(event);\r\n }}>\r\n <div className={styles.gsiMaterialButtonState}></div>\r\n <div className={styles.gsiMaterialButtonContentWrapper}>\r\n <div className={styles.gsiMaterialButtonIcon}>\r\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" style={{ display: \"block\" }}>\r\n <path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path>\r\n <path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path>\r\n <path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path>\r\n <path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path>\r\n <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n </svg>\r\n </div>\r\n <span className={styles.gsiMaterialButtonContents}>Continue with Google</span>\r\n <span style={{ display: \"none\" }}>Continue with Google</span>\r\n </div>\r\n </button>\r\n );\r\n};\r\n","import React, { ReactNode } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n type?: string;\r\n compactPreview?: ReactNode; // Content to show in compact mode\r\n fullContent: ReactNode; //this contain the full version\r\n isExpanded?: boolean; //optional but by default isExpanded = true\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({ type = \"generic\", compactPreview, fullContent, isExpanded = true }) => {\r\n\r\n //const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided\r\n\r\n //const toggleCard = () => setIsExpanded(!isExpanded);\r\n\r\n return (\r\n <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n {isExpanded ? fullContent : compactPreview}\r\n </div>\r\n );\r\n};\r\n\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n children: React.ReactNode;\r\n title: string;\r\n titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\n\r\n\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({ children, title, titleAlign = 'start' }) => {\r\n\r\n const dynamicTitleAlign = {\r\n display: 'flex',\r\n flexFlow: 'row',\r\n justifyContent: titleAlign,\r\n };\r\n return (\r\n <div className=\"form-container\">\r\n <h2 style={dynamicTitleAlign}>{title}</h2>\r\n {children}\r\n </div >\r\n );\r\n}\r\n","\r\nimport React from 'react'\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n <svg width=\"62\" height=\"55\" viewBox=\"0 0 62 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_46_153)\">\r\n <path d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\" fill=\"black\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_46_153\">\r\n <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n <svg width=\"56\" height=\"41\" viewBox=\"0 0 56 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\" fill=\"black\" />\r\n </svg>\r\n);","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n message: string;\r\n type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({ message, type }) => {\r\n const colorSpan = {\r\n color: `${type == 'error' ? 'red' : (type == 'info' ? 'blue' : 'black')}`\r\n };\r\n return (\r\n <span style={colorSpan} className={`validation-message ${type}`}>{message}</span>\r\n );\r\n}","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css'\r\n\r\ninterface InputFieldProps {\r\n label: string;\r\n type: string;\r\n display?: 'vertical' | 'horizontal'\r\n name: string;\r\n value: string;\r\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n placeholder?: string;\r\n error?: string;\r\n labelClassName?: string;\r\n inputClassName?: string\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n label,\r\n type,\r\n display = 'horizontal',\r\n name,\r\n value,\r\n onChange,\r\n placeholder,\r\n error,\r\n labelClassName = '',\r\n inputClassName = ''\r\n}) => {\r\n const dynamicStyle = display === 'horizontal' ? styles.centerContentColumn : styles.centerContentRow;\r\n return (\r\n <div className={`input-field ${dynamicStyle}`}>\r\n <label htmlFor={name} className={labelClassName}>{label}</label>\r\n <div className={styles.centerContentColumn}>\r\n <input\r\n id={name}\r\n type={type}\r\n name={name}\r\n value={value}\r\n onChange={onChange}\r\n placeholder={placeholder}\r\n className={inputClassName}\r\n />\r\n {error && <ValidationMessage message={error} type=\"error\" />}\r\n </div>\r\n </div>\r\n );\r\n}","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n label?: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n navItems: NavItem[];\r\n justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({ navItems, justifyContent = \"space-around\" }) => {\r\n return (\r\n <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span>{item.label}</span>\r\n {item.submenu && (\r\n <div className={styles.submenu}>\r\n {item.submenu.map(\r\n (subItem, subIndex) =>\r\n subItem.visible && (\r\n <>\r\n <div key={subIndex} className={styles.submenuItem} onClick={subItem.onClick}>\r\n {subItem.icon && <span className={styles.icon}>{subItem.icon}</span>}\r\n {subItem.label}\r\n </div>\r\n </>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n children: JSX.Element;\r\n isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children, isAuthenticated = false }) => {\r\n return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n\r\n"],"names":["BottomNavBar","_ref","navItems","React","className","styles","bottomNav","map","item","index","visible","key","navButton","onClick","icon","label","Button","_ref$type","type","_ref$disabled","disabled","_ref$className","CircleButton","imageURL","viewWidth","containerButton","style","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","RoundButton","props","_extends","viewHeight","customStyleBtn","undefined","insideButtonIconAndName","customStyleLabel","name","SignInWithGoogle","gsiMaterialButton","event","preventDefault","gsiMaterialButtonState","gsiMaterialButtonContentWrapper","gsiMaterialButtonIcon","version","xmlns","viewBox","xmlnsXlink","fill","d","gsiMaterialButtonContents","Card","compactPreview","fullContent","_ref$isExpanded","isExpanded","card","toLowerCase","FormContainer","children","title","_ref$titleAlign","titleAlign","dynamicTitleAlign","flexFlow","KitchenIcon","OrdersIcon","id","ProductsIcon","stroke","TeamIcon","ValidationMessage","message","colorSpan","color","InputField","_ref$display","value","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","dynamicStyle","centerContentColumn","centerContentRow","htmlFor","NavigationBar","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","ProtectedRoute","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace"],"mappings":"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"}
1
+ {"version":3,"file":"shared-react-components-ts.cjs.development.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx","../src/components/card/Card.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/validationMessage/ValidationMessage.tsx","../src/components/inputField/InputField.tsx","../src/components/navBar/NavBar.tsx","../src/components/protectedRoute/ProtectedRoute.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n label: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n return (\r\n <nav className={styles.bottomNav}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <button\r\n key={index}\r\n className={styles.navButton}\r\n onClick={item.onClick}\r\n >\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span className={styles.label}>{item.label}</span>\r\n </button>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n label: string;\r\n onClick?: () => void;\r\n type?: 'button' | 'submit' | 'reset';\r\n disabled?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n label,\r\n onClick,\r\n type = 'button',\r\n disabled = false,\r\n className = '',\r\n}) => (\r\n <button type={type} onClick={onClick} disabled={disabled} className={className}>\r\n {label}\r\n </button>\r\n);\r\n","import React from 'react'\r\nimport styles from './CircleButton.module.css'\r\n\r\n\r\ninterface CircleButtonProps {\r\n imageURL: string;\r\n viewWidth: number;\r\n onClick: () => void\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({ imageURL, viewWidth, onClick }) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n onClick={onClick}\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n width: `${viewWidth * 3}vw`,\r\n height: `${viewWidth * 3}vw`,\r\n padding: 0,\r\n backgroundColor: '#EDD479'\r\n }}\r\n >\r\n <div\r\n style={{\r\n background: `url(${imageURL}) center center / contain no-repeat`,\r\n width: `${viewWidth}vw`,\r\n height: `${viewWidth}vw`,\r\n }}\r\n ></div>\r\n </button>\r\n )\r\n}","import React from 'react'\r\nimport styles from './RoundButton.module.css'\r\nimport IBtnOption from '../IBtnOption'\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = (props) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n type={props.type || 'button'}\r\n style={{\r\n height: `${props.viewHeight || 10}vh`,\r\n width: `${props.viewWidth || 10}vw`,\r\n ...props.customStyleBtn\r\n }}\r\n onClick={props.onClick ? props.onClick : undefined}\r\n >\r\n <div className={styles.insideButtonIconAndName}>\r\n {props.icon && <props.icon />}\r\n <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n </div>\r\n </button>\r\n )\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./SignInWithGoogle.module.css\";\r\n\r\ninterface SignInWithGoogleProps {\r\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({ onClick }) => {\r\n return (\r\n <button\r\n className={styles.gsiMaterialButton}\r\n onClick={(event) => {\r\n event.preventDefault(); // Prevent form submission\r\n onClick(event);\r\n }}>\r\n <div className={styles.gsiMaterialButtonState}></div>\r\n <div className={styles.gsiMaterialButtonContentWrapper}>\r\n <div className={styles.gsiMaterialButtonIcon}>\r\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" style={{ display: \"block\" }}>\r\n <path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path>\r\n <path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path>\r\n <path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path>\r\n <path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path>\r\n <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n </svg>\r\n </div>\r\n <span className={styles.gsiMaterialButtonContents}>Continue with Google</span>\r\n <span style={{ display: \"none\" }}>Continue with Google</span>\r\n </div>\r\n </button>\r\n );\r\n};\r\n","import React, { ReactNode, useState } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n type?: string;\r\n compactPreview?: ReactNode; // Content to show in compact mode\r\n fullContent: ReactNode; //this contain the full version\r\n bottomElement: ReactNode; //most usable for set a <button> but can be anything\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({ type = \"generic\", compactPreview, fullContent, bottomElement }) => {\r\n const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided\r\n const toggleCard = () => setIsExpanded(!isExpanded);\r\n return (\r\n <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n {isExpanded ? fullContent : compactPreview}\r\n {\r\n compactPreview ?\r\n <span onClick={toggleCard} className='link flexEnd'>\r\n {isExpanded ? \"Show Less\" : \"More Info\"}\r\n </span>\r\n : <></>\r\n }\r\n {\r\n isExpanded ? bottomElement : <></>\r\n }\r\n </div>\r\n );\r\n};\r\n\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n children: React.ReactNode;\r\n title: string;\r\n titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\n\r\n\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({ children, title, titleAlign = 'start' }) => {\r\n\r\n const dynamicTitleAlign = {\r\n display: 'flex',\r\n flexFlow: 'row',\r\n justifyContent: titleAlign,\r\n };\r\n return (\r\n <div className=\"form-container\">\r\n <h2 style={dynamicTitleAlign}>{title}</h2>\r\n {children}\r\n </div >\r\n );\r\n}\r\n","\r\nimport React from 'react'\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n <svg width=\"62\" height=\"55\" viewBox=\"0 0 62 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_46_153)\">\r\n <path d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\" fill=\"black\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_46_153\">\r\n <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n <svg width=\"56\" height=\"41\" viewBox=\"0 0 56 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\" fill=\"black\" />\r\n </svg>\r\n);","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n message: string;\r\n type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({ message, type }) => {\r\n const colorSpan = {\r\n color: `${type == 'error' ? 'red' : (type == 'info' ? 'blue' : 'black')}`\r\n };\r\n return (\r\n <span style={colorSpan} className={`validation-message ${type}`}>{message}</span>\r\n );\r\n}","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css'\r\n\r\ninterface InputFieldProps {\r\n label: string;\r\n type: string;\r\n display?: 'vertical' | 'horizontal'\r\n name: string;\r\n value: string;\r\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n placeholder?: string;\r\n error?: string;\r\n labelClassName?: string;\r\n inputClassName?: string\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n label,\r\n type,\r\n display = 'horizontal',\r\n name,\r\n value,\r\n onChange,\r\n placeholder,\r\n error,\r\n labelClassName = '',\r\n inputClassName = ''\r\n}) => {\r\n const dynamicStyle = display === 'horizontal' ? styles.centerContentColumn : styles.centerContentRow;\r\n return (\r\n <div className={`input-field ${dynamicStyle}`}>\r\n <label htmlFor={name} className={labelClassName}>{label}</label>\r\n <div className={styles.centerContentColumn}>\r\n <input\r\n id={name}\r\n type={type}\r\n name={name}\r\n value={value}\r\n onChange={onChange}\r\n placeholder={placeholder}\r\n className={inputClassName}\r\n />\r\n {error && <ValidationMessage message={error} type=\"error\" />}\r\n </div>\r\n </div>\r\n );\r\n}","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n label?: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n navItems: NavItem[];\r\n justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({ navItems, justifyContent = \"space-around\" }) => {\r\n return (\r\n <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span>{item.label}</span>\r\n {item.submenu && (\r\n <div className={styles.submenu}>\r\n {item.submenu.map(\r\n (subItem, subIndex) =>\r\n subItem.visible && (\r\n <>\r\n <div key={subIndex} className={styles.submenuItem} onClick={subItem.onClick}>\r\n {subItem.icon && <span className={styles.icon}>{subItem.icon}</span>}\r\n {subItem.label}\r\n </div>\r\n </>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n children: JSX.Element;\r\n isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children, isAuthenticated = false }) => {\r\n return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n\r\n"],"names":["BottomNavBar","_ref","navItems","React","className","styles","bottomNav","map","item","index","visible","key","navButton","onClick","icon","label","Button","_ref$type","type","_ref$disabled","disabled","_ref$className","CircleButton","imageURL","viewWidth","containerButton","style","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","RoundButton","props","_extends","viewHeight","customStyleBtn","undefined","insideButtonIconAndName","customStyleLabel","name","SignInWithGoogle","gsiMaterialButton","event","preventDefault","gsiMaterialButtonState","gsiMaterialButtonContentWrapper","gsiMaterialButtonIcon","version","xmlns","viewBox","xmlnsXlink","fill","d","gsiMaterialButtonContents","Card","compactPreview","fullContent","bottomElement","_useState","useState","isExpanded","setIsExpanded","toggleCard","card","toLowerCase","FormContainer","children","title","_ref$titleAlign","titleAlign","dynamicTitleAlign","flexFlow","KitchenIcon","OrdersIcon","id","ProductsIcon","stroke","TeamIcon","ValidationMessage","message","colorSpan","color","InputField","_ref$display","value","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","dynamicStyle","centerContentColumn","centerContentRow","htmlFor","NavigationBar","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","ProtectedRoute","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace"],"mappings":"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"}
package/dist/shared-react-components-ts.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,e=(n=require("react"))&&"object"==typeof n&&"default"in n?n.default:n,t=require("react-router-dom");function r(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}function o(){return(o=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(null,arguments)}r("/* BottomNavigationBar.module.css */\r\n\r\n.BottomNavBar-module_bottomNav__i-wit {\r\n position: fixed;\r\n bottom: 0;\r\n width: 100%;\r\n background-color: #001f3f;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n padding: 10px 0;\r\n color: #fff;\r\n font-family: Arial, sans-serif;\r\n box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);\r\n z-index: 1000; /* Ensure the navbar stays on top */\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ {\r\n background: none;\r\n border: none;\r\n color: inherit;\r\n font: inherit;\r\n cursor: pointer;\r\n padding: 5px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ:focus {\r\n outline: none;\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ:hover .BottomNavBar-module_icon__mvP8S,\r\n.BottomNavBar-module_navButton__p2NtZ:hover .BottomNavBar-module_label__UAxks {\r\n color: #f0ad4e; /* Change to your desired hover color */\r\n}\r\n\r\n.BottomNavBar-module_icon__mvP8S {\r\n font-size: 24px;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.BottomNavBar-module_label__UAxks {\r\n font-size: 12px;\r\n}\r\n"),r(".CircleButton-module_containerButton__CNrd- {\r\n border-radius: 50%;\r\n height: 5vw;\r\n width: 5vw;\r\n}\r\n"),r(".RoundButton-module_containerButton__WnBm3 {\r\n border-radius: 12px;\r\n min-height: 60px;\r\n min-width: 130px;\r\n}\r\n\r\n.RoundButton-module_insideButtonIconAndName__1IPVa {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n"),r(".SignInWithGoogle-module_gsiMaterialButton__-3K-u {\r\n -moz-user-select: none;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n -webkit-appearance: none;\r\n background-color: WHITE;\r\n background-image: none;\r\n border: 1px solid #747775;\r\n -webkit-border-radius: 20px;\r\n border-radius: 20px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n color: #1f1f1f;\r\n cursor: pointer;\r\n font-family: 'Roboto', arial, sans-serif;\r\n font-size: 14px;\r\n height: 40px;\r\n letter-spacing: 0.25px;\r\n outline: none;\r\n overflow: hidden;\r\n padding: 0 12px;\r\n position: relative;\r\n text-align: center;\r\n -webkit-transition: background-color 0.218s, border-color 0.218s,\r\n box-shadow 0.218s;\r\n transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;\r\n vertical-align: middle;\r\n white-space: nowrap;\r\n width: auto;\r\n max-width: 400px;\r\n min-width: min-content;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS {\r\n height: 20px;\r\n margin-right: 12px;\r\n min-width: 20px;\r\n width: 20px;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonContentWrapper__VIZMS {\r\n -webkit-align-items: center;\r\n align-items: center;\r\n display: flex;\r\n -webkit-flex-direction: row;\r\n flex-direction: row;\r\n -webkit-flex-wrap: nowrap;\r\n flex-wrap: nowrap;\r\n height: 100%;\r\n justify-content: space-between;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH {\r\n -webkit-flex-grow: 1;\r\n flex-grow: 1;\r\n font-family: 'Roboto', arial, sans-serif;\r\n font-weight: 500;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n vertical-align: top;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n -webkit-transition: opacity 0.218s;\r\n transition: opacity 0.218s;\r\n bottom: 0;\r\n left: 0;\r\n opacity: 0;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled {\r\n cursor: default;\r\n background-color: #ffffff61;\r\n border-color: #1f1f1f1f;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled .SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH {\r\n opacity: 38%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled .SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS {\r\n opacity: 38%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):active .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2,\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):focus .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n background-color: #303030;\r\n opacity: 12%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):hover {\r\n -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),\r\n 0 1px 3px 1px rgba(60, 64, 67, 0.15);\r\n box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),\r\n 0 1px 3px 1px rgba(60, 64, 67, 0.15);\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):hover .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n background-color: #303030;\r\n opacity: 8%;\r\n}\r\n"),r(".Card-module_card__N-f1C {\r\n border: 1px solid #ddd;\r\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n transition: 0.3s;\r\n width: calc(100% - 24px);\r\n border-radius: 8px;\r\n min-width: 250px;\r\n padding: 12px;\r\n max-width: 750px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.Card-module_card__N-f1C:hover {\r\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.Card-module_toggleButton__WHB5F {\r\n margin-top: 8px;\r\n padding: 8px 12px;\r\n background-color: #007bff;\r\n color: white;\r\n border: none;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.Card-module_toggleButton__WHB5F:hover {\r\n background-color: #0056b3;\r\n}\r\n");var a=function(n){var t=n.type;return e.createElement("span",{style:{color:"error"==t?"red":"info"==t?"blue":"black"},className:"validation-message "+t},n.message)};r(".InputField-module_centerContentRow__qHEIU {\r\n display: flex;\r\n flex-flow: row;\r\n justify-content: center;\r\n align-items: baseline;\r\n gap: 5px;\r\n}\r\n\r\n.InputField-module_centerContentColumn__dSN0e {\r\n display: flex;\r\n flex-flow: column;\r\n justify-content: center;\r\n gap: 5px;\r\n}\r\n");var i={nav:"NavBar-module_nav__SZ96J",navItem:"NavBar-module_navItem__2lfwY",submenu:"NavBar-module_submenu__lj-mo",submenuItem:"NavBar-module_submenuItem__mvBS9"};r(".NavBar-module_nav__SZ96J {\r\n /*nav*/\r\n background-color: #001f3f;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n padding: 10px 0;\r\n color: #fff;\r\n font-family: Arial, sans-serif;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY {\r\n /*nav > div*/\r\n position: relative;\r\n cursor: pointer;\r\n margin: 0 15px;\r\n\r\n /*following for icon above text on top navbar*/\r\n display: flex;\r\n flex-flow: column;\r\n align-items: center;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY:hover .NavBar-module_submenu__lj-mo {\r\n /*nav > div:hover > div*/\r\n display: block;\r\n}\r\n\r\n.NavBar-module_submenu__lj-mo {\r\n /*nav div div*/\r\n display: none;\r\n background-color: #003366;\r\n padding: 10px;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n border-radius: 5px;\r\n z-index: 1;\r\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.NavBar-module_submenuItem__mvBS9 {\r\n /*nav div div div*/\r\n margin: 5px 0;\r\n padding: 5px 0;\r\n\r\n /*for aligning icon an text in the center*/\r\n display: flex;\r\n}\r\n"),exports.BottomNavBar=function(n){return e.createElement("nav",{className:"BottomNavBar-module_bottomNav__i-wit"},n.navItems.map((function(n,t){return n.visible&&e.createElement("button",{key:t,className:"BottomNavBar-module_navButton__p2NtZ",onClick:n.onClick},n.icon&&e.createElement("span",{className:"BottomNavBar-module_icon__mvP8S"},n.icon),e.createElement("span",{className:"BottomNavBar-module_label__UAxks"},n.label))})))},exports.Button=function(n){var t=n.type,r=n.disabled,o=n.className;return e.createElement("button",{type:void 0===t?"button":t,onClick:n.onClick,disabled:void 0!==r&&r,className:void 0===o?"":o},n.label)},exports.Card=function(n){var t=n.type,r=n.compactPreview,o=n.fullContent,a=n.isExpanded,i=void 0===a||a;return e.createElement("div",{className:"Card-module_card__N-f1C card-"+(void 0===t?"generic":t).toLowerCase()},i?o:r)},exports.CircleButton=function(n){var t=n.viewWidth;return e.createElement("button",{className:"CircleButton-module_containerButton__CNrd-",onClick:n.onClick,style:{display:"flex",justifyContent:"center",alignItems:"center",width:3*t+"vw",height:3*t+"vw",padding:0,backgroundColor:"#EDD479"}},e.createElement("div",{style:{background:"url("+n.imageURL+") center center / contain no-repeat",width:t+"vw",height:t+"vw"}}))},exports.FormContainer=function(n){var t=n.children,r=n.titleAlign;return e.createElement("div",{className:"form-container"},e.createElement("h2",{style:{display:"flex",flexFlow:"row",justifyContent:void 0===r?"start":r}},n.title),t)},exports.InputField=function(n){var t=n.type,r=n.display,o=n.name,i=n.value,l=n.onChange,d=n.placeholder,s=n.error,c=n.labelClassName,u=n.inputClassName,m=void 0===u?"":u;return e.createElement("div",{className:"input-field "+("horizontal"===(void 0===r?"horizontal":r)?"InputField-module_centerContentColumn__dSN0e":"InputField-module_centerContentRow__qHEIU")},e.createElement("label",{htmlFor:o,className:void 0===c?"":c},n.label),e.createElement("div",{className:"InputField-module_centerContentColumn__dSN0e"},e.createElement("input",{id:o,type:t,name:o,value:i,onChange:l,placeholder:d,className:m}),s&&e.createElement(a,{message:s,type:"error"})))},exports.KitchenIcon=function(){return e.createElement("svg",{width:"64",height:"55",viewBox:"0 0 64 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z",fill:"black"}))},exports.NavigationBar=function(n){var t=n.justifyContent;return e.createElement("nav",{className:i.nav,style:{justifyContent:void 0===t?"space-around":t}},n.navItems.map((function(n,t){return n.visible&&e.createElement("div",{key:t,className:i.navItem,onClick:n.onClick},n.icon&&e.createElement("span",{className:i.icon},n.icon),e.createElement("span",null,n.label),n.submenu&&e.createElement("div",{className:i.submenu},n.submenu.map((function(n,t){return n.visible&&e.createElement(e.Fragment,null,e.createElement("div",{key:t,className:i.submenuItem,onClick:n.onClick},n.icon&&e.createElement("span",{className:i.icon},n.icon),n.label))}))))})))},exports.OrdersIcon=function(){return e.createElement("svg",{width:"62",height:"55",viewBox:"0 0 62 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{"clip-path":"url(#clip0_46_153)"},e.createElement("path",{d:"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z",fill:"black"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_46_153"},e.createElement("rect",{width:"62",height:"55",fill:"white"}))))},exports.ProductsIcon=function(){return e.createElement("svg",{width:"56",height:"41",viewBox:"0 0 56 41",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z",stroke:"black","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElement("path",{d:"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z",fill:"black",stroke:"black","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z",fill:"black"}))},exports.ProtectedRoute=function(n){var r=n.isAuthenticated;return void 0!==r&&r?n.children:e.createElement(t.Navigate,{to:"/",replace:!0})},exports.RoundButton=function(n){return e.createElement("button",{className:"RoundButton-module_containerButton__WnBm3",type:n.type||"button",style:o({height:(n.viewHeight||10)+"vh",width:(n.viewWidth||10)+"vw"},n.customStyleBtn),onClick:n.onClick?n.onClick:void 0},e.createElement("div",{className:"RoundButton-module_insideButtonIconAndName__1IPVa"},n.icon&&e.createElement(n.icon,null),e.createElement("span",{style:o({},n.customStyleLabel)},n.name)))},exports.SignInWithGoogle=function(n){var t=n.onClick;return e.createElement("button",{className:"SignInWithGoogle-module_gsiMaterialButton__-3K-u",onClick:function(n){n.preventDefault(),t(n)}},e.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2"}),e.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonContentWrapper__VIZMS"},e.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS"},e.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",xmlnsXlink:"http://www.w3.org/1999/xlink",style:{display:"block"}},e.createElement("path",{fill:"#EA4335",d:"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"}),e.createElement("path",{fill:"#4285F4",d:"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"}),e.createElement("path",{fill:"#FBBC05",d:"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"}),e.createElement("path",{fill:"#34A853",d:"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"}),e.createElement("path",{fill:"none",d:"M0 0h48v48H0z"}))),e.createElement("span",{className:"SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH"},"Continue with Google"),e.createElement("span",{style:{display:"none"}},"Continue with Google")))},exports.TeamIcon=function(){return e.createElement("svg",{width:"64",height:"55",viewBox:"0 0 64 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z",fill:"black"}))},exports.ValidationMessage=a;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),t=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom");function o(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}o("/* BottomNavigationBar.module.css */\r\n\r\n.BottomNavBar-module_bottomNav__i-wit {\r\n position: fixed;\r\n bottom: 0;\r\n width: 100%;\r\n background-color: #001f3f;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n padding: 10px 0;\r\n color: #fff;\r\n font-family: Arial, sans-serif;\r\n box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);\r\n z-index: 1000; /* Ensure the navbar stays on top */\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ {\r\n background: none;\r\n border: none;\r\n color: inherit;\r\n font: inherit;\r\n cursor: pointer;\r\n padding: 5px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ:focus {\r\n outline: none;\r\n}\r\n\r\n.BottomNavBar-module_navButton__p2NtZ:hover .BottomNavBar-module_icon__mvP8S,\r\n.BottomNavBar-module_navButton__p2NtZ:hover .BottomNavBar-module_label__UAxks {\r\n color: #f0ad4e; /* Change to your desired hover color */\r\n}\r\n\r\n.BottomNavBar-module_icon__mvP8S {\r\n font-size: 24px;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.BottomNavBar-module_label__UAxks {\r\n font-size: 12px;\r\n}\r\n"),o(".CircleButton-module_containerButton__CNrd- {\r\n border-radius: 50%;\r\n height: 5vw;\r\n width: 5vw;\r\n}\r\n"),o(".RoundButton-module_containerButton__WnBm3 {\r\n border-radius: 12px;\r\n min-height: 60px;\r\n min-width: 130px;\r\n}\r\n\r\n.RoundButton-module_insideButtonIconAndName__1IPVa {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n"),o(".SignInWithGoogle-module_gsiMaterialButton__-3K-u {\r\n -moz-user-select: none;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n -webkit-appearance: none;\r\n background-color: WHITE;\r\n background-image: none;\r\n border: 1px solid #747775;\r\n -webkit-border-radius: 20px;\r\n border-radius: 20px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n color: #1f1f1f;\r\n cursor: pointer;\r\n font-family: 'Roboto', arial, sans-serif;\r\n font-size: 14px;\r\n height: 40px;\r\n letter-spacing: 0.25px;\r\n outline: none;\r\n overflow: hidden;\r\n padding: 0 12px;\r\n position: relative;\r\n text-align: center;\r\n -webkit-transition: background-color 0.218s, border-color 0.218s,\r\n box-shadow 0.218s;\r\n transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;\r\n vertical-align: middle;\r\n white-space: nowrap;\r\n width: auto;\r\n max-width: 400px;\r\n min-width: min-content;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS {\r\n height: 20px;\r\n margin-right: 12px;\r\n min-width: 20px;\r\n width: 20px;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonContentWrapper__VIZMS {\r\n -webkit-align-items: center;\r\n align-items: center;\r\n display: flex;\r\n -webkit-flex-direction: row;\r\n flex-direction: row;\r\n -webkit-flex-wrap: nowrap;\r\n flex-wrap: nowrap;\r\n height: 100%;\r\n justify-content: space-between;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH {\r\n -webkit-flex-grow: 1;\r\n flex-grow: 1;\r\n font-family: 'Roboto', arial, sans-serif;\r\n font-weight: 500;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n vertical-align: top;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n -webkit-transition: opacity 0.218s;\r\n transition: opacity 0.218s;\r\n bottom: 0;\r\n left: 0;\r\n opacity: 0;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled {\r\n cursor: default;\r\n background-color: #ffffff61;\r\n border-color: #1f1f1f1f;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled .SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH {\r\n opacity: 38%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:disabled .SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS {\r\n opacity: 38%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):active .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2,\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):focus .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n background-color: #303030;\r\n opacity: 12%;\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):hover {\r\n -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),\r\n 0 1px 3px 1px rgba(60, 64, 67, 0.15);\r\n box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),\r\n 0 1px 3px 1px rgba(60, 64, 67, 0.15);\r\n}\r\n\r\n.SignInWithGoogle-module_gsiMaterialButton__-3K-u:not(:disabled):hover .SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2 {\r\n background-color: #303030;\r\n opacity: 8%;\r\n}\r\n"),o(".Card-module_card__N-f1C {\r\n border: 1px solid #ddd;\r\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n transition: 0.3s;\r\n width: calc(100% - 24px);\r\n border-radius: 8px;\r\n min-width: 250px;\r\n padding: 12px;\r\n max-width: 750px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.Card-module_card__N-f1C:hover {\r\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n");var i=function(e){var n=e.type;return t.createElement("span",{style:{color:"error"==n?"red":"info"==n?"blue":"black"},className:"validation-message "+n},e.message)};o(".InputField-module_centerContentRow__qHEIU {\r\n display: flex;\r\n flex-flow: row;\r\n justify-content: center;\r\n align-items: baseline;\r\n gap: 5px;\r\n}\r\n\r\n.InputField-module_centerContentColumn__dSN0e {\r\n display: flex;\r\n flex-flow: column;\r\n justify-content: center;\r\n gap: 5px;\r\n}\r\n");var l={nav:"NavBar-module_nav__SZ96J",navItem:"NavBar-module_navItem__2lfwY",submenu:"NavBar-module_submenu__lj-mo",submenuItem:"NavBar-module_submenuItem__mvBS9"};o(".NavBar-module_nav__SZ96J {\r\n /*nav*/\r\n background-color: #001f3f;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n padding: 10px 0;\r\n color: #fff;\r\n font-family: Arial, sans-serif;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY {\r\n /*nav > div*/\r\n position: relative;\r\n cursor: pointer;\r\n margin: 0 15px;\r\n\r\n /*following for icon above text on top navbar*/\r\n display: flex;\r\n flex-flow: column;\r\n align-items: center;\r\n}\r\n\r\n.NavBar-module_navItem__2lfwY:hover .NavBar-module_submenu__lj-mo {\r\n /*nav > div:hover > div*/\r\n display: block;\r\n}\r\n\r\n.NavBar-module_submenu__lj-mo {\r\n /*nav div div*/\r\n display: none;\r\n background-color: #003366;\r\n padding: 10px;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n border-radius: 5px;\r\n z-index: 1;\r\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.NavBar-module_submenuItem__mvBS9 {\r\n /*nav div div div*/\r\n margin: 5px 0;\r\n padding: 5px 0;\r\n\r\n /*for aligning icon an text in the center*/\r\n display: flex;\r\n}\r\n"),exports.BottomNavBar=function(e){return t.createElement("nav",{className:"BottomNavBar-module_bottomNav__i-wit"},e.navItems.map((function(e,n){return e.visible&&t.createElement("button",{key:n,className:"BottomNavBar-module_navButton__p2NtZ",onClick:e.onClick},e.icon&&t.createElement("span",{className:"BottomNavBar-module_icon__mvP8S"},e.icon),t.createElement("span",{className:"BottomNavBar-module_label__UAxks"},e.label))})))},exports.Button=function(e){var n=e.type,r=e.disabled,o=e.className;return t.createElement("button",{type:void 0===n?"button":n,onClick:e.onClick,disabled:void 0!==r&&r,className:void 0===o?"":o},e.label)},exports.Card=function(e){var r=e.type,o=void 0===r?"generic":r,a=e.compactPreview,i=e.fullContent,l=e.bottomElement,s=n.useState(!a),d=s[0],c=s[1];return t.createElement("div",{className:"Card-module_card__N-f1C card-"+o.toLowerCase()},d?i:a,a?t.createElement("span",{onClick:function(){return c(!d)},className:"link flexEnd"},d?"Show Less":"More Info"):t.createElement(t.Fragment,null),d?l:t.createElement(t.Fragment,null))},exports.CircleButton=function(e){var n=e.viewWidth;return t.createElement("button",{className:"CircleButton-module_containerButton__CNrd-",onClick:e.onClick,style:{display:"flex",justifyContent:"center",alignItems:"center",width:3*n+"vw",height:3*n+"vw",padding:0,backgroundColor:"#EDD479"}},t.createElement("div",{style:{background:"url("+e.imageURL+") center center / contain no-repeat",width:n+"vw",height:n+"vw"}}))},exports.FormContainer=function(e){var n=e.children,r=e.titleAlign;return t.createElement("div",{className:"form-container"},t.createElement("h2",{style:{display:"flex",flexFlow:"row",justifyContent:void 0===r?"start":r}},e.title),n)},exports.InputField=function(e){var n=e.type,r=e.display,o=e.name,a=e.value,l=e.onChange,s=e.placeholder,d=e.error,c=e.labelClassName,u=e.inputClassName,m=void 0===u?"":u;return t.createElement("div",{className:"input-field "+("horizontal"===(void 0===r?"horizontal":r)?"InputField-module_centerContentColumn__dSN0e":"InputField-module_centerContentRow__qHEIU")},t.createElement("label",{htmlFor:o,className:void 0===c?"":c},e.label),t.createElement("div",{className:"InputField-module_centerContentColumn__dSN0e"},t.createElement("input",{id:o,type:n,name:o,value:a,onChange:l,placeholder:s,className:m}),d&&t.createElement(i,{message:d,type:"error"})))},exports.KitchenIcon=function(){return t.createElement("svg",{width:"64",height:"55",viewBox:"0 0 64 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z",fill:"black"}))},exports.NavigationBar=function(e){var n=e.justifyContent;return t.createElement("nav",{className:l.nav,style:{justifyContent:void 0===n?"space-around":n}},e.navItems.map((function(e,n){return e.visible&&t.createElement("div",{key:n,className:l.navItem,onClick:e.onClick},e.icon&&t.createElement("span",{className:l.icon},e.icon),t.createElement("span",null,e.label),e.submenu&&t.createElement("div",{className:l.submenu},e.submenu.map((function(e,n){return e.visible&&t.createElement(t.Fragment,null,t.createElement("div",{key:n,className:l.submenuItem,onClick:e.onClick},e.icon&&t.createElement("span",{className:l.icon},e.icon),e.label))}))))})))},exports.OrdersIcon=function(){return t.createElement("svg",{width:"62",height:"55",viewBox:"0 0 62 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("g",{"clip-path":"url(#clip0_46_153)"},t.createElement("path",{d:"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z",fill:"black"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_46_153"},t.createElement("rect",{width:"62",height:"55",fill:"white"}))))},exports.ProductsIcon=function(){return t.createElement("svg",{width:"56",height:"41",viewBox:"0 0 56 41",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z",stroke:"black","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),t.createElement("path",{d:"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z",fill:"black",stroke:"black","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),t.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z",fill:"black"}))},exports.ProtectedRoute=function(e){var n=e.isAuthenticated;return void 0!==n&&n?e.children:t.createElement(r.Navigate,{to:"/",replace:!0})},exports.RoundButton=function(e){return t.createElement("button",{className:"RoundButton-module_containerButton__WnBm3",type:e.type||"button",style:a({height:(e.viewHeight||10)+"vh",width:(e.viewWidth||10)+"vw"},e.customStyleBtn),onClick:e.onClick?e.onClick:void 0},t.createElement("div",{className:"RoundButton-module_insideButtonIconAndName__1IPVa"},e.icon&&t.createElement(e.icon,null),t.createElement("span",{style:a({},e.customStyleLabel)},e.name)))},exports.SignInWithGoogle=function(e){var n=e.onClick;return t.createElement("button",{className:"SignInWithGoogle-module_gsiMaterialButton__-3K-u",onClick:function(e){e.preventDefault(),n(e)}},t.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonState__9-Cd2"}),t.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonContentWrapper__VIZMS"},t.createElement("div",{className:"SignInWithGoogle-module_gsiMaterialButtonIcon__Pq6zS"},t.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",xmlnsXlink:"http://www.w3.org/1999/xlink",style:{display:"block"}},t.createElement("path",{fill:"#EA4335",d:"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"}),t.createElement("path",{fill:"#4285F4",d:"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"}),t.createElement("path",{fill:"#FBBC05",d:"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"}),t.createElement("path",{fill:"#34A853",d:"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"}),t.createElement("path",{fill:"none",d:"M0 0h48v48H0z"}))),t.createElement("span",{className:"SignInWithGoogle-module_gsiMaterialButtonContents__LnkTH"},"Continue with Google"),t.createElement("span",{style:{display:"none"}},"Continue with Google")))},exports.TeamIcon=function(){return t.createElement("svg",{width:"64",height:"55",viewBox:"0 0 64 55",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z",fill:"black"}))},exports.ValidationMessage=i;
2
2
  //# sourceMappingURL=shared-react-components-ts.cjs.production.min.js.map
package/dist/shared-react-components-ts.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shared-react-components-ts.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/validationMessage/ValidationMessage.tsx","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/card/Card.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/inputField/InputField.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/navBar/NavBar.tsx","../src/components/protectedRoute/ProtectedRoute.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n message: string;\r\n type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({ message, type }) => {\r\n const colorSpan = {\r\n color: `${type == 'error' ? 'red' : (type == 'info' ? 'blue' : 'black')}`\r\n };\r\n return (\r\n <span style={colorSpan} className={`validation-message ${type}`}>{message}</span>\r\n );\r\n}","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n label: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n return (\r\n <nav className={styles.bottomNav}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <button\r\n key={index}\r\n className={styles.navButton}\r\n onClick={item.onClick}\r\n >\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span className={styles.label}>{item.label}</span>\r\n </button>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n label: string;\r\n onClick?: () => void;\r\n type?: 'button' | 'submit' | 'reset';\r\n disabled?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n label,\r\n onClick,\r\n type = 'button',\r\n disabled = false,\r\n className = '',\r\n}) => (\r\n <button type={type} onClick={onClick} disabled={disabled} className={className}>\r\n {label}\r\n </button>\r\n);\r\n","import React, { ReactNode } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n type?: string;\r\n compactPreview?: ReactNode; // Content to show in compact mode\r\n fullContent: ReactNode; //this contain the full version\r\n isExpanded?: boolean; //optional but by default isExpanded = true\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({ type = \"generic\", compactPreview, fullContent, isExpanded = true }) => {\r\n\r\n //const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided\r\n\r\n //const toggleCard = () => setIsExpanded(!isExpanded);\r\n\r\n return (\r\n <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n {isExpanded ? fullContent : compactPreview}\r\n </div>\r\n );\r\n};\r\n\r\n","import React from 'react'\r\nimport styles from './CircleButton.module.css'\r\n\r\n\r\ninterface CircleButtonProps {\r\n imageURL: string;\r\n viewWidth: number;\r\n onClick: () => void\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({ imageURL, viewWidth, onClick }) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n onClick={onClick}\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n width: `${viewWidth * 3}vw`,\r\n height: `${viewWidth * 3}vw`,\r\n padding: 0,\r\n backgroundColor: '#EDD479'\r\n }}\r\n >\r\n <div\r\n style={{\r\n background: `url(${imageURL}) center center / contain no-repeat`,\r\n width: `${viewWidth}vw`,\r\n height: `${viewWidth}vw`,\r\n }}\r\n ></div>\r\n </button>\r\n )\r\n}","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n children: React.ReactNode;\r\n title: string;\r\n titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\n\r\n\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({ children, title, titleAlign = 'start' }) => {\r\n\r\n const dynamicTitleAlign = {\r\n display: 'flex',\r\n flexFlow: 'row',\r\n justifyContent: titleAlign,\r\n };\r\n return (\r\n <div className=\"form-container\">\r\n <h2 style={dynamicTitleAlign}>{title}</h2>\r\n {children}\r\n </div >\r\n );\r\n}\r\n","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css'\r\n\r\ninterface InputFieldProps {\r\n label: string;\r\n type: string;\r\n display?: 'vertical' | 'horizontal'\r\n name: string;\r\n value: string;\r\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n placeholder?: string;\r\n error?: string;\r\n labelClassName?: string;\r\n inputClassName?: string\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n label,\r\n type,\r\n display = 'horizontal',\r\n name,\r\n value,\r\n onChange,\r\n placeholder,\r\n error,\r\n labelClassName = '',\r\n inputClassName = ''\r\n}) => {\r\n const dynamicStyle = display === 'horizontal' ? styles.centerContentColumn : styles.centerContentRow;\r\n return (\r\n <div className={`input-field ${dynamicStyle}`}>\r\n <label htmlFor={name} className={labelClassName}>{label}</label>\r\n <div className={styles.centerContentColumn}>\r\n <input\r\n id={name}\r\n type={type}\r\n name={name}\r\n value={value}\r\n onChange={onChange}\r\n placeholder={placeholder}\r\n className={inputClassName}\r\n />\r\n {error && <ValidationMessage message={error} type=\"error\" />}\r\n </div>\r\n </div>\r\n );\r\n}","\r\nimport React from 'react'\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n <svg width=\"62\" height=\"55\" viewBox=\"0 0 62 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_46_153)\">\r\n <path d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\" fill=\"black\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_46_153\">\r\n <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n <svg width=\"56\" height=\"41\" viewBox=\"0 0 56 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\" fill=\"black\" />\r\n </svg>\r\n);","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n label?: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n navItems: NavItem[];\r\n justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({ navItems, justifyContent = \"space-around\" }) => {\r\n return (\r\n <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span>{item.label}</span>\r\n {item.submenu && (\r\n <div className={styles.submenu}>\r\n {item.submenu.map(\r\n (subItem, subIndex) =>\r\n subItem.visible && (\r\n <>\r\n <div key={subIndex} className={styles.submenuItem} onClick={subItem.onClick}>\r\n {subItem.icon && <span className={styles.icon}>{subItem.icon}</span>}\r\n {subItem.label}\r\n </div>\r\n </>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n children: JSX.Element;\r\n isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children, isAuthenticated = false }) => {\r\n return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n\r\n","import React from 'react'\r\nimport styles from './RoundButton.module.css'\r\nimport IBtnOption from '../IBtnOption'\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = (props) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n type={props.type || 'button'}\r\n style={{\r\n height: `${props.viewHeight || 10}vh`,\r\n width: `${props.viewWidth || 10}vw`,\r\n ...props.customStyleBtn\r\n }}\r\n onClick={props.onClick ? props.onClick : undefined}\r\n >\r\n <div className={styles.insideButtonIconAndName}>\r\n {props.icon && <props.icon />}\r\n <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n </div>\r\n </button>\r\n )\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./SignInWithGoogle.module.css\";\r\n\r\ninterface SignInWithGoogleProps {\r\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({ onClick }) => {\r\n return (\r\n <button\r\n className={styles.gsiMaterialButton}\r\n onClick={(event) => {\r\n event.preventDefault(); // Prevent form submission\r\n onClick(event);\r\n }}>\r\n <div className={styles.gsiMaterialButtonState}></div>\r\n <div className={styles.gsiMaterialButtonContentWrapper}>\r\n <div className={styles.gsiMaterialButtonIcon}>\r\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" style={{ display: \"block\" }}>\r\n <path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path>\r\n <path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path>\r\n <path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path>\r\n <path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path>\r\n <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n </svg>\r\n </div>\r\n <span className={styles.gsiMaterialButtonContents}>Continue with Google</span>\r\n <span style={{ display: \"none\" }}>Continue with Google</span>\r\n </div>\r\n </button>\r\n );\r\n};\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","ValidationMessage","_ref","React","color","className","message","navItems","map","item","index","visible","key","onClick","icon","label","_ref$type","_ref$disabled","disabled","_ref$className","compactPreview","fullContent","_ref$isExpanded","isExpanded","styles","toLowerCase","viewWidth","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","imageURL","children","_ref$titleAlign","titleAlign","flexFlow","title","_ref$display","name","value","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","htmlFor","id","viewBox","fill","xmlns","d","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","stroke","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace","props","_extends","viewHeight","customStyleBtn","undefined","customStyleLabel","event","preventDefault","version","xmlnsXlink"],"mappings":"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"}
1
+ {"version":3,"file":"shared-react-components-ts.cjs.production.min.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/validationMessage/ValidationMessage.tsx","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/card/Card.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/inputField/InputField.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/navBar/NavBar.tsx","../src/components/protectedRoute/ProtectedRoute.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n message: string;\r\n type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({ message, type }) => {\r\n const colorSpan = {\r\n color: `${type == 'error' ? 'red' : (type == 'info' ? 'blue' : 'black')}`\r\n };\r\n return (\r\n <span style={colorSpan} className={`validation-message ${type}`}>{message}</span>\r\n );\r\n}","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n label: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n return (\r\n <nav className={styles.bottomNav}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <button\r\n key={index}\r\n className={styles.navButton}\r\n onClick={item.onClick}\r\n >\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span className={styles.label}>{item.label}</span>\r\n </button>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n label: string;\r\n onClick?: () => void;\r\n type?: 'button' | 'submit' | 'reset';\r\n disabled?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n label,\r\n onClick,\r\n type = 'button',\r\n disabled = false,\r\n className = '',\r\n}) => (\r\n <button type={type} onClick={onClick} disabled={disabled} className={className}>\r\n {label}\r\n </button>\r\n);\r\n","import React, { ReactNode, useState } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n type?: string;\r\n compactPreview?: ReactNode; // Content to show in compact mode\r\n fullContent: ReactNode; //this contain the full version\r\n bottomElement: ReactNode; //most usable for set a <button> but can be anything\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({ type = \"generic\", compactPreview, fullContent, bottomElement }) => {\r\n const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided\r\n const toggleCard = () => setIsExpanded(!isExpanded);\r\n return (\r\n <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n {isExpanded ? fullContent : compactPreview}\r\n {\r\n compactPreview ?\r\n <span onClick={toggleCard} className='link flexEnd'>\r\n {isExpanded ? \"Show Less\" : \"More Info\"}\r\n </span>\r\n : <></>\r\n }\r\n {\r\n isExpanded ? bottomElement : <></>\r\n }\r\n </div>\r\n );\r\n};\r\n\r\n","import React from 'react'\r\nimport styles from './CircleButton.module.css'\r\n\r\n\r\ninterface CircleButtonProps {\r\n imageURL: string;\r\n viewWidth: number;\r\n onClick: () => void\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({ imageURL, viewWidth, onClick }) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n onClick={onClick}\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n width: `${viewWidth * 3}vw`,\r\n height: `${viewWidth * 3}vw`,\r\n padding: 0,\r\n backgroundColor: '#EDD479'\r\n }}\r\n >\r\n <div\r\n style={{\r\n background: `url(${imageURL}) center center / contain no-repeat`,\r\n width: `${viewWidth}vw`,\r\n height: `${viewWidth}vw`,\r\n }}\r\n ></div>\r\n </button>\r\n )\r\n}","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n children: React.ReactNode;\r\n title: string;\r\n titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\n\r\n\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({ children, title, titleAlign = 'start' }) => {\r\n\r\n const dynamicTitleAlign = {\r\n display: 'flex',\r\n flexFlow: 'row',\r\n justifyContent: titleAlign,\r\n };\r\n return (\r\n <div className=\"form-container\">\r\n <h2 style={dynamicTitleAlign}>{title}</h2>\r\n {children}\r\n </div >\r\n );\r\n}\r\n","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css'\r\n\r\ninterface InputFieldProps {\r\n label: string;\r\n type: string;\r\n display?: 'vertical' | 'horizontal'\r\n name: string;\r\n value: string;\r\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n placeholder?: string;\r\n error?: string;\r\n labelClassName?: string;\r\n inputClassName?: string\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n label,\r\n type,\r\n display = 'horizontal',\r\n name,\r\n value,\r\n onChange,\r\n placeholder,\r\n error,\r\n labelClassName = '',\r\n inputClassName = ''\r\n}) => {\r\n const dynamicStyle = display === 'horizontal' ? styles.centerContentColumn : styles.centerContentRow;\r\n return (\r\n <div className={`input-field ${dynamicStyle}`}>\r\n <label htmlFor={name} className={labelClassName}>{label}</label>\r\n <div className={styles.centerContentColumn}>\r\n <input\r\n id={name}\r\n type={type}\r\n name={name}\r\n value={value}\r\n onChange={onChange}\r\n placeholder={placeholder}\r\n className={inputClassName}\r\n />\r\n {error && <ValidationMessage message={error} type=\"error\" />}\r\n </div>\r\n </div>\r\n );\r\n}","\r\nimport React from 'react'\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n <svg width=\"62\" height=\"55\" viewBox=\"0 0 62 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_46_153)\">\r\n <path d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\" fill=\"black\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_46_153\">\r\n <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n <svg width=\"56\" height=\"41\" viewBox=\"0 0 56 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\" fill=\"black\" />\r\n </svg>\r\n);","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n label?: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n navItems: NavItem[];\r\n justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({ navItems, justifyContent = \"space-around\" }) => {\r\n return (\r\n <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span>{item.label}</span>\r\n {item.submenu && (\r\n <div className={styles.submenu}>\r\n {item.submenu.map(\r\n (subItem, subIndex) =>\r\n subItem.visible && (\r\n <>\r\n <div key={subIndex} className={styles.submenuItem} onClick={subItem.onClick}>\r\n {subItem.icon && <span className={styles.icon}>{subItem.icon}</span>}\r\n {subItem.label}\r\n </div>\r\n </>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n children: JSX.Element;\r\n isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children, isAuthenticated = false }) => {\r\n return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n\r\n","import React from 'react'\r\nimport styles from './RoundButton.module.css'\r\nimport IBtnOption from '../IBtnOption'\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = (props) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n type={props.type || 'button'}\r\n style={{\r\n height: `${props.viewHeight || 10}vh`,\r\n width: `${props.viewWidth || 10}vw`,\r\n ...props.customStyleBtn\r\n }}\r\n onClick={props.onClick ? props.onClick : undefined}\r\n >\r\n <div className={styles.insideButtonIconAndName}>\r\n {props.icon && <props.icon />}\r\n <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n </div>\r\n </button>\r\n )\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./SignInWithGoogle.module.css\";\r\n\r\ninterface SignInWithGoogleProps {\r\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({ onClick }) => {\r\n return (\r\n <button\r\n className={styles.gsiMaterialButton}\r\n onClick={(event) => {\r\n event.preventDefault(); // Prevent form submission\r\n onClick(event);\r\n }}>\r\n <div className={styles.gsiMaterialButtonState}></div>\r\n <div className={styles.gsiMaterialButtonContentWrapper}>\r\n <div className={styles.gsiMaterialButtonIcon}>\r\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" style={{ display: \"block\" }}>\r\n <path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path>\r\n <path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path>\r\n <path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path>\r\n <path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path>\r\n <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n </svg>\r\n </div>\r\n <span className={styles.gsiMaterialButtonContents}>Continue with Google</span>\r\n <span style={{ display: \"none\" }}>Continue with Google</span>\r\n </div>\r\n </button>\r\n );\r\n};\r\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","ValidationMessage","_ref","React","color","className","message","navItems","map","item","index","visible","key","onClick","icon","label","_ref$type","_ref$disabled","disabled","_ref$className","compactPreview","fullContent","bottomElement","_useState","useState","isExpanded","setIsExpanded","styles","toLowerCase","viewWidth","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","imageURL","children","_ref$titleAlign","titleAlign","flexFlow","title","_ref$display","name","value","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","htmlFor","id","viewBox","fill","xmlns","d","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","stroke","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace","props","_extends","viewHeight","customStyleBtn","undefined","customStyleLabel","event","preventDefault","version","xmlnsXlink"],"mappings":"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"}
package/dist/shared-react-components-ts.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { useState } from 'react';
2
2
  import { Navigate } from 'react-router-dom';
3
3
 
4
4
  function styleInject(css, ref) {
@@ -175,8 +175,8 @@ var SignInWithGoogle = function SignInWithGoogle(_ref) {
175
175
  }, "Continue with Google")));
176
176
  };
177
177
 
178
- var css_248z$4 = ".Card-module_card__N-f1C {\r\n border: 1px solid #ddd;\r\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n transition: 0.3s;\r\n width: calc(100% - 24px);\r\n border-radius: 8px;\r\n min-width: 250px;\r\n padding: 12px;\r\n max-width: 750px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.Card-module_card__N-f1C:hover {\r\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.Card-module_toggleButton__WHB5F {\r\n margin-top: 8px;\r\n padding: 8px 12px;\r\n background-color: #007bff;\r\n color: white;\r\n border: none;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.Card-module_toggleButton__WHB5F:hover {\r\n background-color: #0056b3;\r\n}\r\n";
179
- var styles$4 = {"card":"Card-module_card__N-f1C","toggleButton":"Card-module_toggleButton__WHB5F"};
178
+ var css_248z$4 = ".Card-module_card__N-f1C {\r\n border: 1px solid #ddd;\r\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\r\n transition: 0.3s;\r\n width: calc(100% - 24px);\r\n border-radius: 8px;\r\n min-width: 250px;\r\n padding: 12px;\r\n max-width: 750px;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.Card-module_card__N-f1C:hover {\r\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n";
179
+ var styles$4 = {"card":"Card-module_card__N-f1C"};
180
180
  styleInject(css_248z$4);
181
181
 
182
182
  var Card = function Card(_ref) {
@@ -184,13 +184,19 @@ var Card = function Card(_ref) {
184
184
  type = _ref$type === void 0 ? "generic" : _ref$type,
185
185
  compactPreview = _ref.compactPreview,
186
186
  fullContent = _ref.fullContent,
187
- _ref$isExpanded = _ref.isExpanded,
188
- isExpanded = _ref$isExpanded === void 0 ? true : _ref$isExpanded;
189
- //const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided
190
- //const toggleCard = () => setIsExpanded(!isExpanded);
187
+ bottomElement = _ref.bottomElement;
188
+ var _useState = useState(!compactPreview),
189
+ isExpanded = _useState[0],
190
+ setIsExpanded = _useState[1]; // Default to expanded if no compactPreview is provided
191
+ var toggleCard = function toggleCard() {
192
+ return setIsExpanded(!isExpanded);
193
+ };
191
194
  return React.createElement("div", {
192
195
  className: styles$4.card + " card-" + type.toLowerCase()
193
- }, isExpanded ? fullContent : compactPreview);
196
+ }, isExpanded ? fullContent : compactPreview, compactPreview ? React.createElement("span", {
197
+ onClick: toggleCard,
198
+ className: 'link flexEnd'
199
+ }, isExpanded ? "Show Less" : "More Info") : React.createElement(React.Fragment, null), isExpanded ? bottomElement : React.createElement(React.Fragment, null));
194
200
  };
195
201
 
196
202
  var FormContainer = function FormContainer(_ref) {
package/dist/shared-react-components-ts.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shared-react-components-ts.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx","../src/components/card/Card.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/validationMessage/ValidationMessage.tsx","../src/components/inputField/InputField.tsx","../src/components/navBar/NavBar.tsx","../src/components/protectedRoute/ProtectedRoute.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n label: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n return (\r\n <nav className={styles.bottomNav}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <button\r\n key={index}\r\n className={styles.navButton}\r\n onClick={item.onClick}\r\n >\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span className={styles.label}>{item.label}</span>\r\n </button>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n label: string;\r\n onClick?: () => void;\r\n type?: 'button' | 'submit' | 'reset';\r\n disabled?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n label,\r\n onClick,\r\n type = 'button',\r\n disabled = false,\r\n className = '',\r\n}) => (\r\n <button type={type} onClick={onClick} disabled={disabled} className={className}>\r\n {label}\r\n </button>\r\n);\r\n","import React from 'react'\r\nimport styles from './CircleButton.module.css'\r\n\r\n\r\ninterface CircleButtonProps {\r\n imageURL: string;\r\n viewWidth: number;\r\n onClick: () => void\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({ imageURL, viewWidth, onClick }) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n onClick={onClick}\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n width: `${viewWidth * 3}vw`,\r\n height: `${viewWidth * 3}vw`,\r\n padding: 0,\r\n backgroundColor: '#EDD479'\r\n }}\r\n >\r\n <div\r\n style={{\r\n background: `url(${imageURL}) center center / contain no-repeat`,\r\n width: `${viewWidth}vw`,\r\n height: `${viewWidth}vw`,\r\n }}\r\n ></div>\r\n </button>\r\n )\r\n}","import React from 'react'\r\nimport styles from './RoundButton.module.css'\r\nimport IBtnOption from '../IBtnOption'\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = (props) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n type={props.type || 'button'}\r\n style={{\r\n height: `${props.viewHeight || 10}vh`,\r\n width: `${props.viewWidth || 10}vw`,\r\n ...props.customStyleBtn\r\n }}\r\n onClick={props.onClick ? props.onClick : undefined}\r\n >\r\n <div className={styles.insideButtonIconAndName}>\r\n {props.icon && <props.icon />}\r\n <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n </div>\r\n </button>\r\n )\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./SignInWithGoogle.module.css\";\r\n\r\ninterface SignInWithGoogleProps {\r\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({ onClick }) => {\r\n return (\r\n <button\r\n className={styles.gsiMaterialButton}\r\n onClick={(event) => {\r\n event.preventDefault(); // Prevent form submission\r\n onClick(event);\r\n }}>\r\n <div className={styles.gsiMaterialButtonState}></div>\r\n <div className={styles.gsiMaterialButtonContentWrapper}>\r\n <div className={styles.gsiMaterialButtonIcon}>\r\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" style={{ display: \"block\" }}>\r\n <path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path>\r\n <path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path>\r\n <path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path>\r\n <path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path>\r\n <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n </svg>\r\n </div>\r\n <span className={styles.gsiMaterialButtonContents}>Continue with Google</span>\r\n <span style={{ display: \"none\" }}>Continue with Google</span>\r\n </div>\r\n </button>\r\n );\r\n};\r\n","import React, { ReactNode } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n type?: string;\r\n compactPreview?: ReactNode; // Content to show in compact mode\r\n fullContent: ReactNode; //this contain the full version\r\n isExpanded?: boolean; //optional but by default isExpanded = true\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({ type = \"generic\", compactPreview, fullContent, isExpanded = true }) => {\r\n\r\n //const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided\r\n\r\n //const toggleCard = () => setIsExpanded(!isExpanded);\r\n\r\n return (\r\n <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n {isExpanded ? fullContent : compactPreview}\r\n </div>\r\n );\r\n};\r\n\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n children: React.ReactNode;\r\n title: string;\r\n titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\n\r\n\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({ children, title, titleAlign = 'start' }) => {\r\n\r\n const dynamicTitleAlign = {\r\n display: 'flex',\r\n flexFlow: 'row',\r\n justifyContent: titleAlign,\r\n };\r\n return (\r\n <div className=\"form-container\">\r\n <h2 style={dynamicTitleAlign}>{title}</h2>\r\n {children}\r\n </div >\r\n );\r\n}\r\n","\r\nimport React from 'react'\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n <svg width=\"62\" height=\"55\" viewBox=\"0 0 62 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_46_153)\">\r\n <path d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\" fill=\"black\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_46_153\">\r\n <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n <svg width=\"56\" height=\"41\" viewBox=\"0 0 56 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\" fill=\"black\" />\r\n </svg>\r\n);","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n message: string;\r\n type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({ message, type }) => {\r\n const colorSpan = {\r\n color: `${type == 'error' ? 'red' : (type == 'info' ? 'blue' : 'black')}`\r\n };\r\n return (\r\n <span style={colorSpan} className={`validation-message ${type}`}>{message}</span>\r\n );\r\n}","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css'\r\n\r\ninterface InputFieldProps {\r\n label: string;\r\n type: string;\r\n display?: 'vertical' | 'horizontal'\r\n name: string;\r\n value: string;\r\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n placeholder?: string;\r\n error?: string;\r\n labelClassName?: string;\r\n inputClassName?: string\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n label,\r\n type,\r\n display = 'horizontal',\r\n name,\r\n value,\r\n onChange,\r\n placeholder,\r\n error,\r\n labelClassName = '',\r\n inputClassName = ''\r\n}) => {\r\n const dynamicStyle = display === 'horizontal' ? styles.centerContentColumn : styles.centerContentRow;\r\n return (\r\n <div className={`input-field ${dynamicStyle}`}>\r\n <label htmlFor={name} className={labelClassName}>{label}</label>\r\n <div className={styles.centerContentColumn}>\r\n <input\r\n id={name}\r\n type={type}\r\n name={name}\r\n value={value}\r\n onChange={onChange}\r\n placeholder={placeholder}\r\n className={inputClassName}\r\n />\r\n {error && <ValidationMessage message={error} type=\"error\" />}\r\n </div>\r\n </div>\r\n );\r\n}","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n label?: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n navItems: NavItem[];\r\n justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({ navItems, justifyContent = \"space-around\" }) => {\r\n return (\r\n <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span>{item.label}</span>\r\n {item.submenu && (\r\n <div className={styles.submenu}>\r\n {item.submenu.map(\r\n (subItem, subIndex) =>\r\n subItem.visible && (\r\n <>\r\n <div key={subIndex} className={styles.submenuItem} onClick={subItem.onClick}>\r\n {subItem.icon && <span className={styles.icon}>{subItem.icon}</span>}\r\n {subItem.label}\r\n </div>\r\n </>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n children: JSX.Element;\r\n isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children, isAuthenticated = false }) => {\r\n return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n\r\n"],"names":["BottomNavBar","_ref","navItems","React","className","styles","bottomNav","map","item","index","visible","key","navButton","onClick","icon","label","Button","_ref$type","type","_ref$disabled","disabled","_ref$className","CircleButton","imageURL","viewWidth","containerButton","style","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","RoundButton","props","_extends","viewHeight","customStyleBtn","undefined","insideButtonIconAndName","customStyleLabel","name","SignInWithGoogle","gsiMaterialButton","event","preventDefault","gsiMaterialButtonState","gsiMaterialButtonContentWrapper","gsiMaterialButtonIcon","version","xmlns","viewBox","xmlnsXlink","fill","d","gsiMaterialButtonContents","Card","compactPreview","fullContent","_ref$isExpanded","isExpanded","card","toLowerCase","FormContainer","children","title","_ref$titleAlign","titleAlign","dynamicTitleAlign","flexFlow","KitchenIcon","OrdersIcon","id","ProductsIcon","stroke","TeamIcon","ValidationMessage","message","colorSpan","color","InputField","_ref$display","value","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","dynamicStyle","centerContentColumn","centerContentRow","htmlFor","NavigationBar","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","ProtectedRoute","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace"],"mappings":"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"}
1
+ {"version":3,"file":"shared-react-components-ts.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/bottomNavBar/BottomNavBar.tsx","../src/components/buttons/button/Button.tsx","../src/components/buttons/circleButton/CircleButton.tsx","../src/components/buttons/roundButton/RoundButton.tsx","../src/components/buttons/SignInWithGoogle/SignInWithGoogle.tsx","../src/components/card/Card.tsx","../src/components/formContainer/FormContainer.tsx","../src/components/icons/AllCustomIcons.tsx","../src/components/validationMessage/ValidationMessage.tsx","../src/components/inputField/InputField.tsx","../src/components/navBar/NavBar.tsx","../src/components/protectedRoute/ProtectedRoute.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from 'react';\r\nimport styles from './BottomNavBar.module.css';\r\n\r\ntype NavItem = {\r\n label: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n};\r\n\r\ntype BottomNavBarProps = {\r\n navItems: NavItem[];\r\n};\r\n\r\nexport const BottomNavBar: React.FC<BottomNavBarProps> = ({ navItems }) => {\r\n return (\r\n <nav className={styles.bottomNav}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <button\r\n key={index}\r\n className={styles.navButton}\r\n onClick={item.onClick}\r\n >\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span className={styles.label}>{item.label}</span>\r\n </button>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};\r\n","import React from 'react';\r\n\r\ninterface ButtonProps {\r\n label: string;\r\n onClick?: () => void;\r\n type?: 'button' | 'submit' | 'reset';\r\n disabled?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n label,\r\n onClick,\r\n type = 'button',\r\n disabled = false,\r\n className = '',\r\n}) => (\r\n <button type={type} onClick={onClick} disabled={disabled} className={className}>\r\n {label}\r\n </button>\r\n);\r\n","import React from 'react'\r\nimport styles from './CircleButton.module.css'\r\n\r\n\r\ninterface CircleButtonProps {\r\n imageURL: string;\r\n viewWidth: number;\r\n onClick: () => void\r\n}\r\n\r\nexport const CircleButton: React.FC<CircleButtonProps> = ({ imageURL, viewWidth, onClick }) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n onClick={onClick}\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n width: `${viewWidth * 3}vw`,\r\n height: `${viewWidth * 3}vw`,\r\n padding: 0,\r\n backgroundColor: '#EDD479'\r\n }}\r\n >\r\n <div\r\n style={{\r\n background: `url(${imageURL}) center center / contain no-repeat`,\r\n width: `${viewWidth}vw`,\r\n height: `${viewWidth}vw`,\r\n }}\r\n ></div>\r\n </button>\r\n )\r\n}","import React from 'react'\r\nimport styles from './RoundButton.module.css'\r\nimport IBtnOption from '../IBtnOption'\r\n\r\nexport const RoundButton: React.FC<IBtnOption> = (props) => {\r\n return (\r\n <button\r\n className={styles.containerButton}\r\n type={props.type || 'button'}\r\n style={{\r\n height: `${props.viewHeight || 10}vh`,\r\n width: `${props.viewWidth || 10}vw`,\r\n ...props.customStyleBtn\r\n }}\r\n onClick={props.onClick ? props.onClick : undefined}\r\n >\r\n <div className={styles.insideButtonIconAndName}>\r\n {props.icon && <props.icon />}\r\n <span style={{ ...props.customStyleLabel }}>{props.name}</span>\r\n </div>\r\n </button>\r\n )\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./SignInWithGoogle.module.css\";\r\n\r\ninterface SignInWithGoogleProps {\r\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const SignInWithGoogle: React.FC<SignInWithGoogleProps> = ({ onClick }) => {\r\n return (\r\n <button\r\n className={styles.gsiMaterialButton}\r\n onClick={(event) => {\r\n event.preventDefault(); // Prevent form submission\r\n onClick(event);\r\n }}>\r\n <div className={styles.gsiMaterialButtonState}></div>\r\n <div className={styles.gsiMaterialButtonContentWrapper}>\r\n <div className={styles.gsiMaterialButtonIcon}>\r\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" style={{ display: \"block\" }}>\r\n <path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"></path>\r\n <path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"></path>\r\n <path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"></path>\r\n <path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"></path>\r\n <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\r\n </svg>\r\n </div>\r\n <span className={styles.gsiMaterialButtonContents}>Continue with Google</span>\r\n <span style={{ display: \"none\" }}>Continue with Google</span>\r\n </div>\r\n </button>\r\n );\r\n};\r\n","import React, { ReactNode, useState } from 'react';\r\nimport styles from './Card.module.css';\r\n\r\ninterface CardProps {\r\n type?: string;\r\n compactPreview?: ReactNode; // Content to show in compact mode\r\n fullContent: ReactNode; //this contain the full version\r\n bottomElement: ReactNode; //most usable for set a <button> but can be anything\r\n}\r\n\r\nexport const Card: React.FC<CardProps> = ({ type = \"generic\", compactPreview, fullContent, bottomElement }) => {\r\n const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided\r\n const toggleCard = () => setIsExpanded(!isExpanded);\r\n return (\r\n <div className={`${styles.card} card-${type.toLowerCase()}`}>\r\n {isExpanded ? fullContent : compactPreview}\r\n {\r\n compactPreview ?\r\n <span onClick={toggleCard} className='link flexEnd'>\r\n {isExpanded ? \"Show Less\" : \"More Info\"}\r\n </span>\r\n : <></>\r\n }\r\n {\r\n isExpanded ? bottomElement : <></>\r\n }\r\n </div>\r\n );\r\n};\r\n\r\n","import React from 'react';\r\n\r\ninterface FormContainerProps {\r\n children: React.ReactNode;\r\n title: string;\r\n titleAlign?: 'start' | 'center' | 'end';\r\n}\r\n\r\n\r\n\r\n\r\nexport const FormContainer: React.FC<FormContainerProps> = ({ children, title, titleAlign = 'start' }) => {\r\n\r\n const dynamicTitleAlign = {\r\n display: 'flex',\r\n flexFlow: 'row',\r\n justifyContent: titleAlign,\r\n };\r\n return (\r\n <div className=\"form-container\">\r\n <h2 style={dynamicTitleAlign}>{title}</h2>\r\n {children}\r\n </div >\r\n );\r\n}\r\n","\r\nimport React from 'react'\r\n\r\nexport const KitchenIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M22.4 12.375C21.44 12.375 20.8 13.2 20.8 13.75V20.625H17.6V13.75C17.6 12.925 16.96 12.375 16 12.375C15.04 12.375 14.4 13.2 14.4 13.75V20.625H11.2V13.75C11.2 12.925 10.56 12.375 9.6 12.375C8.64 12.375 8 13.2 8 13.75V22.825C8 25.3 10.24 27.225 12.8 27.5V46.75C12.8 48.4 14.08 49.5 16 49.5C17.92 49.5 19.2 48.4 19.2 46.75V27.5C21.76 27.225 24 25.3 24 22.825V13.75C24 13.2 23.36 12.375 22.4 12.375ZM28.8 13.75V30.25H32V46.75C32 48.4 33.28 49.5 35.2 49.5C37.12 49.5 38.4 48.4 38.4 46.75V5.5C32.96 5.5 28.8 9.075 28.8 13.75ZM51.2 11C46.72 11 43.2 15.125 43.2 20.075C42.88 23.375 44.8 26.4 48 28.325V46.75C48 48.4 49.28 49.5 51.2 49.5C53.12 49.5 54.4 48.4 54.4 46.75V28.325C57.6 26.4 59.52 23.375 59.2 20.075C59.2 15.125 55.68 11 51.2 11Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\n\r\nexport const OrdersIcon: React.FC = () => (\r\n <svg width=\"62\" height=\"55\" viewBox=\"0 0 62 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_46_153)\">\r\n <path d=\"M56.8334 9.77778L50.4611 4.125C49.9134 3.66174 49.1857 3.40331 48.4289 3.40331C47.6721 3.40331 46.9444 3.66174 46.3967 4.125L40.7306 9.16667H10.3334C9.41984 9.16667 8.54373 9.48859 7.89777 10.0616C7.25181 10.6346 6.88892 11.4118 6.88892 12.2222V45.8333C6.88892 46.6437 7.25181 47.4209 7.89777 47.9939C8.54373 48.567 9.41984 48.8889 10.3334 48.8889H48.2223C49.1358 48.8889 50.0119 48.567 50.6578 47.9939C51.3038 47.4209 51.6667 46.6437 51.6667 45.8333V17.9667L56.8334 13.3833C57.3718 12.905 57.6743 12.2566 57.6743 11.5806C57.6743 10.9045 57.3718 10.2561 56.8334 9.77778ZM32.4295 30.7542L25.2134 32.175L26.9356 25.8347L43.3828 11.2139L48.9456 16.1486L32.4295 30.7542ZM50.8056 14.4069L45.2428 9.47222L48.4289 6.64583L53.9917 11.5806L50.8056 14.4069Z\" fill=\"black\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_46_153\">\r\n <rect width=\"62\" height=\"55\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n);\r\n\r\nexport const ProductsIcon: React.FC = () => (\r\n <svg width=\"56\" height=\"41\" viewBox=\"0 0 56 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M33.3333 28.375L41.7919 21.1058C43.2069 19.8909 45.1251 19.2085 47.1253 19.2083H49.3332C50.7477 19.2083 52.1043 19.6912 53.1045 20.5508C54.1047 21.4103 54.6666 22.5761 54.6666 23.7917C54.6666 25.0072 54.1047 26.173 53.1045 27.0326C52.1043 27.8921 50.7477 28.375 49.3332 28.375H6.66658C5.2521 28.375 3.89554 27.8921 2.89535 27.0326C1.89515 26.173 1.33325 25.0072 1.33325 23.7917C1.33325 22.5761 1.89515 21.4103 2.89535 20.5508C3.89554 19.6912 5.2521 19.2083 6.66658 19.2083H16.4186C20.4186 19.2083 24.2559 20.5742 27.0852 23.0056L33.3333 28.375Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"M4 28.375H52V32.9583C52 34.7817 51.1571 36.5304 49.6569 37.8197C48.1566 39.109 46.1217 39.8333 44 39.8333H12C9.87827 39.8333 7.84344 39.109 6.34315 37.8197C4.84285 36.5304 4 34.7817 4 32.9583V28.375Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5785 4.43625C15.3865 1.92229 21.5465 0.875 27.9998 0.875C34.4532 0.875 40.6132 1.92229 45.4212 4.43625C50.3385 7.00521 53.7118 11.05 54.4931 16.6463C54.8852 19.4513 52.1785 21.5 49.3332 21.5H6.66648C3.82115 21.5 1.11448 19.4513 1.50648 16.6463C2.28782 11.05 5.66115 7.00521 10.5785 4.43625ZM14.6665 7.75C13.9592 7.75 13.281 7.99144 12.7809 8.42121C12.2808 8.85099 11.9998 9.43388 11.9998 10.0417C11.9998 10.6495 12.2808 11.2323 12.7809 11.6621C13.281 12.0919 13.9592 12.3333 14.6665 12.3333H14.6692C15.3764 12.3333 16.0547 12.0919 16.5548 11.6621C17.0549 11.2323 17.3358 10.6495 17.3358 10.0417C17.3358 9.43388 17.0549 8.85099 16.5548 8.42121C16.0547 7.99144 15.3764 7.75 14.6692 7.75H14.6665ZM35.9998 10.0417C35.9998 9.43388 36.2808 8.85099 36.7809 8.42121C37.281 7.99144 37.9592 7.75 38.6665 7.75H38.6692C39.3764 7.75 40.0547 7.99144 40.5548 8.42121C41.0549 8.85099 41.3358 9.43388 41.3358 10.0417C41.3358 10.6495 41.0549 11.2323 40.5548 11.6621C40.0547 12.0919 39.3764 12.3333 38.6692 12.3333H38.6665C37.9592 12.3333 37.281 12.0919 36.7809 11.6621C36.2808 11.2323 35.9998 10.6495 35.9998 10.0417ZM25.3332 12.3333C24.6259 12.3333 23.9476 12.5748 23.4475 13.0045C22.9474 13.4343 22.6665 14.0172 22.6665 14.625C22.6665 15.2328 22.9474 15.8157 23.4475 16.2455C23.9476 16.6752 24.6259 16.9167 25.3332 16.9167H25.3358C26.0431 16.9167 26.7213 16.6752 27.2214 16.2455C27.7215 15.8157 28.0025 15.2328 28.0025 14.625C28.0025 14.0172 27.7215 13.4343 27.2214 13.0045C26.7213 12.5748 26.0431 12.3333 25.3358 12.3333H25.3332Z\" fill=\"black\" />\r\n </svg>\r\n);\r\n\r\nexport const TeamIcon: React.FC = () => (\r\n <svg width=\"64\" height=\"55\" viewBox=\"0 0 64 55\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M39.3439 22.9167C41.9199 22.9167 44.0106 24.7133 44.0106 26.9271V37.8102C44.0106 40.5459 42.746 43.1695 40.4951 45.1039C38.2441 47.0383 35.1912 48.125 32.0079 48.125C28.8246 48.125 25.7717 47.0383 23.5208 45.1039C21.2698 43.1695 20.0053 40.5459 20.0053 37.8102V26.9271C20.0053 24.7133 22.0933 22.9167 24.6719 22.9167H39.3439ZM19.0159 22.9167C18.0554 23.91 17.4777 25.1352 17.3626 26.4229L17.3359 26.9271V37.8102C17.3359 39.7513 17.8479 41.5892 18.7599 43.23C17.1793 43.5934 15.5227 43.6395 13.918 43.3648C12.3134 43.0901 10.8038 42.5019 9.50591 41.6457C8.20804 40.7895 7.15669 39.6883 6.43315 38.4272C5.70962 37.166 5.33328 35.7788 5.33325 34.3727V26.9271C5.3333 25.9206 5.77371 24.9509 6.56706 24.2106C7.36042 23.4702 8.44872 23.0132 9.61592 22.9304L9.99992 22.9167H19.0159ZM44.9999 22.9167H53.9999C56.5759 22.9167 58.6666 24.7133 58.6666 26.9271V34.375C58.6669 35.7802 58.2914 37.1666 57.569 38.4272C56.8465 39.6877 55.7965 40.7887 54.5001 41.645C53.2037 42.5013 51.6955 43.09 50.0922 43.3656C48.4888 43.6413 46.8332 43.5964 45.2532 43.2346C46.0532 41.7954 46.5439 40.2096 46.6533 38.5321L46.6772 37.8102V26.9271C46.6772 25.4031 46.0479 24.0052 44.9972 22.9167H44.9999ZM31.9999 6.875C34.1216 6.875 36.1565 7.59933 37.6568 8.88864C39.1571 10.178 39.9999 11.9266 39.9999 13.75C39.9999 15.5734 39.1571 17.322 37.6568 18.6114C36.1565 19.9007 34.1216 20.625 31.9999 20.625C29.8782 20.625 27.8434 19.9007 26.3431 18.6114C24.8428 17.322 23.9999 15.5734 23.9999 13.75C23.9999 11.9266 24.8428 10.178 26.3431 8.88864C27.8434 7.59933 29.8782 6.875 31.9999 6.875ZM49.3332 9.16667C51.1014 9.16667 52.7971 9.77027 54.0473 10.8447C55.2975 11.9191 55.9999 13.3764 55.9999 14.8958C55.9999 16.4153 55.2975 17.8725 54.0473 18.947C52.7971 20.0214 51.1014 20.625 49.3332 20.625C47.5651 20.625 45.8694 20.0214 44.6192 18.947C43.369 17.8725 42.6666 16.4153 42.6666 14.8958C42.6666 13.3764 43.369 11.9191 44.6192 10.8447C45.8694 9.77027 47.5651 9.16667 49.3332 9.16667ZM14.6666 9.16667C16.4347 9.16667 18.1304 9.77027 19.3806 10.8447C20.6309 11.9191 21.3333 13.3764 21.3333 14.8958C21.3333 16.4153 20.6309 17.8725 19.3806 18.947C18.1304 20.0214 16.4347 20.625 14.6666 20.625C12.8985 20.625 11.2028 20.0214 9.95254 18.947C8.7023 17.8725 7.99992 16.4153 7.99992 14.8958C7.99992 13.3764 8.7023 11.9191 9.95254 10.8447C11.2028 9.77027 12.8985 9.16667 14.6666 9.16667Z\" fill=\"black\" />\r\n </svg>\r\n);","import React from 'react';\r\n\r\ninterface ValidationMessageProps {\r\n message: string;\r\n type: 'error' | 'success' | 'info';\r\n}\r\n\r\nexport const ValidationMessage: React.FC<ValidationMessageProps> = ({ message, type }) => {\r\n const colorSpan = {\r\n color: `${type == 'error' ? 'red' : (type == 'info' ? 'blue' : 'black')}`\r\n };\r\n return (\r\n <span style={colorSpan} className={`validation-message ${type}`}>{message}</span>\r\n );\r\n}","import React from 'react';\r\nimport { ValidationMessage } from '../validationMessage/ValidationMessage';\r\nimport styles from './InputField.module.css'\r\n\r\ninterface InputFieldProps {\r\n label: string;\r\n type: string;\r\n display?: 'vertical' | 'horizontal'\r\n name: string;\r\n value: string;\r\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n placeholder?: string;\r\n error?: string;\r\n labelClassName?: string;\r\n inputClassName?: string\r\n}\r\n\r\nexport const InputField: React.FC<InputFieldProps> = ({\r\n label,\r\n type,\r\n display = 'horizontal',\r\n name,\r\n value,\r\n onChange,\r\n placeholder,\r\n error,\r\n labelClassName = '',\r\n inputClassName = ''\r\n}) => {\r\n const dynamicStyle = display === 'horizontal' ? styles.centerContentColumn : styles.centerContentRow;\r\n return (\r\n <div className={`input-field ${dynamicStyle}`}>\r\n <label htmlFor={name} className={labelClassName}>{label}</label>\r\n <div className={styles.centerContentColumn}>\r\n <input\r\n id={name}\r\n type={type}\r\n name={name}\r\n value={value}\r\n onChange={onChange}\r\n placeholder={placeholder}\r\n className={inputClassName}\r\n />\r\n {error && <ValidationMessage message={error} type=\"error\" />}\r\n </div>\r\n </div>\r\n );\r\n}","import React from 'react';\r\nimport styles from './NavBar.module.css';\r\n\r\ntype NavItem = {\r\n label?: string;\r\n icon?: React.ReactNode;\r\n onClick?: () => void;\r\n visible: boolean;\r\n submenu?: NavItem[];\r\n};\r\n\r\ntype NavigationBarProps = {\r\n navItems: NavItem[];\r\n justifyContent?: string;\r\n};\r\n\r\nexport const NavigationBar: React.FC<NavigationBarProps> = ({ navItems, justifyContent = \"space-around\" }) => {\r\n return (\r\n <nav className={styles.nav} style={{ justifyContent: justifyContent }}>\r\n {navItems.map(\r\n (item, index) =>\r\n item.visible && (\r\n <div key={index} className={styles.navItem} onClick={item.onClick}>\r\n {item.icon && <span className={styles.icon}>{item.icon}</span>}\r\n <span>{item.label}</span>\r\n {item.submenu && (\r\n <div className={styles.submenu}>\r\n {item.submenu.map(\r\n (subItem, subIndex) =>\r\n subItem.visible && (\r\n <>\r\n <div key={subIndex} className={styles.submenuItem} onClick={subItem.onClick}>\r\n {subItem.icon && <span className={styles.icon}>{subItem.icon}</span>}\r\n {subItem.label}\r\n </div>\r\n </>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n )}\r\n </nav>\r\n );\r\n};","// src/components/ProtectedRoute.tsx\r\nimport React from 'react';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface ProtectedRouteProps {\r\n children: JSX.Element;\r\n isAuthenticated: boolean;\r\n}\r\n\r\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children, isAuthenticated = false }) => {\r\n return isAuthenticated ? children : <Navigate to=\"/\" replace />;\r\n};\r\n\r\n"],"names":["BottomNavBar","_ref","navItems","React","className","styles","bottomNav","map","item","index","visible","key","navButton","onClick","icon","label","Button","_ref$type","type","_ref$disabled","disabled","_ref$className","CircleButton","imageURL","viewWidth","containerButton","style","display","justifyContent","alignItems","width","height","padding","backgroundColor","background","RoundButton","props","_extends","viewHeight","customStyleBtn","undefined","insideButtonIconAndName","customStyleLabel","name","SignInWithGoogle","gsiMaterialButton","event","preventDefault","gsiMaterialButtonState","gsiMaterialButtonContentWrapper","gsiMaterialButtonIcon","version","xmlns","viewBox","xmlnsXlink","fill","d","gsiMaterialButtonContents","Card","compactPreview","fullContent","bottomElement","_useState","useState","isExpanded","setIsExpanded","toggleCard","card","toLowerCase","FormContainer","children","title","_ref$titleAlign","titleAlign","dynamicTitleAlign","flexFlow","KitchenIcon","OrdersIcon","id","ProductsIcon","stroke","TeamIcon","ValidationMessage","message","colorSpan","color","InputField","_ref$display","value","onChange","placeholder","error","_ref$labelClassName","labelClassName","_ref$inputClassName","inputClassName","dynamicStyle","centerContentColumn","centerContentRow","htmlFor","NavigationBar","_ref$justifyContent","nav","navItem","submenu","subItem","subIndex","submenuItem","ProtectedRoute","_ref$isAuthenticated","isAuthenticated","Navigate","to","replace"],"mappings":";;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;ICXaA,YAAY,GAAgC,SAA5CA,YAAYA,CAAAC,IAAA;MAAmCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAChE,OACIC;IAAKC,SAAS,EAAEC,MAAM,CAACC;KAClBJ,QAAQ,CAACK,GAAG,CACT,UAACC,IAAI,EAAEC,KAAK;IAAA,OACRD,IAAI,CAACE,OAAO,IACRP;MACIQ,GAAG,EAAEF,KAAK;MACVL,SAAS,EAAEC,MAAM,CAACO,SAAS;MAC3BC,OAAO,EAAEL,IAAI,CAACK;OAEbL,IAAI,CAACM,IAAI,IAAIX;MAAMC,SAAS,EAAEC,MAAM,CAACS;OAAON,IAAI,CAACM,IAAI,CAAQ,EAC9DX;MAAMC,SAAS,EAAEC,MAAM,CAACU;OAAQP,IAAI,CAACO,KAAK,CAAQ,CAEzD;IACR,CACC;AAEd,CAAC;;ICtBYC,MAAM,GAA0B,SAAhCA,MAAMA,CAAAf,IAAA;EAAA,IACfc,KAAK,GAAAd,IAAA,CAALc,KAAK;IACLF,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IAAAI,SAAA,GAAAhB,IAAA,CACPiB,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IAAAE,aAAA,GAAAlB,IAAA,CACfmB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAApB,IAAA,CAChBG,SAAS;IAATA,SAAS,GAAAiB,cAAA,cAAG,EAAE,GAAAA,cAAA;EAAA,OAEdlB;IAAQe,IAAI,EAAEA,IAAI;IAAEL,OAAO,EAAEA,OAAO;IAAEO,QAAQ,EAAEA,QAAQ;IAAEhB,SAAS,EAAEA;KAChEW,KAAK,CACD;AAAA,CACZ;;;;;;ICVYO,YAAY,GAAgC,SAA5CA,YAAYA,CAAArB,IAAA;MAAmCsB,QAAQ,GAAAtB,IAAA,CAARsB,QAAQ;IAAEC,SAAS,GAAAvB,IAAA,CAATuB,SAAS;IAAEX,OAAO,GAAAZ,IAAA,CAAPY,OAAO;EACtF,OACEV;IACEC,SAAS,EAAEC,QAAM,CAACoB,eAAe;IACjCZ,OAAO,EAAEA,OAAO;IAChBa,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAKN,SAAS,GAAG,CAAC,OAAI;MAC3BO,MAAM,EAAKP,SAAS,GAAG,CAAC,OAAI;MAC5BQ,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE;;KAGnB9B;IACEuB,KAAK,EAAE;MACLQ,UAAU,WAASX,QAAQ,wCAAqC;MAChEO,KAAK,EAAKN,SAAS,OAAI;MACvBO,MAAM,EAAKP,SAAS;;IAEjB,CACA;AAEb,CAAC;;;;;;;;;;;;;;;;IC9BYW,WAAW,GAAyB,SAApCA,WAAWA,CAA0BC,KAAK;EACrD,OACEjC;IACEC,SAAS,EAAEC,QAAM,CAACoB,eAAe;IACjCP,IAAI,EAAEkB,KAAK,CAAClB,IAAI,IAAI,QAAQ;IAC5BQ,KAAK,EAAAW,QAAA;MACHN,MAAM,GAAKK,KAAK,CAACE,UAAU,IAAI,EAAE,QAAI;MACrCR,KAAK,GAAKM,KAAK,CAACZ,SAAS,IAAI,EAAE;OAC5BY,KAAK,CAACG,cAAc,CACxB;IACD1B,OAAO,EAAEuB,KAAK,CAACvB,OAAO,GAAGuB,KAAK,CAACvB,OAAO,GAAG2B;KAEzCrC;IAAKC,SAAS,EAAEC,QAAM,CAACoC;KACpBL,KAAK,CAACtB,IAAI,IAAIX,oBAACiC,KAAK,CAACtB,IAAI,OAAG,EAC7BX;IAAMuB,KAAK,EAAAW,QAAA,KAAOD,KAAK,CAACM,gBAAgB;KAAKN,KAAK,CAACO,IAAI,CAAQ,CAC3D,CACC;AAEb,CAAC;;;;;;ICfYC,gBAAgB,GAAoC,SAApDA,gBAAgBA,CAAA3C,IAAA;MAAuCY,QAAO,GAAAZ,IAAA,CAAPY,OAAO;EACvE,OACIV;IACIC,SAAS,EAAEC,QAAM,CAACwC,iBAAiB;IACnChC,OAAO,EAAE,SAATA,OAAOA,CAAGiC,KAAK;MACXA,KAAK,CAACC,cAAc,EAAE,CAAC;MACvBlC,QAAO,CAACiC,KAAK,CAAC;;KAElB3C;IAAKC,SAAS,EAAEC,QAAM,CAAC2C;IAA8B,EACrD7C;IAAKC,SAAS,EAAEC,QAAM,CAAC4C;KACnB9C;IAAKC,SAAS,EAAEC,QAAM,CAAC6C;KACnB/C;IAAKgD,OAAO,EAAC,KAAK;IAACC,KAAK,EAAC,4BAA4B;IAACC,OAAO,EAAC,WAAW;IAACC,UAAU,EAAC,8BAA8B;IAAC5B,KAAK,EAAE;MAAEC,OAAO,EAAE;;KAClIxB;IAAMoD,IAAI,EAAC,SAAS;IAACC,CAAC,EAAC;IAAiJ,EACxKrD;IAAMoD,IAAI,EAAC,SAAS;IAACC,CAAC,EAAC;IAAmI,EAC1JrD;IAAMoD,IAAI,EAAC,SAAS;IAACC,CAAC,EAAC;IAA0I,EACjKrD;IAAMoD,IAAI,EAAC,SAAS;IAACC,CAAC,EAAC;IAAqJ,EAC5KrD;IAAMoD,IAAI,EAAC,MAAM;IAACC,CAAC,EAAC;IAAuB,CACzC,CACJ,EACNrD;IAAMC,SAAS,EAAEC,QAAM,CAACoD;4BAAsD,EAC9EtD;IAAMuB,KAAK,EAAE;MAAEC,OAAO,EAAE;;4BAAqC,CAC3D,CACD;AAEjB,CAAC;;;;;;ICrBY+B,IAAI,GAAwB,SAA5BA,IAAIA,CAAAzD,IAAA;uBAA2BiB,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAAE0C,cAAc,GAAA1D,IAAA,CAAd0D,cAAc;IAAEC,WAAW,GAAA3D,IAAA,CAAX2D,WAAW;IAAEC,aAAa,GAAA5D,IAAA,CAAb4D,aAAa;EACpG,IAAAC,SAAA,GAAoCC,QAAQ,CAAC,CAACJ,cAAc,CAAC;IAAtDK,UAAU,GAAAF,SAAA;IAAEG,aAAa,GAAAH,SAAA,IAA8B;EAC9D,IAAMI,UAAU,GAAG,SAAbA,UAAUA;IAAA,OAASD,aAAa,CAAC,CAACD,UAAU,CAAC;;EACnD,OACI7D;IAAKC,SAAS,EAAKC,QAAM,CAAC8D,IAAI,cAASjD,IAAI,CAACkD,WAAW;KAClDJ,UAAU,GAAGJ,WAAW,GAAGD,cAAc,EAEtCA,cAAc,GACVxD;IAAMU,OAAO,EAAEqD,UAAU;IAAE9D,SAAS,EAAC;KAChC4D,UAAU,GAAG,WAAW,GAAG,WAAW,CACpC,GACL7D,yCAAK,EAGX6D,UAAU,GAAGH,aAAa,GAAG1D,yCAAK,CAEpC;AAEd,CAAC;;ICjBYkE,aAAa,GAAiC,SAA9CA,aAAaA,CAAApE,IAAA;MAAoCqE,QAAQ,GAAArE,IAAA,CAARqE,QAAQ;IAAEC,KAAK,GAAAtE,IAAA,CAALsE,KAAK;IAAAC,eAAA,GAAAvE,IAAA,CAAEwE,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,OAAO,GAAAA,eAAA;EAE/F,IAAME,iBAAiB,GAAG;IACtB/C,OAAO,EAAE,MAAM;IACfgD,QAAQ,EAAE,KAAK;IACf/C,cAAc,EAAE6C;GACnB;EACD,OACItE;IAAKC,SAAS,EAAC;KACXD;IAAIuB,KAAK,EAAEgD;KAAoBH,KAAK,CAAM,EACzCD,QAAQ,CACN;AAEf,CAAC;;ICrBYM,WAAW,GAAa,SAAxBA,WAAWA;EAAA,OACpBzE;IAAK2B,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACsB,OAAO,EAAC,WAAW;IAACE,IAAI,EAAC,MAAM;IAACH,KAAK,EAAC;KAC9DjD;IAAMqD,CAAC,EAAC,6tBAA6tB;IAACD,IAAI,EAAC;IAAU,CACnvB;AAAA,CACT;AAGD,IAAasB,UAAU,GAAa,SAAvBA,UAAUA;EAAA,OACnB1E;IAAK2B,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACsB,OAAO,EAAC,WAAW;IAACE,IAAI,EAAC,MAAM;IAACH,KAAK,EAAC;KAC9DjD;iBAAa;KACTA;IAAMqD,CAAC,EAAC,6uBAA6uB;IAACD,IAAI,EAAC;IAAU,CACrwB,EACJpD,kCACIA;IAAU2E,EAAE,EAAC;KACT3E;IAAM2B,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACwB,IAAI,EAAC;IAAU,CACrC,CACR,CACL;AAAA,CACT;AAED,IAAawB,YAAY,GAAa,SAAzBA,YAAYA;EAAA,OACrB5E;IAAK2B,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACsB,OAAO,EAAC,WAAW;IAACE,IAAI,EAAC,MAAM;IAACH,KAAK,EAAC;KAC9DjD;IAAMqD,CAAC,EAAC,kiBAAkiB;IAACwB,MAAM,EAAC,OAAO;oBAAc,GAAG;sBAAgB,OAAO;uBAAiB;IAAU,EAC5nB7E;IAAMqD,CAAC,EAAC,yMAAyM;IAACD,IAAI,EAAC,OAAO;IAACyB,MAAM,EAAC,OAAO;oBAAc,GAAG;sBAAgB,OAAO;uBAAiB;IAAU,EAChT7E;iBAAgB,SAAS;iBAAW,SAAS;IAACqD,CAAC,EAAC,g/CAAg/C;IAACD,IAAI,EAAC;IAAU,CAC9iD;AAAA,CACT;AAED,IAAa0B,QAAQ,GAAa,SAArBA,QAAQA;EAAA,OACjB9E;IAAK2B,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,IAAI;IAACsB,OAAO,EAAC,WAAW;IAACE,IAAI,EAAC,MAAM;IAACH,KAAK,EAAC;KAC9DjD;IAAMqD,CAAC,EAAC,uyEAAuyE;IAACD,IAAI,EAAC;IAAU,CAC7zE;AAAA,CACT;;IC5BY2B,iBAAiB,GAAqC,SAAtDA,iBAAiBA,CAAAjF,IAAA;MAAwCkF,OAAO,GAAAlF,IAAA,CAAPkF,OAAO;IAAEjE,IAAI,GAAAjB,IAAA,CAAJiB,IAAI;EAC/E,IAAMkE,SAAS,GAAG;IACdC,KAAK,QAAKnE,IAAI,IAAI,OAAO,GAAG,KAAK,GAAIA,IAAI,IAAI,MAAM,GAAG,MAAM,GAAG,OAAQ;GAC1E;EACD,OACIf;IAAMuB,KAAK,EAAE0D,SAAS;IAAEhF,SAAS,0BAAwBc;KAASiE,OAAO,CAAQ;AAEzF,CAAC;;;;;;ICGYG,UAAU,GAA8B,SAAxCA,UAAUA,CAAArF,IAAA;MACnBc,KAAK,GAAAd,IAAA,CAALc,KAAK;IACLG,IAAI,GAAAjB,IAAA,CAAJiB,IAAI;IAAAqE,YAAA,GAAAtF,IAAA,CACJ0B,OAAO;IAAPA,OAAO,GAAA4D,YAAA,cAAG,YAAY,GAAAA,YAAA;IACtB5C,IAAI,GAAA1C,IAAA,CAAJ0C,IAAI;IACJ6C,KAAK,GAAAvF,IAAA,CAALuF,KAAK;IACLC,QAAQ,GAAAxF,IAAA,CAARwF,QAAQ;IACRC,WAAW,GAAAzF,IAAA,CAAXyF,WAAW;IACXC,KAAK,GAAA1F,IAAA,CAAL0F,KAAK;IAAAC,mBAAA,GAAA3F,IAAA,CACL4F,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,EAAE,GAAAA,mBAAA;IAAAE,mBAAA,GAAA7F,IAAA,CACnB8F,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,EAAE,GAAAA,mBAAA;EAEnB,IAAME,YAAY,GAAGrE,OAAO,KAAK,YAAY,GAAGtB,QAAM,CAAC4F,mBAAmB,GAAG5F,QAAM,CAAC6F,gBAAgB;EACpG,OACI/F;IAAKC,SAAS,mBAAiB4F;KAC3B7F;IAAOgG,OAAO,EAAExD,IAAI;IAAEvC,SAAS,EAAEyF;KAAiB9E,KAAK,CAAS,EAChEZ;IAAKC,SAAS,EAAEC,QAAM,CAAC4F;KACnB9F;IACI2E,EAAE,EAAEnC,IAAI;IACRzB,IAAI,EAAEA,IAAI;IACVyB,IAAI,EAAEA,IAAI;IACV6C,KAAK,EAAEA,KAAK;IACZC,QAAQ,EAAEA,QAAQ;IAClBC,WAAW,EAAEA,WAAW;IACxBtF,SAAS,EAAE2F;IACb,EACDJ,KAAK,IAAIxF,oBAAC+E,iBAAiB;IAACC,OAAO,EAAEQ,KAAK;IAAEzE,IAAI,EAAC;IAAU,CAC1D,CACJ;AAEd,CAAC;;;;;;IC/BYkF,aAAa,GAAiC,SAA9CA,aAAaA,CAAAnG,IAAA;MAAoCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAmG,mBAAA,GAAApG,IAAA,CAAE2B,cAAc;IAAdA,cAAc,GAAAyE,mBAAA,cAAG,cAAc,GAAAA,mBAAA;EACnG,OACIlG;IAAKC,SAAS,EAAEC,QAAM,CAACiG,GAAG;IAAE5E,KAAK,EAAE;MAAEE,cAAc,EAAEA;;KAChD1B,QAAQ,CAACK,GAAG,CACT,UAACC,IAAI,EAAEC,KAAK;IAAA,OACRD,IAAI,CAACE,OAAO,IACRP;MAAKQ,GAAG,EAAEF,KAAK;MAAEL,SAAS,EAAEC,QAAM,CAACkG,OAAO;MAAE1F,OAAO,EAAEL,IAAI,CAACK;OACrDL,IAAI,CAACM,IAAI,IAAIX;MAAMC,SAAS,EAAEC,QAAM,CAACS;OAAON,IAAI,CAACM,IAAI,CAAQ,EAC9DX,kCAAOK,IAAI,CAACO,KAAK,CAAQ,EACxBP,IAAI,CAACgG,OAAO,IACTrG;MAAKC,SAAS,EAAEC,QAAM,CAACmG;OAClBhG,IAAI,CAACgG,OAAO,CAACjG,GAAG,CACb,UAACkG,OAAO,EAAEC,QAAQ;MAAA,OACdD,OAAO,CAAC/F,OAAO,IACXP,0CACIA;QAAKQ,GAAG,EAAE+F,QAAQ;QAAEtG,SAAS,EAAEC,QAAM,CAACsG,WAAW;QAAE9F,OAAO,EAAE4F,OAAO,CAAC5F;SAC/D4F,OAAO,CAAC3F,IAAI,IAAIX;QAAMC,SAAS,EAAEC,QAAM,CAACS;SAAO2F,OAAO,CAAC3F,IAAI,CAAQ,EACnE2F,OAAO,CAAC1F,KAAK,CACZ,CAEb;MACR,CAER,CAER;IACR,CACC;AAEd,CAAC;;AC7CD;AACA,IAQa6F,cAAc,GAAkC,SAAhDA,cAAcA,CAAA3G,IAAA;MAAqCqE,QAAQ,GAAArE,IAAA,CAARqE,QAAQ;IAAAuC,oBAAA,GAAA5G,IAAA,CAAE6G,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,KAAK,GAAAA,oBAAA;EAC7F,OAAOC,eAAe,GAAGxC,QAAQ,GAAGnE,oBAAC4G,QAAQ;IAACC,EAAE,EAAC,GAAG;IAACC,OAAO;IAAG;AACnE,CAAC;;;;"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.10.11",
2
+ "version": "0.10.13",
3
3
  "name": "@wecodesolutions/shared-react-components-ts",
4
4
  "publishConfig": {
5
5
  "access": "public"
package/src/components/card/Card.module.css CHANGED
@@ -14,16 +14,3 @@
14
14
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
15
15
  }
16
16
 
17
- .toggleButton {
18
- margin-top: 8px;
19
- padding: 8px 12px;
20
- background-color: #007bff;
21
- color: white;
22
- border: none;
23
- border-radius: 4px;
24
- cursor: pointer;
25
- }
26
-
27
- .toggleButton:hover {
28
- background-color: #0056b3;
29
- }
package/src/components/card/Card.tsx CHANGED
@@ -1,22 +1,29 @@
1
- import React, { ReactNode } from 'react';
1
+ import React, { ReactNode, useState } from 'react';
2
2
  import styles from './Card.module.css';
3
3
 
4
4
  interface CardProps {
5
5
  type?: string;
6
6
  compactPreview?: ReactNode; // Content to show in compact mode
7
7
  fullContent: ReactNode; //this contain the full version
8
- isExpanded?: boolean; //optional but by default isExpanded = true
8
+ bottomElement: ReactNode; //most usable for set a <button> but can be anything
9
9
  }
10
10
 
11
- export const Card: React.FC<CardProps> = ({ type = "generic", compactPreview, fullContent, isExpanded = true }) => {
12
-
13
- //const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided
14
-
15
- //const toggleCard = () => setIsExpanded(!isExpanded);
16
-
11
+ export const Card: React.FC<CardProps> = ({ type = "generic", compactPreview, fullContent, bottomElement }) => {
12
+ const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided
13
+ const toggleCard = () => setIsExpanded(!isExpanded);
17
14
  return (
18
15
  <div className={`${styles.card} card-${type.toLowerCase()}`}>
19
16
  {isExpanded ? fullContent : compactPreview}
17
+ {
18
+ compactPreview ?
19
+ <span onClick={toggleCard} className='link flexEnd'>
20
+ {isExpanded ? "Show Less" : "More Info"}
21
+ </span>
22
+ : <></>
23
+ }
24
+ {
25
+ isExpanded ? bottomElement : <></>
26
+ }
20
27
  </div>
21
28
  );
22
29
  };