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

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 (9) hide show
  1. package/dist/components/card/Card.d.ts +1 -0
  2. package/dist/shared-react-components-ts.cjs.development.js +58 -64
  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 +7 -12
  7. package/dist/shared-react-components-ts.esm.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/card/Card.tsx +5 -11
package/dist/components/card/Card.d.ts CHANGED
@@ -3,6 +3,7 @@ interface CardProps {
3
3
  type?: string;
4
4
  compactPreview?: ReactNode;
5
5
  fullContent: ReactNode;
6
+ isExpanded?: boolean;
6
7
  }
7
8
  export declare const Card: React.FC<CardProps>;
8
9
  export {};
package/dist/shared-react-components-ts.cjs.development.js CHANGED
@@ -4,8 +4,7 @@ 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 = require('react');
8
- var React__default = _interopDefault(React);
7
+ var React = _interopDefault(require('react'));
9
8
  var reactRouterDom = require('react-router-dom');
10
9
 
11
10
  function styleInject(css, ref) {
@@ -41,16 +40,16 @@ styleInject(css_248z);
41
40
 
42
41
  var BottomNavBar = function BottomNavBar(_ref) {
43
42
  var navItems = _ref.navItems;
44
- return React__default.createElement("nav", {
43
+ return React.createElement("nav", {
45
44
  className: styles.bottomNav
46
45
  }, navItems.map(function (item, index) {
47
- return item.visible && React__default.createElement("button", {
46
+ return item.visible && React.createElement("button", {
48
47
  key: index,
49
48
  className: styles.navButton,
50
49
  onClick: item.onClick
51
- }, item.icon && React__default.createElement("span", {
50
+ }, item.icon && React.createElement("span", {
52
51
  className: styles.icon
53
- }, item.icon), React__default.createElement("span", {
52
+ }, item.icon), React.createElement("span", {
54
53
  className: styles.label
55
54
  }, item.label));
56
55
  }));
@@ -65,7 +64,7 @@ var Button = function Button(_ref) {
65
64
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
66
65
  _ref$className = _ref.className,
67
66
  className = _ref$className === void 0 ? '' : _ref$className;
68
- return React__default.createElement("button", {
67
+ return React.createElement("button", {
69
68
  type: type,
70
69
  onClick: onClick,
71
70
  disabled: disabled,
@@ -81,7 +80,7 @@ var CircleButton = function CircleButton(_ref) {
81
80
  var imageURL = _ref.imageURL,
82
81
  viewWidth = _ref.viewWidth,
83
82
  onClick = _ref.onClick;
84
- return React__default.createElement("button", {
83
+ return React.createElement("button", {
85
84
  className: styles$1.containerButton,
86
85
  onClick: onClick,
87
86
  style: {
@@ -93,7 +92,7 @@ var CircleButton = function CircleButton(_ref) {
93
92
  padding: 0,
94
93
  backgroundColor: '#EDD479'
95
94
  }
96
- }, React__default.createElement("div", {
95
+ }, React.createElement("div", {
97
96
  style: {
98
97
  background: "url(" + imageURL + ") center center / contain no-repeat",
99
98
  width: viewWidth + "vw",
@@ -117,7 +116,7 @@ var styles$2 = {"containerButton":"RoundButton-module_containerButton__WnBm3","i
117
116
  styleInject(css_248z$2);
118
117
 
119
118
  var RoundButton = function RoundButton(props) {
120
- return React__default.createElement("button", {
119
+ return React.createElement("button", {
121
120
  className: styles$2.containerButton,
122
121
  type: props.type || 'button',
123
122
  style: _extends({
@@ -125,9 +124,9 @@ var RoundButton = function RoundButton(props) {
125
124
  width: (props.viewWidth || 10) + "vw"
126
125
  }, props.customStyleBtn),
127
126
  onClick: props.onClick ? props.onClick : undefined
128
- }, React__default.createElement("div", {
127
+ }, React.createElement("div", {
129
128
  className: styles$2.insideButtonIconAndName
130
- }, props.icon && React__default.createElement(props.icon, null), React__default.createElement("span", {
129
+ }, props.icon && React.createElement(props.icon, null), React.createElement("span", {
131
130
  style: _extends({}, props.customStyleLabel)
132
131
  }, props.name)));
133
132
  };
@@ -138,19 +137,19 @@ styleInject(css_248z$3);
138
137
 
139
138
  var SignInWithGoogle = function SignInWithGoogle(_ref) {
140
139
  var _onClick = _ref.onClick;
141
- return React__default.createElement("button", {
140
+ return React.createElement("button", {
142
141
  className: styles$3.gsiMaterialButton,
143
142
  onClick: function onClick(event) {
144
143
  event.preventDefault(); // Prevent form submission
145
144
  _onClick(event);
146
145
  }
147
- }, React__default.createElement("div", {
146
+ }, React.createElement("div", {
148
147
  className: styles$3.gsiMaterialButtonState
149
- }), React__default.createElement("div", {
148
+ }), React.createElement("div", {
150
149
  className: styles$3.gsiMaterialButtonContentWrapper
151
- }, React__default.createElement("div", {
150
+ }, React.createElement("div", {
152
151
  className: styles$3.gsiMaterialButtonIcon
153
- }, React__default.createElement("svg", {
152
+ }, React.createElement("svg", {
154
153
  version: "1.1",
155
154
  xmlns: "http://www.w3.org/2000/svg",
156
155
  viewBox: "0 0 48 48",
@@ -158,24 +157,24 @@ var SignInWithGoogle = function SignInWithGoogle(_ref) {
158
157
  style: {
159
158
  display: "block"
160
159
  }
161
- }, React__default.createElement("path", {
160
+ }, React.createElement("path", {
162
161
  fill: "#EA4335",
163
162
  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"
164
- }), React__default.createElement("path", {
163
+ }), React.createElement("path", {
165
164
  fill: "#4285F4",
166
165
  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"
167
- }), React__default.createElement("path", {
166
+ }), React.createElement("path", {
168
167
  fill: "#FBBC05",
169
168
  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"
170
- }), React__default.createElement("path", {
169
+ }), React.createElement("path", {
171
170
  fill: "#34A853",
172
171
  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"
173
- }), React__default.createElement("path", {
172
+ }), React.createElement("path", {
174
173
  fill: "none",
175
174
  d: "M0 0h48v48H0z"
176
- }))), React__default.createElement("span", {
175
+ }))), React.createElement("span", {
177
176
  className: styles$3.gsiMaterialButtonContents
178
- }, "Continue with Google"), React__default.createElement("span", {
177
+ }, "Continue with Google"), React.createElement("span", {
179
178
  style: {
180
179
  display: "none"
181
180
  }
@@ -190,19 +189,14 @@ var Card = function Card(_ref) {
190
189
  var _ref$type = _ref.type,
191
190
  type = _ref$type === void 0 ? "generic" : _ref$type,
192
191
  compactPreview = _ref.compactPreview,
193
- fullContent = _ref.fullContent;
194
- var _useState = React.useState(false),
195
- isExpanded = _useState[0],
196
- setIsExpanded = _useState[1];
197
- var toggleCard = function toggleCard() {
198
- return setIsExpanded(!isExpanded);
199
- };
200
- return React__default.createElement("div", {
192
+ 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", {
201
198
  className: styles$4.card + " card-" + type.toLowerCase()
202
- }, isExpanded ? fullContent : compactPreview, compactPreview ? React__default.createElement("button", {
203
- onClick: toggleCard,
204
- className: styles$4.toggleButton
205
- }, isExpanded ? "Show Less" : "More Info") : React__default.createElement(React__default.Fragment, null));
199
+ }, isExpanded ? fullContent : compactPreview);
206
200
  };
207
201
 
208
202
  var FormContainer = function FormContainer(_ref) {
@@ -215,66 +209,66 @@ var FormContainer = function FormContainer(_ref) {
215
209
  flexFlow: 'row',
216
210
  justifyContent: titleAlign
217
211
  };
218
- return React__default.createElement("div", {
212
+ return React.createElement("div", {
219
213
  className: "form-container"
220
- }, React__default.createElement("h2", {
214
+ }, React.createElement("h2", {
221
215
  style: dynamicTitleAlign
222
216
  }, title), children);
223
217
  };
224
218
 
225
219
  var KitchenIcon = function KitchenIcon() {
226
- return React__default.createElement("svg", {
220
+ return React.createElement("svg", {
227
221
  width: "64",
228
222
  height: "55",
229
223
  viewBox: "0 0 64 55",
230
224
  fill: "none",
231
225
  xmlns: "http://www.w3.org/2000/svg"
232
- }, React__default.createElement("path", {
226
+ }, React.createElement("path", {
233
227
  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",
234
228
  fill: "black"
235
229
  }));
236
230
  };
237
231
  var OrdersIcon = function OrdersIcon() {
238
- return React__default.createElement("svg", {
232
+ return React.createElement("svg", {
239
233
  width: "62",
240
234
  height: "55",
241
235
  viewBox: "0 0 62 55",
242
236
  fill: "none",
243
237
  xmlns: "http://www.w3.org/2000/svg"
244
- }, React__default.createElement("g", {
238
+ }, React.createElement("g", {
245
239
  "clip-path": "url(#clip0_46_153)"
246
- }, React__default.createElement("path", {
240
+ }, React.createElement("path", {
247
241
  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",
248
242
  fill: "black"
249
- })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
243
+ })), React.createElement("defs", null, React.createElement("clipPath", {
250
244
  id: "clip0_46_153"
251
- }, React__default.createElement("rect", {
245
+ }, React.createElement("rect", {
252
246
  width: "62",
253
247
  height: "55",
254
248
  fill: "white"
255
249
  }))));
256
250
  };
257
251
  var ProductsIcon = function ProductsIcon() {
258
- return React__default.createElement("svg", {
252
+ return React.createElement("svg", {
259
253
  width: "56",
260
254
  height: "41",
261
255
  viewBox: "0 0 56 41",
262
256
  fill: "none",
263
257
  xmlns: "http://www.w3.org/2000/svg"
264
- }, React__default.createElement("path", {
258
+ }, React.createElement("path", {
265
259
  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",
266
260
  stroke: "black",
267
261
  "stroke-width": "2",
268
262
  "stroke-linecap": "round",
269
263
  "stroke-linejoin": "round"
270
- }), React__default.createElement("path", {
264
+ }), React.createElement("path", {
271
265
  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",
272
266
  fill: "black",
273
267
  stroke: "black",
274
268
  "stroke-width": "2",
275
269
  "stroke-linecap": "round",
276
270
  "stroke-linejoin": "round"
277
- }), React__default.createElement("path", {
271
+ }), React.createElement("path", {
278
272
  "fill-rule": "evenodd",
279
273
  "clip-rule": "evenodd",
280
274
  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",
@@ -282,13 +276,13 @@ var ProductsIcon = function ProductsIcon() {
282
276
  }));
283
277
  };
284
278
  var TeamIcon = function TeamIcon() {
285
- return React__default.createElement("svg", {
279
+ return React.createElement("svg", {
286
280
  width: "64",
287
281
  height: "55",
288
282
  viewBox: "0 0 64 55",
289
283
  fill: "none",
290
284
  xmlns: "http://www.w3.org/2000/svg"
291
- }, React__default.createElement("path", {
285
+ }, React.createElement("path", {
292
286
  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",
293
287
  fill: "black"
294
288
  }));
@@ -300,7 +294,7 @@ var ValidationMessage = function ValidationMessage(_ref) {
300
294
  var colorSpan = {
301
295
  color: "" + (type == 'error' ? 'red' : type == 'info' ? 'blue' : 'black')
302
296
  };
303
- return React__default.createElement("span", {
297
+ return React.createElement("span", {
304
298
  style: colorSpan,
305
299
  className: "validation-message " + type
306
300
  }, message);
@@ -325,14 +319,14 @@ var InputField = function InputField(_ref) {
325
319
  _ref$inputClassName = _ref.inputClassName,
326
320
  inputClassName = _ref$inputClassName === void 0 ? '' : _ref$inputClassName;
327
321
  var dynamicStyle = display === 'horizontal' ? styles$5.centerContentColumn : styles$5.centerContentRow;
328
- return React__default.createElement("div", {
322
+ return React.createElement("div", {
329
323
  className: "input-field " + dynamicStyle
330
- }, React__default.createElement("label", {
324
+ }, React.createElement("label", {
331
325
  htmlFor: name,
332
326
  className: labelClassName
333
- }, label), React__default.createElement("div", {
327
+ }, label), React.createElement("div", {
334
328
  className: styles$5.centerContentColumn
335
- }, React__default.createElement("input", {
329
+ }, React.createElement("input", {
336
330
  id: name,
337
331
  type: type,
338
332
  name: name,
@@ -340,7 +334,7 @@ var InputField = function InputField(_ref) {
340
334
  onChange: onChange,
341
335
  placeholder: placeholder,
342
336
  className: inputClassName
343
- }), error && React__default.createElement(ValidationMessage, {
337
+ }), error && React.createElement(ValidationMessage, {
344
338
  message: error,
345
339
  type: "error"
346
340
  })));
@@ -354,26 +348,26 @@ var NavigationBar = function NavigationBar(_ref) {
354
348
  var navItems = _ref.navItems,
355
349
  _ref$justifyContent = _ref.justifyContent,
356
350
  justifyContent = _ref$justifyContent === void 0 ? "space-around" : _ref$justifyContent;
357
- return React__default.createElement("nav", {
351
+ return React.createElement("nav", {
358
352
  className: styles$6.nav,
359
353
  style: {
360
354
  justifyContent: justifyContent
361
355
  }
362
356
  }, navItems.map(function (item, index) {
363
- return item.visible && React__default.createElement("div", {
357
+ return item.visible && React.createElement("div", {
364
358
  key: index,
365
359
  className: styles$6.navItem,
366
360
  onClick: item.onClick
367
- }, item.icon && React__default.createElement("span", {
361
+ }, item.icon && React.createElement("span", {
368
362
  className: styles$6.icon
369
- }, item.icon), React__default.createElement("span", null, item.label), item.submenu && React__default.createElement("div", {
363
+ }, item.icon), React.createElement("span", null, item.label), item.submenu && React.createElement("div", {
370
364
  className: styles$6.submenu
371
365
  }, item.submenu.map(function (subItem, subIndex) {
372
- return subItem.visible && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
366
+ return subItem.visible && React.createElement(React.Fragment, null, React.createElement("div", {
373
367
  key: subIndex,
374
368
  className: styles$6.submenuItem,
375
369
  onClick: subItem.onClick
376
- }, subItem.icon && React__default.createElement("span", {
370
+ }, subItem.icon && React.createElement("span", {
377
371
  className: styles$6.icon
378
372
  }, subItem.icon), subItem.label));
379
373
  })));
@@ -385,7 +379,7 @@ var ProtectedRoute = function ProtectedRoute(_ref) {
385
379
  var children = _ref.children,
386
380
  _ref$isAuthenticated = _ref.isAuthenticated,
387
381
  isAuthenticated = _ref$isAuthenticated === void 0 ? false : _ref$isAuthenticated;
388
- return isAuthenticated ? children : React__default.createElement(reactRouterDom.Navigate, {
382
+ return isAuthenticated ? children : React.createElement(reactRouterDom.Navigate, {
389
383
  to: "/",
390
384
  replace: true
391
385
  });
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, 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}\r\n\r\nexport const Card: React.FC<CardProps> = ({ type = \"generic\", compactPreview, fullContent }) => {\r\n\r\n const [isExpanded, setIsExpanded] = useState(false);\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 {\r\n compactPreview ?\r\n <button onClick={toggleCard} className={styles.toggleButton}>\r\n {isExpanded ? \"Show Less\" : \"More Info\"}\r\n </button>\r\n : <></>\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","_useState","useState","isExpanded","setIsExpanded","toggleCard","card","toLowerCase","toggleButton","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 } 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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"}
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=require("react"),t=(n=e)&&"object"==typeof n&&"default"in n?n.default:n,r=require("react-router-dom");function o(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 a(){return(a=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)}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.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 i=function(n){var e=n.type;return t.createElement("span",{style:{color:"error"==e?"red":"info"==e?"blue":"black"},className:"validation-message "+e},n.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(n){return t.createElement("nav",{className:"BottomNavBar-module_bottomNav__i-wit"},n.navItems.map((function(n,e){return n.visible&&t.createElement("button",{key:e,className:"BottomNavBar-module_navButton__p2NtZ",onClick:n.onClick},n.icon&&t.createElement("span",{className:"BottomNavBar-module_icon__mvP8S"},n.icon),t.createElement("span",{className:"BottomNavBar-module_label__UAxks"},n.label))})))},exports.Button=function(n){var e=n.type,r=n.disabled,o=n.className;return t.createElement("button",{type:void 0===e?"button":e,onClick:n.onClick,disabled:void 0!==r&&r,className:void 0===o?"":o},n.label)},exports.Card=function(n){var r=n.type,o=void 0===r?"generic":r,a=n.compactPreview,i=n.fullContent,l=e.useState(!1),s=l[0],d=l[1];return t.createElement("div",{className:"Card-module_card__N-f1C card-"+o.toLowerCase()},s?i:a,a?t.createElement("button",{onClick:function(){return d(!s)},className:"Card-module_toggleButton__WHB5F"},s?"Show Less":"More Info"):t.createElement(t.Fragment,null))},exports.CircleButton=function(n){var e=n.viewWidth;return t.createElement("button",{className:"CircleButton-module_containerButton__CNrd-",onClick:n.onClick,style:{display:"flex",justifyContent:"center",alignItems:"center",width:3*e+"vw",height:3*e+"vw",padding:0,backgroundColor:"#EDD479"}},t.createElement("div",{style:{background:"url("+n.imageURL+") center center / contain no-repeat",width:e+"vw",height:e+"vw"}}))},exports.FormContainer=function(n){var e=n.children,r=n.titleAlign;return t.createElement("div",{className:"form-container"},t.createElement("h2",{style:{display:"flex",flexFlow:"row",justifyContent:void 0===r?"start":r}},n.title),e)},exports.InputField=function(n){var e=n.type,r=n.display,o=n.name,a=n.value,l=n.onChange,s=n.placeholder,d=n.error,c=n.labelClassName,u=n.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},n.label),t.createElement("div",{className:"InputField-module_centerContentColumn__dSN0e"},t.createElement("input",{id:o,type:e,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(n){var e=n.justifyContent;return t.createElement("nav",{className:l.nav,style:{justifyContent:void 0===e?"space-around":e}},n.navItems.map((function(n,e){return n.visible&&t.createElement("div",{key:e,className:l.navItem,onClick:n.onClick},n.icon&&t.createElement("span",{className:l.icon},n.icon),t.createElement("span",null,n.label),n.submenu&&t.createElement("div",{className:l.submenu},n.submenu.map((function(n,e){return n.visible&&t.createElement(t.Fragment,null,t.createElement("div",{key:e,className:l.submenuItem,onClick:n.onClick},n.icon&&t.createElement("span",{className:l.icon},n.icon),n.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(n){var e=n.isAuthenticated;return void 0!==e&&e?n.children:t.createElement(r.Navigate,{to:"/",replace:!0})},exports.RoundButton=function(n){return t.createElement("button",{className:"RoundButton-module_containerButton__WnBm3",type:n.type||"button",style:a({height:(n.viewHeight||10)+"vh",width:(n.viewWidth||10)+"vw"},n.customStyleBtn),onClick:n.onClick?n.onClick:void 0},t.createElement("div",{className:"RoundButton-module_insideButtonIconAndName__1IPVa"},n.icon&&t.createElement(n.icon,null),t.createElement("span",{style:a({},n.customStyleLabel)},n.name)))},exports.SignInWithGoogle=function(n){var e=n.onClick;return t.createElement("button",{className:"SignInWithGoogle-module_gsiMaterialButton__-3K-u",onClick:function(n){n.preventDefault(),e(n)}},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;
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;
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, 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}\r\n\r\nexport const Card: React.FC<CardProps> = ({ type = \"generic\", compactPreview, fullContent }) => {\r\n\r\n const [isExpanded, setIsExpanded] = useState(false);\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 {\r\n compactPreview ?\r\n <button onClick={toggleCard} className={styles.toggleButton}>\r\n {isExpanded ? \"Show Less\" : \"More Info\"}\r\n </button>\r\n : <></>\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","_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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"}
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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"}
package/dist/shared-react-components-ts.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useState } from 'react';
1
+ import React from 'react';
2
2
  import { Navigate } from 'react-router-dom';
3
3
 
4
4
  function styleInject(css, ref) {
@@ -183,19 +183,14 @@ var Card = function Card(_ref) {
183
183
  var _ref$type = _ref.type,
184
184
  type = _ref$type === void 0 ? "generic" : _ref$type,
185
185
  compactPreview = _ref.compactPreview,
186
- fullContent = _ref.fullContent;
187
- var _useState = useState(false),
188
- isExpanded = _useState[0],
189
- setIsExpanded = _useState[1];
190
- var toggleCard = function toggleCard() {
191
- return setIsExpanded(!isExpanded);
192
- };
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);
193
191
  return React.createElement("div", {
194
192
  className: styles$4.card + " card-" + type.toLowerCase()
195
- }, isExpanded ? fullContent : compactPreview, compactPreview ? React.createElement("button", {
196
- onClick: toggleCard,
197
- className: styles$4.toggleButton
198
- }, isExpanded ? "Show Less" : "More Info") : React.createElement(React.Fragment, null));
193
+ }, isExpanded ? fullContent : compactPreview);
199
194
  };
200
195
 
201
196
  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, 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}\r\n\r\nexport const Card: React.FC<CardProps> = ({ type = \"generic\", compactPreview, fullContent }) => {\r\n\r\n const [isExpanded, setIsExpanded] = useState(false);\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 {\r\n compactPreview ?\r\n <button onClick={toggleCard} className={styles.toggleButton}>\r\n {isExpanded ? \"Show Less\" : \"More Info\"}\r\n </button>\r\n : <></>\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","_useState","useState","isExpanded","setIsExpanded","toggleCard","card","toLowerCase","toggleButton","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 } 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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"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.10.9",
2
+ "version": "0.10.11",
3
3
  "name": "@wecodesolutions/shared-react-components-ts",
4
4
  "publishConfig": {
5
5
  "access": "public"
package/src/components/card/Card.tsx CHANGED
@@ -1,28 +1,22 @@
1
- import React, { ReactNode, useState } from 'react';
1
+ import React, { ReactNode } 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
9
  }
9
10
 
10
- export const Card: React.FC<CardProps> = ({ type = "generic", compactPreview, fullContent }) => {
11
+ export const Card: React.FC<CardProps> = ({ type = "generic", compactPreview, fullContent, isExpanded = true }) => {
11
12
 
12
- const [isExpanded, setIsExpanded] = useState(false);
13
+ //const [isExpanded, setIsExpanded] = useState(!compactPreview);// Default to expanded if no compactPreview is provided
13
14
 
14
- const toggleCard = () => setIsExpanded(!isExpanded);
15
+ //const toggleCard = () => setIsExpanded(!isExpanded);
15
16
 
16
17
  return (
17
18
  <div className={`${styles.card} card-${type.toLowerCase()}`}>
18
19
  {isExpanded ? fullContent : compactPreview}
19
- {
20
- compactPreview ?
21
- <button onClick={toggleCard} className={styles.toggleButton}>
22
- {isExpanded ? "Show Less" : "More Info"}
23
- </button>
24
- : <></>
25
- }
26
20
  </div>
27
21
  );
28
22
  };