@gem-sdk/plugin-cart-drawer 1.11.0 → 1.11.1-experimental-8f483e48

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 (21) hide show
  1. package/dist/cjs/components/CartDiscountCode.js +25 -69
  2. package/dist/cjs/components/CartDrawer.js +23 -114
  3. package/dist/cjs/components/CartFooter.js +18 -41
  4. package/dist/cjs/components/CartLineItem.js +24 -122
  5. package/dist/cjs/components/CartLineItemQuantity.js +5 -41
  6. package/dist/cjs/components/CartLineQuantityAdjustButton.js +50 -106
  7. package/dist/cjs/components/CartOrderNote.js +12 -38
  8. package/dist/cjs/components/DiscountCodeItem.js +29 -74
  9. package/dist/cjs/components/LoadingIcon.js +1 -21
  10. package/dist/cjs/components/icons/Trash.js +1 -20
  11. package/dist/esm/components/CartDiscountCode.js +25 -69
  12. package/dist/esm/components/CartDrawer.js +23 -114
  13. package/dist/esm/components/CartFooter.js +18 -41
  14. package/dist/esm/components/CartLineItem.js +24 -122
  15. package/dist/esm/components/CartLineItemQuantity.js +5 -41
  16. package/dist/esm/components/CartLineQuantityAdjustButton.js +50 -106
  17. package/dist/esm/components/CartOrderNote.js +12 -38
  18. package/dist/esm/components/DiscountCodeItem.js +29 -74
  19. package/dist/esm/components/LoadingIcon.js +1 -21
  20. package/dist/esm/components/icons/Trash.js +1 -20
  21. package/package.json +4 -4
package/dist/cjs/components/CartLineQuantityAdjustButton.js CHANGED
@@ -10,42 +10,19 @@ var Trash = require('./icons/Trash.js');
10
10
  /**
11
11
  * The `CartLineQuantityAdjustButton` component renders a button that adjusts the cart line's quantity when pressed.
12
12
  * It must be a descendent of a `CartLineProvider` component.
13
- */ const CartLineQuantityAdjustButton = ({ children , adjust , className , style })=>{
14
- const { isMutating: updateLoading , trigger: updateLines } = core.useUpdateCartItem();
15
- const { isMutating: removeLoading , trigger: removeLines } = core.useRemoveCartItem();
16
- const { cartId } = core.useCartId();
13
+ */
14
+ const CartLineQuantityAdjustButton = ({ children, adjust, className, style }) => {
15
+ const { isMutating: updateLoading, trigger: updateLines } = core.useUpdateCartItem();
16
+ const { isMutating: removeLoading, trigger: removeLines } = core.useRemoveCartItem();
17
+ const { cartId } = core.useCartId();
17
18
  const cartLine = core.useCartLine();
18
19
  const isLoading = updateLoading || removeLoading;
19
- return /*#__PURE__*/ jsxRuntime.jsx("button", {
20
- "aria-label": "Adjust quantity",
21
- className,
22
- style,
23
- disabled: isLoading,
24
- onClick: ()=>{
20
+ return (jsxRuntime.jsx("button", { "aria-label": "Adjust quantity", ...{ className, style }, disabled: isLoading, onClick: () => {
25
21
  if (cartId && cartLine.id) {
26
22
  if (adjust === 'remove') {
27
23
  components.openConfirm({
28
- title: /*#__PURE__*/ jsxRuntime.jsxs("div", {
29
- className: "flex w-full flex-col items-center gap-4",
30
- children: [
31
- /*#__PURE__*/ jsxRuntime.jsx(Trash.default, {}),
32
- /*#__PURE__*/ jsxRuntime.jsx("p", {
33
- className: "font-g-body text-xl font-semibold",
34
- children: "Are you sure ?"
35
- })
36
- ]
37
- }),
38
- content: /*#__PURE__*/ jsxRuntime.jsxs("div", {
39
- className: "text-center",
40
- children: [
41
- /*#__PURE__*/ jsxRuntime.jsx("p", {
42
- children: "Do you really want to delete this item?"
43
- }),
44
- /*#__PURE__*/ jsxRuntime.jsx("p", {
45
- children: "This process cannot be undone."
46
- })
47
- ]
48
- }),
24
+ title: (jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-center gap-4", children: [jsxRuntime.jsx(Trash.default, {}), jsxRuntime.jsx("p", { className: "font-g-body text-xl font-semibold", children: "Are you sure ?" })] })),
25
+ content: (jsxRuntime.jsxs("div", { className: "text-center", children: [jsxRuntime.jsx("p", { children: "Do you really want to delete this item?" }), jsxRuntime.jsx("p", { children: "This process cannot be undone." })] })),
49
26
  className: 'w-full max-w-[572px] gap-4 rounded',
50
27
  buttons: [
51
28
  {
@@ -53,74 +30,55 @@ var Trash = require('./icons/Trash.js');
53
30
  className: 'w-[130px]',
54
31
  styles: {
55
32
  backgroundColor: {
56
- normal: 'bg-1'
33
+ normal: 'bg-1',
57
34
  },
58
35
  roundedBtn: {
59
36
  normal: {
60
- radiusType: 'small'
61
- }
37
+ radiusType: 'small',
38
+ },
62
39
  },
63
40
  btnSpacing: {
64
- type: 'small'
65
- }
66
- }
41
+ type: 'small',
42
+ },
43
+ },
67
44
  },
68
45
  {
69
46
  label: 'Delete',
70
47
  className: 'w-[130px]',
71
48
  styles: {
72
49
  textColor: {
73
- normal: 'text-3'
50
+ normal: 'text-3',
74
51
  },
75
52
  backgroundColor: {
76
- normal: 'error'
53
+ normal: 'error',
77
54
  },
78
55
  roundedBtn: {
79
56
  normal: {
80
- radiusType: 'small'
81
- }
57
+ radiusType: 'small',
58
+ },
82
59
  },
83
60
  btnSpacing: {
84
- type: 'small'
85
- }
61
+ type: 'small',
62
+ },
86
63
  },
87
- onClick: ()=>{
64
+ onClick: () => {
88
65
  if (cartLine.id) {
89
66
  removeLines({
90
67
  cartId,
91
- lineId: cartLine.id
68
+ lineId: cartLine.id,
92
69
  });
93
70
  }
94
- }
95
- }
96
- ]
71
+ },
72
+ },
73
+ ],
97
74
  });
98
75
  return;
99
76
  }
100
77
  const quantity = adjust === 'decrease' ? cartLine.quantity - 1 : cartLine.quantity + 1;
101
78
  if (quantity <= 0) {
102
79
  components.openConfirm({
103
- title: /*#__PURE__*/ jsxRuntime.jsxs("div", {
104
- className: "flex w-full flex-col items-center gap-4",
105
- children: [
106
- /*#__PURE__*/ jsxRuntime.jsx(Trash.default, {}),
107
- /*#__PURE__*/ jsxRuntime.jsx("p", {
108
- className: "font-g-body text-xl font-semibold",
109
- children: "Are you sure ?"
110
- })
111
- ]
112
- }),
113
- content: /*#__PURE__*/ jsxRuntime.jsxs("div", {
114
- className: "text-center",
115
- children: [
116
- /*#__PURE__*/ jsxRuntime.jsx("p", {
117
- children: "Do you really want to delete this item?"
118
- }),
119
- /*#__PURE__*/ jsxRuntime.jsx("p", {
120
- children: "This process cannot be undone."
121
- })
122
- ]
123
- }),
80
+ title: (jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-center gap-4", children: [jsxRuntime.jsx(Trash.default, {}), jsxRuntime.jsx("p", { className: "font-g-body text-xl font-semibold", children: "Are you sure ?" })] })),
81
+ content: (jsxRuntime.jsxs("div", { className: "text-center", children: [jsxRuntime.jsx("p", { children: "Do you really want to delete this item?" }), jsxRuntime.jsx("p", { children: "This process cannot be undone." })] })),
124
82
  className: 'w-full max-w-[572px] gap-4 rounded',
125
83
  buttons: [
126
84
  {
@@ -128,80 +86,66 @@ var Trash = require('./icons/Trash.js');
128
86
  className: 'w-[130px]',
129
87
  styles: {
130
88
  backgroundColor: {
131
- normal: 'bg-1'
89
+ normal: 'bg-1',
132
90
  },
133
91
  roundedBtn: {
134
92
  normal: {
135
- radiusType: 'small'
136
- }
93
+ radiusType: 'small',
94
+ },
137
95
  },
138
96
  btnSpacing: {
139
- type: 'small'
140
- }
141
- }
97
+ type: 'small',
98
+ },
99
+ },
142
100
  },
143
101
  {
144
102
  label: 'Delete',
145
103
  className: 'w-[130px]',
146
104
  styles: {
147
105
  textColor: {
148
- normal: 'text-3'
106
+ normal: 'text-3',
149
107
  },
150
108
  backgroundColor: {
151
- normal: 'error'
109
+ normal: 'error',
152
110
  },
153
111
  roundedBtn: {
154
112
  normal: {
155
- radiusType: 'small'
156
- }
113
+ radiusType: 'small',
114
+ },
157
115
  },
158
116
  btnSpacing: {
159
- type: 'small'
160
- }
117
+ type: 'small',
118
+ },
161
119
  },
162
- onClick: ()=>{
120
+ onClick: () => {
163
121
  if (cartLine.id) {
164
122
  removeLines({
165
123
  cartId,
166
- lineId: cartLine.id
124
+ lineId: cartLine.id,
167
125
  });
168
126
  }
169
- }
170
- }
171
- ]
127
+ },
128
+ },
129
+ ],
172
130
  });
173
131
  return;
174
- } else {
132
+ }
133
+ else {
175
134
  updateLines({
176
135
  cartId,
177
136
  line: {
178
137
  id: cartLine.id,
179
138
  variantId: cartLine.variant.id,
180
139
  quantity,
181
- productId: cartLine.productId
182
- }
140
+ productId: cartLine.productId,
141
+ },
183
142
  });
184
143
  }
185
144
  }
186
- },
187
- children: isLoading ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
188
- className: "flex gap-1",
189
- children: [
190
- /*#__PURE__*/ jsxRuntime.jsx("span", {
191
- className: "aspect-square h-1 animate-[flashing_500ms_infinite_alternate] rounded-full bg-g-brand"
192
- }),
193
- /*#__PURE__*/ jsxRuntime.jsx("span", {
194
- className: "aspect-square h-1 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-g-brand"
195
- }),
196
- /*#__PURE__*/ jsxRuntime.jsx("span", {
197
- className: "aspect-square h-1 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-g-brand"
198
- })
199
- ]
200
- }) : children
201
- });
145
+ }, children: isLoading ? (jsxRuntime.jsxs("div", { className: "flex gap-1", children: [jsxRuntime.jsx("span", { className: "aspect-square h-1 animate-[flashing_500ms_infinite_alternate] rounded-full bg-g-brand" }), jsxRuntime.jsx("span", { className: "aspect-square h-1 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-g-brand" }), jsxRuntime.jsx("span", { className: "aspect-square h-1 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-g-brand" })] })) : (children) }));
202
146
  };
203
147
  CartLineQuantityAdjustButton.defaultProps = {
204
- adjust: 'increase'
148
+ adjust: 'increase',
205
149
  };
206
150
 
207
151
  exports.default = CartLineQuantityAdjustButton;
package/dist/cjs/components/CartOrderNote.js CHANGED
@@ -6,67 +6,41 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
  var core = require('@gem-sdk/core');
7
7
  var react = require('react');
8
8
 
9
- const CartOrderNote = ({ triggerUpdate , debounce , placeholder })=>{
9
+ const CartOrderNote = ({ triggerUpdate, debounce, placeholder }) => {
10
10
  const textRef = react.useRef(null);
11
11
  const timeout = react.useRef(null);
12
12
  const abortControllerRef = react.useRef(new AbortController());
13
- const { data: cart } = core.useCartData();
14
- const { cartId } = core.useCartId();
15
- const { trigger: updateCartNote } = core.useCartNoteUpdate();
16
- const updateNote = react.useCallback((note)=>{
13
+ const { data: cart } = core.useCartData();
14
+ const { cartId } = core.useCartId();
15
+ const { trigger: updateCartNote } = core.useCartNoteUpdate();
16
+ const updateNote = react.useCallback((note) => {
17
17
  if (cartId && cart?.note !== note) {
18
18
  updateCartNote({
19
19
  cartId,
20
- note
20
+ note,
21
21
  });
22
22
  }
23
- }, [
24
- cart?.note,
25
- cartId,
26
- updateCartNote
27
- ]);
28
- const onBlur = (e)=>{
23
+ }, [cart?.note, cartId, updateCartNote]);
24
+ const onBlur = (e) => {
29
25
  if (abortControllerRef.current.signal.aborted) {
30
26
  abortControllerRef.current = new AbortController();
31
27
  }
32
28
  updateNote(e.target.value);
33
29
  };
34
- const onChange = ()=>{
30
+ const onChange = () => {
35
31
  if (timeout.current) {
36
32
  if (!abortControllerRef.current.signal.aborted) {
37
33
  abortControllerRef.current.abort();
38
34
  }
39
35
  clearTimeout(timeout.current);
40
36
  }
41
- timeout.current = setTimeout(()=>{
37
+ timeout.current = setTimeout(() => {
42
38
  abortControllerRef.current = new AbortController();
43
39
  updateNote(textRef.current?.value ?? '');
44
40
  }, debounce ?? 1000);
45
41
  };
46
- const inputProps = triggerUpdate === 'blur' ? {
47
- onBlur
48
- } : {
49
- onChange
50
- };
51
- return /*#__PURE__*/ jsxRuntime.jsxs("div", {
52
- className: "flex flex-col",
53
- children: [
54
- /*#__PURE__*/ jsxRuntime.jsx("div", {
55
- className: "mb-4 border-b border-b-[#F1F3F4] pb-3",
56
- children: /*#__PURE__*/ jsxRuntime.jsx("span", {
57
- className: "font-semibold text-[#424242]",
58
- children: "Order Note"
59
- })
60
- }),
61
- /*#__PURE__*/ jsxRuntime.jsx("textarea", {
62
- defaultValue: cart?.note,
63
- placeholder: placeholder,
64
- ref: textRef,
65
- className: "w-full rounded border p-4 outline-none",
66
- ...inputProps
67
- })
68
- ]
69
- });
42
+ const inputProps = triggerUpdate === 'blur' ? { onBlur } : { onChange };
43
+ return (jsxRuntime.jsxs("div", { className: "flex flex-col", children: [jsxRuntime.jsx("div", { className: "mb-4 border-b border-b-[#F1F3F4] pb-3", children: jsxRuntime.jsx("span", { className: "font-semibold text-[#424242]", children: "Order Note" }) }), jsxRuntime.jsx("textarea", { defaultValue: cart?.note, placeholder: placeholder, ref: textRef, className: "w-full rounded border p-4 outline-none", ...inputProps })] }));
70
44
  };
71
45
 
72
46
  exports.default = CartOrderNote;
package/dist/cjs/components/DiscountCodeItem.js CHANGED
@@ -9,31 +9,15 @@ var react = require('react');
9
9
  var Trash = require('./icons/Trash.js');
10
10
  var LoadingIcon = require('./LoadingIcon.js');
11
11
 
12
- const DiscountCodeItem = ({ item })=>{
13
- const { cartId } = core.useCartId();
14
- const { trigger: updateCartDiscountCode , isMutating } = core.useCartDiscountCodesUpdate();
15
- const { data: cart } = core.useCartData();
16
- const currentCode = react.useMemo(()=>cart?.discounts?.map((v)=>v.code).filter(core.isDefined) ?? [], [
17
- cart?.discounts
18
- ]);
19
- const removeCode = react.useCallback((code)=>{
12
+ const DiscountCodeItem = ({ item }) => {
13
+ const { cartId } = core.useCartId();
14
+ const { trigger: updateCartDiscountCode, isMutating } = core.useCartDiscountCodesUpdate();
15
+ const { data: cart } = core.useCartData();
16
+ const currentCode = react.useMemo(() => cart?.discounts?.map((v) => v.code).filter(core.isDefined) ?? [], [cart?.discounts]);
17
+ const removeCode = react.useCallback((code) => {
20
18
  components.openConfirm({
21
- title: /*#__PURE__*/ jsxRuntime.jsxs("div", {
22
- className: "flex w-full flex-col items-center gap-4",
23
- children: [
24
- /*#__PURE__*/ jsxRuntime.jsx(Trash.default, {}),
25
- /*#__PURE__*/ jsxRuntime.jsx("p", {
26
- className: "font-g-body text-xl font-semibold",
27
- children: "Are you sure ?"
28
- })
29
- ]
30
- }),
31
- content: /*#__PURE__*/ jsxRuntime.jsx("div", {
32
- className: "text-center",
33
- children: /*#__PURE__*/ jsxRuntime.jsx("p", {
34
- children: "Do you really want to delete this code?"
35
- })
36
- }),
19
+ title: (jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-center gap-4", children: [jsxRuntime.jsx(Trash.default, {}), jsxRuntime.jsx("p", { className: "font-g-body text-xl font-semibold", children: "Are you sure ?" })] })),
20
+ content: (jsxRuntime.jsx("div", { className: "text-center", children: jsxRuntime.jsx("p", { children: "Do you really want to delete this code?" }) })),
37
21
  className: 'w-full max-w-[572px] gap-4 rounded',
38
22
  buttons: [
39
23
  {
@@ -41,82 +25,53 @@ const DiscountCodeItem = ({ item })=>{
41
25
  className: 'w-[130px]',
42
26
  styles: {
43
27
  backgroundColor: {
44
- normal: 'bg-1'
28
+ normal: 'bg-1',
45
29
  },
46
30
  roundedBtn: {
47
31
  normal: {
48
- radiusType: 'small'
49
- }
32
+ radiusType: 'small',
33
+ },
50
34
  },
51
35
  btnSpacing: {
52
- type: 'small'
53
- }
54
- }
36
+ type: 'small',
37
+ },
38
+ },
55
39
  },
56
40
  {
57
41
  label: 'Delete',
58
42
  className: 'w-[130px]',
59
43
  styles: {
60
44
  textColor: {
61
- normal: 'text-3'
45
+ normal: 'text-3',
62
46
  },
63
47
  backgroundColor: {
64
- normal: 'error'
48
+ normal: 'error',
65
49
  },
66
50
  roundedBtn: {
67
51
  normal: {
68
- radiusType: 'small'
69
- }
52
+ radiusType: 'small',
53
+ },
70
54
  },
71
55
  btnSpacing: {
72
- type: 'small'
73
- }
56
+ type: 'small',
57
+ },
74
58
  },
75
- onClick: ()=>{
59
+ onClick: () => {
76
60
  if (cartId) {
77
61
  updateCartDiscountCode({
78
62
  cartId,
79
- discountCodes: currentCode.filter((v)=>v !== code)
63
+ discountCodes: currentCode.filter((v) => v !== code),
80
64
  });
81
65
  }
82
- }
83
- }
84
- ]
66
+ },
67
+ },
68
+ ],
85
69
  });
86
- }, [
87
- cartId,
88
- updateCartDiscountCode,
89
- currentCode
90
- ]);
91
- return /*#__PURE__*/ jsxRuntime.jsxs("div", {
92
- className: "flex h-8 items-center gap-2 rounded-sm border pl-2",
93
- children: [
94
- /*#__PURE__*/ jsxRuntime.jsx("span", {
95
- className: core.cls('flex-1', {
70
+ }, [cartId, updateCartDiscountCode, currentCode]);
71
+ return (jsxRuntime.jsxs("div", { className: "flex h-8 items-center gap-2 rounded-sm border pl-2", children: [jsxRuntime.jsx("span", { className: core.cls('flex-1', {
96
72
  'text-g-error line-through': !item.applicable,
97
- 'text-g-success': item.applicable
98
- }),
99
- children: item.code
100
- }),
101
- /*#__PURE__*/ jsxRuntime.jsx("button", {
102
- disabled: isMutating,
103
- onClick: ()=>removeCode(item.code),
104
- className: "flex aspect-square h-full items-center justify-center",
105
- children: isMutating ? /*#__PURE__*/ jsxRuntime.jsx(LoadingIcon.default, {
106
- className: "text-g-brand"
107
- }) : /*#__PURE__*/ jsxRuntime.jsx("svg", {
108
- className: "w-4",
109
- fill: "none",
110
- viewBox: "0 0 24 24",
111
- xmlns: "http://www.w3.org/2000/svg",
112
- children: /*#__PURE__*/ jsxRuntime.jsx("path", {
113
- d: "m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z",
114
- fill: "currentColor"
115
- })
116
- })
117
- })
118
- ]
119
- }, item.code);
73
+ 'text-g-success': item.applicable,
74
+ }), children: item.code }), jsxRuntime.jsx("button", { disabled: isMutating, onClick: () => removeCode(item.code), className: "flex aspect-square h-full items-center justify-center", children: isMutating ? (jsxRuntime.jsx(LoadingIcon.default, { className: "text-g-brand" })) : (jsxRuntime.jsx("svg", { className: "w-4", fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "m4.397 4.554.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084-.073.084Z", fill: "currentColor" }) })) })] }, item.code));
120
75
  };
121
76
 
122
77
  exports.default = DiscountCodeItem;
package/dist/cjs/components/LoadingIcon.js CHANGED
@@ -5,26 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var core = require('@gem-sdk/core');
7
7
 
8
- const LoadingIcon = ({ className })=>/*#__PURE__*/ jsxRuntime.jsxs("svg", {
9
- className: core.cls('w-4 animate-spin', className),
10
- xmlns: "http://www.w3.org/2000/svg",
11
- fill: "none",
12
- viewBox: "0 0 24 24",
13
- children: [
14
- /*#__PURE__*/ jsxRuntime.jsx("circle", {
15
- className: "opacity-25",
16
- cx: "12",
17
- cy: "12",
18
- r: "10",
19
- stroke: "currentColor",
20
- strokeWidth: "4"
21
- }),
22
- /*#__PURE__*/ jsxRuntime.jsx("path", {
23
- className: "opacity-75",
24
- fill: "currentColor",
25
- d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
26
- })
27
- ]
28
- });
8
+ const LoadingIcon = ({ className }) => (jsxRuntime.jsxs("svg", { className: core.cls('w-4 animate-spin', className), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
29
9
 
30
10
  exports.default = LoadingIcon;
package/dist/cjs/components/icons/Trash.js CHANGED
@@ -4,25 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
 
7
- const Trash = ()=>/*#__PURE__*/ jsxRuntime.jsxs("svg", {
8
- className: "text-g-warning",
9
- width: "58",
10
- height: "66",
11
- viewBox: "0 0 58 66",
12
- fill: "none",
13
- xmlns: "http://www.w3.org/2000/svg",
14
- children: [
15
- /*#__PURE__*/ jsxRuntime.jsx("path", {
16
- d: "M18.0625 24.0625C18.6427 24.0625 19.1991 24.293 19.6093 24.7032C20.0195 25.1134 20.25 25.6698 20.25 26.25V52.5C20.25 53.0802 20.0195 53.6366 19.6093 54.0468C19.1991 54.457 18.6427 54.6875 18.0625 54.6875C17.4823 54.6875 16.9259 54.457 16.5157 54.0468C16.1055 53.6366 15.875 53.0802 15.875 52.5V26.25C15.875 25.6698 16.1055 25.1134 16.5157 24.7032C16.9259 24.293 17.4823 24.0625 18.0625 24.0625ZM29 24.0625C29.5802 24.0625 30.1366 24.293 30.5468 24.7032C30.957 25.1134 31.1875 25.6698 31.1875 26.25V52.5C31.1875 53.0802 30.957 53.6366 30.5468 54.0468C30.1366 54.457 29.5802 54.6875 29 54.6875C28.4198 54.6875 27.8634 54.457 27.4532 54.0468C27.043 53.6366 26.8125 53.0802 26.8125 52.5V26.25C26.8125 25.6698 27.043 25.1134 27.4532 24.7032C27.8634 24.293 28.4198 24.0625 29 24.0625ZM42.125 26.25C42.125 25.6698 41.8945 25.1134 41.4843 24.7032C41.0741 24.293 40.5177 24.0625 39.9375 24.0625C39.3573 24.0625 38.8009 24.293 38.3907 24.7032C37.9805 25.1134 37.75 25.6698 37.75 26.25V52.5C37.75 53.0802 37.9805 53.6366 38.3907 54.0468C38.8009 54.457 39.3573 54.6875 39.9375 54.6875C40.5177 54.6875 41.0741 54.457 41.4843 54.0468C41.8945 53.6366 42.125 53.0802 42.125 52.5V26.25Z",
17
- fill: "currentColor"
18
- }),
19
- /*#__PURE__*/ jsxRuntime.jsx("path", {
20
- fillRule: "evenodd",
21
- clipRule: "evenodd",
22
- d: "M57.4375 13.125C57.4375 14.2853 56.9766 15.3981 56.1561 16.2186C55.3356 17.0391 54.2228 17.5 53.0625 17.5H50.875V56.875C50.875 59.1956 49.9531 61.4212 48.3122 63.0622C46.6712 64.7031 44.4456 65.625 42.125 65.625H15.875C13.5544 65.625 11.3288 64.7031 9.68782 63.0622C8.04687 61.4212 7.125 59.1956 7.125 56.875V17.5H4.9375C3.77718 17.5 2.66438 17.0391 1.84391 16.2186C1.02344 15.3981 0.5625 14.2853 0.5625 13.125V8.75C0.5625 7.58968 1.02344 6.47688 1.84391 5.65641C2.66438 4.83594 3.77718 4.375 4.9375 4.375H20.25C20.25 3.21468 20.7109 2.10188 21.5314 1.28141C22.3519 0.460936 23.4647 0 24.625 0H33.375C34.5353 0 35.6481 0.460936 36.4686 1.28141C37.2891 2.10188 37.75 3.21468 37.75 4.375H53.0625C54.2228 4.375 55.3356 4.83594 56.1561 5.65641C56.9766 6.47688 57.4375 7.58968 57.4375 8.75V13.125ZM12.0163 17.5L11.5 17.7581V56.875C11.5 58.0353 11.9609 59.1481 12.7814 59.9686C13.6019 60.7891 14.7147 61.25 15.875 61.25H42.125C43.2853 61.25 44.3981 60.7891 45.2186 59.9686C46.0391 59.1481 46.5 58.0353 46.5 56.875V17.7581L45.9837 17.5H12.0163ZM4.9375 13.125V8.75H53.0625V13.125H4.9375Z",
23
- fill: "currentColor"
24
- })
25
- ]
26
- });
7
+ const Trash = () => (jsxRuntime.jsxs("svg", { className: "text-g-warning", width: "58", height: "66", viewBox: "0 0 58 66", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M18.0625 24.0625C18.6427 24.0625 19.1991 24.293 19.6093 24.7032C20.0195 25.1134 20.25 25.6698 20.25 26.25V52.5C20.25 53.0802 20.0195 53.6366 19.6093 54.0468C19.1991 54.457 18.6427 54.6875 18.0625 54.6875C17.4823 54.6875 16.9259 54.457 16.5157 54.0468C16.1055 53.6366 15.875 53.0802 15.875 52.5V26.25C15.875 25.6698 16.1055 25.1134 16.5157 24.7032C16.9259 24.293 17.4823 24.0625 18.0625 24.0625ZM29 24.0625C29.5802 24.0625 30.1366 24.293 30.5468 24.7032C30.957 25.1134 31.1875 25.6698 31.1875 26.25V52.5C31.1875 53.0802 30.957 53.6366 30.5468 54.0468C30.1366 54.457 29.5802 54.6875 29 54.6875C28.4198 54.6875 27.8634 54.457 27.4532 54.0468C27.043 53.6366 26.8125 53.0802 26.8125 52.5V26.25C26.8125 25.6698 27.043 25.1134 27.4532 24.7032C27.8634 24.293 28.4198 24.0625 29 24.0625ZM42.125 26.25C42.125 25.6698 41.8945 25.1134 41.4843 24.7032C41.0741 24.293 40.5177 24.0625 39.9375 24.0625C39.3573 24.0625 38.8009 24.293 38.3907 24.7032C37.9805 25.1134 37.75 25.6698 37.75 26.25V52.5C37.75 53.0802 37.9805 53.6366 38.3907 54.0468C38.8009 54.457 39.3573 54.6875 39.9375 54.6875C40.5177 54.6875 41.0741 54.457 41.4843 54.0468C41.8945 53.6366 42.125 53.0802 42.125 52.5V26.25Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M57.4375 13.125C57.4375 14.2853 56.9766 15.3981 56.1561 16.2186C55.3356 17.0391 54.2228 17.5 53.0625 17.5H50.875V56.875C50.875 59.1956 49.9531 61.4212 48.3122 63.0622C46.6712 64.7031 44.4456 65.625 42.125 65.625H15.875C13.5544 65.625 11.3288 64.7031 9.68782 63.0622C8.04687 61.4212 7.125 59.1956 7.125 56.875V17.5H4.9375C3.77718 17.5 2.66438 17.0391 1.84391 16.2186C1.02344 15.3981 0.5625 14.2853 0.5625 13.125V8.75C0.5625 7.58968 1.02344 6.47688 1.84391 5.65641C2.66438 4.83594 3.77718 4.375 4.9375 4.375H20.25C20.25 3.21468 20.7109 2.10188 21.5314 1.28141C22.3519 0.460936 23.4647 0 24.625 0H33.375C34.5353 0 35.6481 0.460936 36.4686 1.28141C37.2891 2.10188 37.75 3.21468 37.75 4.375H53.0625C54.2228 4.375 55.3356 4.83594 56.1561 5.65641C56.9766 6.47688 57.4375 7.58968 57.4375 8.75V13.125ZM12.0163 17.5L11.5 17.7581V56.875C11.5 58.0353 11.9609 59.1481 12.7814 59.9686C13.6019 60.7891 14.7147 61.25 15.875 61.25H42.125C43.2853 61.25 44.3981 60.7891 45.2186 59.9686C46.0391 59.1481 46.5 58.0353 46.5 56.875V17.7581L45.9837 17.5H12.0163ZM4.9375 13.125V8.75H53.0625V13.125H4.9375Z", fill: "currentColor" })] }));
27
8
 
28
9
  exports.default = Trash;