@cimplify/sdk 0.82.0 → 0.84.0

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 (50) hide show
  1. package/dist/advanced.d.mts +3 -3
  2. package/dist/advanced.d.ts +3 -3
  3. package/dist/{chunk-SRJEMEVZ.js → chunk-FKBXZ2A6.js} +212 -6
  4. package/dist/{chunk-7PAQR3VC.mjs → chunk-I6RE4BKH.mjs} +4 -2
  5. package/dist/{chunk-IZDJEDR4.js → chunk-ODEPW244.js} +5 -3
  6. package/dist/{chunk-BRVIXGUW.mjs → chunk-PLTP6HWW.mjs} +212 -6
  7. package/dist/{client-DnHP_2Jw.d.mts → client-Ba4Hng9i.d.mts} +2 -2
  8. package/dist/{client-BSpVgule.d.mts → client-BjUJapti.d.mts} +2 -2
  9. package/dist/{client-xc2aQSB4.d.ts → client-CINi3Dw3.d.ts} +2 -2
  10. package/dist/{client-Dh-KIIX8.d.ts → client-D8AjO8jb.d.ts} +2 -2
  11. package/dist/{index-Dy8D3r9b.d.mts → index-9Bl-zBAI.d.mts} +3 -3
  12. package/dist/{index-C4xE31-D.d.ts → index-DCPxHjbj.d.ts} +3 -3
  13. package/dist/index.d.mts +6 -6
  14. package/dist/index.d.ts +6 -6
  15. package/dist/mock/cli.mjs +309 -19
  16. package/dist/mock/library.js +223 -6
  17. package/dist/mock/library.mjs +216 -7
  18. package/dist/mock/msw.js +212 -6
  19. package/dist/mock/msw.mjs +212 -6
  20. package/dist/{payment-nH9OCUg2.d.ts → payment-BVv9leS_.d.ts} +1 -1
  21. package/dist/{payment-T_0MUE9o.d.mts → payment-D61iGd0o.d.mts} +1 -1
  22. package/dist/{price-B8WMoldA.d.ts → price-BYWCHYO5.d.ts} +3 -1
  23. package/dist/{price-Bg7hujK_.d.mts → price-Cthq6nPb.d.mts} +3 -1
  24. package/dist/{product-DXhjLQ_w.d.mts → product-2MAoE0kZ.d.mts} +26 -1
  25. package/dist/{product-DXhjLQ_w.d.ts → product-2MAoE0kZ.d.ts} +26 -1
  26. package/dist/react.d.mts +36 -5
  27. package/dist/react.d.ts +36 -5
  28. package/dist/react.js +99 -11
  29. package/dist/react.mjs +99 -12
  30. package/dist/{server-tr993CPj.d.mts → server-BjQ0xWmc.d.mts} +87 -3
  31. package/dist/{server-wAB-qfyZ.d.ts → server-DDaQIYLa.d.ts} +87 -3
  32. package/dist/server.d.mts +4 -4
  33. package/dist/server.d.ts +4 -4
  34. package/dist/testing/msw.d.mts +2 -2
  35. package/dist/testing/msw.d.ts +2 -2
  36. package/dist/testing/msw.js +2 -2
  37. package/dist/testing/msw.mjs +1 -1
  38. package/dist/testing/suite.d.mts +6 -6
  39. package/dist/testing/suite.d.ts +6 -6
  40. package/dist/testing/suite.js +21 -21
  41. package/dist/testing/suite.mjs +2 -2
  42. package/dist/testing.d.mts +11 -5
  43. package/dist/testing.d.ts +11 -5
  44. package/dist/testing.js +77 -77
  45. package/dist/testing.mjs +3 -3
  46. package/dist/utils.d.mts +4 -4
  47. package/dist/utils.d.ts +4 -4
  48. package/package.json +1 -1
  49. package/registry/default-product-layout.json +1 -1
  50. package/registry/retail-product-card.json +1 -1
package/dist/testing.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var chunkIZDJEDR4_js = require('./chunk-IZDJEDR4.js');
4
- require('./chunk-SRJEMEVZ.js');
3
+ var chunkODEPW244_js = require('./chunk-ODEPW244.js');
4
+ require('./chunk-FKBXZ2A6.js');
5
5
  require('./chunk-GFM5JW45.js');
6
6
  require('./chunk-HPN5R3K2.js');
7
7
  require('./chunk-7Y2O3E4D.js');
@@ -10,20 +10,20 @@ require('./chunk-OWW5GUSB.js');
10
10
  var zod = require('zod');
11
11
 
12
12
  var PUBLIC_SCHEMAS = {
13
- Brand: chunkIZDJEDR4_js.BrandSchema,
14
- AddItemPayload: chunkIZDJEDR4_js.AddItemPayloadSchema,
15
- Cart: chunkIZDJEDR4_js.CartSchema,
16
- CartItem: chunkIZDJEDR4_js.CartItemSchema,
17
- CartPricing: chunkIZDJEDR4_js.CartPricingSchema,
18
- CheckoutBody: chunkIZDJEDR4_js.CheckoutBodySchema,
19
- CheckoutResponse: chunkIZDJEDR4_js.CheckoutResponseSchema,
20
- VariantInfo: chunkIZDJEDR4_js.VariantInfoSchema
13
+ Brand: chunkODEPW244_js.BrandSchema,
14
+ AddItemPayload: chunkODEPW244_js.AddItemPayloadSchema,
15
+ Cart: chunkODEPW244_js.CartSchema,
16
+ CartItem: chunkODEPW244_js.CartItemSchema,
17
+ CartPricing: chunkODEPW244_js.CartPricingSchema,
18
+ CheckoutBody: chunkODEPW244_js.CheckoutBodySchema,
19
+ CheckoutResponse: chunkODEPW244_js.CheckoutResponseSchema,
20
+ VariantInfo: chunkODEPW244_js.VariantInfoSchema
21
21
  };
22
22
  function exportJsonSchemas() {
23
23
  const out = {};
24
24
  for (const [name, schema] of Object.entries(PUBLIC_SCHEMAS)) {
25
- const meta = chunkIZDJEDR4_js.cimplifyRegistry.get(schema);
26
- const json = zod.z.toJSONSchema(schema, { metadata: chunkIZDJEDR4_js.cimplifyRegistry });
25
+ const meta = chunkODEPW244_js.cimplifyRegistry.get(schema);
26
+ const json = zod.z.toJSONSchema(schema, { metadata: chunkODEPW244_js.cimplifyRegistry });
27
27
  if (meta) {
28
28
  json.$id = meta.id;
29
29
  json["x-cimplify-version"] = meta.version;
@@ -35,16 +35,16 @@ function exportJsonSchemas() {
35
35
  function listRegisteredSchemas() {
36
36
  const entries = [];
37
37
  for (const schema of [
38
- chunkIZDJEDR4_js.BrandSchema,
39
- chunkIZDJEDR4_js.AddItemPayloadSchema,
40
- chunkIZDJEDR4_js.CartSchema,
41
- chunkIZDJEDR4_js.CartItemSchema,
42
- chunkIZDJEDR4_js.CartPricingSchema,
43
- chunkIZDJEDR4_js.CheckoutBodySchema,
44
- chunkIZDJEDR4_js.CheckoutResponseSchema,
45
- chunkIZDJEDR4_js.VariantInfoSchema
38
+ chunkODEPW244_js.BrandSchema,
39
+ chunkODEPW244_js.AddItemPayloadSchema,
40
+ chunkODEPW244_js.CartSchema,
41
+ chunkODEPW244_js.CartItemSchema,
42
+ chunkODEPW244_js.CartPricingSchema,
43
+ chunkODEPW244_js.CheckoutBodySchema,
44
+ chunkODEPW244_js.CheckoutResponseSchema,
45
+ chunkODEPW244_js.VariantInfoSchema
46
46
  ]) {
47
- const meta = chunkIZDJEDR4_js.cimplifyRegistry.get(schema);
47
+ const meta = chunkODEPW244_js.cimplifyRegistry.get(schema);
48
48
  if (meta) entries.push({ schema, meta });
49
49
  }
50
50
  return entries;
@@ -52,227 +52,227 @@ function listRegisteredSchemas() {
52
52
 
53
53
  Object.defineProperty(exports, "AddItemPayloadSchema", {
54
54
  enumerable: true,
55
- get: function () { return chunkIZDJEDR4_js.AddItemPayloadSchema; }
55
+ get: function () { return chunkODEPW244_js.AddItemPayloadSchema; }
56
56
  });
57
57
  Object.defineProperty(exports, "AddOnDetailsSchema", {
58
58
  enumerable: true,
59
- get: function () { return chunkIZDJEDR4_js.AddOnDetailsSchema; }
59
+ get: function () { return chunkODEPW244_js.AddOnDetailsSchema; }
60
60
  });
61
61
  Object.defineProperty(exports, "AddOnGroupDetailsSchema", {
62
62
  enumerable: true,
63
- get: function () { return chunkIZDJEDR4_js.AddOnGroupDetailsSchema; }
63
+ get: function () { return chunkODEPW244_js.AddOnGroupDetailsSchema; }
64
64
  });
65
65
  Object.defineProperty(exports, "AddOnInDetailsSchema", {
66
66
  enumerable: true,
67
- get: function () { return chunkIZDJEDR4_js.AddOnInDetailsSchema; }
67
+ get: function () { return chunkODEPW244_js.AddOnInDetailsSchema; }
68
68
  });
69
69
  Object.defineProperty(exports, "AddOnOptionDetailsSchema", {
70
70
  enumerable: true,
71
- get: function () { return chunkIZDJEDR4_js.AddOnOptionDetailsSchema; }
71
+ get: function () { return chunkODEPW244_js.AddOnOptionDetailsSchema; }
72
72
  });
73
73
  Object.defineProperty(exports, "AuthorizationTypeSchema", {
74
74
  enumerable: true,
75
- get: function () { return chunkIZDJEDR4_js.AuthorizationTypeSchema; }
75
+ get: function () { return chunkODEPW244_js.AuthorizationTypeSchema; }
76
76
  });
77
77
  Object.defineProperty(exports, "BrandContactSchema", {
78
78
  enumerable: true,
79
- get: function () { return chunkIZDJEDR4_js.BrandContactSchema; }
79
+ get: function () { return chunkODEPW244_js.BrandContactSchema; }
80
80
  });
81
81
  Object.defineProperty(exports, "BrandFaqSchema", {
82
82
  enumerable: true,
83
- get: function () { return chunkIZDJEDR4_js.BrandFaqSchema; }
83
+ get: function () { return chunkODEPW244_js.BrandFaqSchema; }
84
84
  });
85
85
  Object.defineProperty(exports, "BrandHeroSchema", {
86
86
  enumerable: true,
87
- get: function () { return chunkIZDJEDR4_js.BrandHeroSchema; }
87
+ get: function () { return chunkODEPW244_js.BrandHeroSchema; }
88
88
  });
89
89
  Object.defineProperty(exports, "BrandNavLinkSchema", {
90
90
  enumerable: true,
91
- get: function () { return chunkIZDJEDR4_js.BrandNavLinkSchema; }
91
+ get: function () { return chunkODEPW244_js.BrandNavLinkSchema; }
92
92
  });
93
93
  Object.defineProperty(exports, "BrandPolicyPageSchema", {
94
94
  enumerable: true,
95
- get: function () { return chunkIZDJEDR4_js.BrandPolicyPageSchema; }
95
+ get: function () { return chunkODEPW244_js.BrandPolicyPageSchema; }
96
96
  });
97
97
  Object.defineProperty(exports, "BrandPolicySectionSchema", {
98
98
  enumerable: true,
99
- get: function () { return chunkIZDJEDR4_js.BrandPolicySectionSchema; }
99
+ get: function () { return chunkODEPW244_js.BrandPolicySectionSchema; }
100
100
  });
101
101
  Object.defineProperty(exports, "BrandSchema", {
102
102
  enumerable: true,
103
- get: function () { return chunkIZDJEDR4_js.BrandSchema; }
103
+ get: function () { return chunkODEPW244_js.BrandSchema; }
104
104
  });
105
105
  Object.defineProperty(exports, "BrandSocialSchema", {
106
106
  enumerable: true,
107
- get: function () { return chunkIZDJEDR4_js.BrandSocialSchema; }
107
+ get: function () { return chunkODEPW244_js.BrandSocialSchema; }
108
108
  });
109
109
  Object.defineProperty(exports, "BundleResolvedSchema", {
110
110
  enumerable: true,
111
- get: function () { return chunkIZDJEDR4_js.BundleResolvedSchema; }
111
+ get: function () { return chunkODEPW244_js.BundleResolvedSchema; }
112
112
  });
113
113
  Object.defineProperty(exports, "BundleSelectionInputSchema", {
114
114
  enumerable: true,
115
- get: function () { return chunkIZDJEDR4_js.BundleSelectionInputSchema; }
115
+ get: function () { return chunkODEPW244_js.BundleSelectionInputSchema; }
116
116
  });
117
117
  Object.defineProperty(exports, "CartItemSchema", {
118
118
  enumerable: true,
119
- get: function () { return chunkIZDJEDR4_js.CartItemSchema; }
119
+ get: function () { return chunkODEPW244_js.CartItemSchema; }
120
120
  });
121
121
  Object.defineProperty(exports, "CartPricingSchema", {
122
122
  enumerable: true,
123
- get: function () { return chunkIZDJEDR4_js.CartPricingSchema; }
123
+ get: function () { return chunkODEPW244_js.CartPricingSchema; }
124
124
  });
125
125
  Object.defineProperty(exports, "CartSchema", {
126
126
  enumerable: true,
127
- get: function () { return chunkIZDJEDR4_js.CartSchema; }
127
+ get: function () { return chunkODEPW244_js.CartSchema; }
128
128
  });
129
129
  Object.defineProperty(exports, "CheckoutBodySchema", {
130
130
  enumerable: true,
131
- get: function () { return chunkIZDJEDR4_js.CheckoutBodySchema; }
131
+ get: function () { return chunkODEPW244_js.CheckoutBodySchema; }
132
132
  });
133
133
  Object.defineProperty(exports, "CheckoutCustomerSchema", {
134
134
  enumerable: true,
135
- get: function () { return chunkIZDJEDR4_js.CheckoutCustomerSchema; }
135
+ get: function () { return chunkODEPW244_js.CheckoutCustomerSchema; }
136
136
  });
137
137
  Object.defineProperty(exports, "CheckoutResponseSchema", {
138
138
  enumerable: true,
139
- get: function () { return chunkIZDJEDR4_js.CheckoutResponseSchema; }
139
+ get: function () { return chunkODEPW244_js.CheckoutResponseSchema; }
140
140
  });
141
141
  Object.defineProperty(exports, "ChosenPriceSchema", {
142
142
  enumerable: true,
143
- get: function () { return chunkIZDJEDR4_js.ChosenPriceSchema; }
143
+ get: function () { return chunkODEPW244_js.ChosenPriceSchema; }
144
144
  });
145
145
  Object.defineProperty(exports, "CompositeResolvedSchema", {
146
146
  enumerable: true,
147
- get: function () { return chunkIZDJEDR4_js.CompositeResolvedSchema; }
147
+ get: function () { return chunkODEPW244_js.CompositeResolvedSchema; }
148
148
  });
149
149
  Object.defineProperty(exports, "CompositeSelectionInputSchema", {
150
150
  enumerable: true,
151
- get: function () { return chunkIZDJEDR4_js.CompositeSelectionInputSchema; }
151
+ get: function () { return chunkODEPW244_js.CompositeSelectionInputSchema; }
152
152
  });
153
153
  Object.defineProperty(exports, "CountryCodeSchema", {
154
154
  enumerable: true,
155
- get: function () { return chunkIZDJEDR4_js.CountryCodeSchema; }
155
+ get: function () { return chunkODEPW244_js.CountryCodeSchema; }
156
156
  });
157
157
  Object.defineProperty(exports, "CurrencyCodeSchema", {
158
158
  enumerable: true,
159
- get: function () { return chunkIZDJEDR4_js.CurrencyCodeSchema; }
159
+ get: function () { return chunkODEPW244_js.CurrencyCodeSchema; }
160
160
  });
161
161
  Object.defineProperty(exports, "CustomerInputValueSchema", {
162
162
  enumerable: true,
163
- get: function () { return chunkIZDJEDR4_js.CustomerInputValueSchema; }
163
+ get: function () { return chunkODEPW244_js.CustomerInputValueSchema; }
164
164
  });
165
165
  Object.defineProperty(exports, "DiscountDetailsSchema", {
166
166
  enumerable: true,
167
- get: function () { return chunkIZDJEDR4_js.DiscountDetailsSchema; }
167
+ get: function () { return chunkODEPW244_js.DiscountDetailsSchema; }
168
168
  });
169
169
  Object.defineProperty(exports, "IsoDateTimeSchema", {
170
170
  enumerable: true,
171
- get: function () { return chunkIZDJEDR4_js.IsoDateTimeSchema; }
171
+ get: function () { return chunkODEPW244_js.IsoDateTimeSchema; }
172
172
  });
173
173
  Object.defineProperty(exports, "LineTypeSchema", {
174
174
  enumerable: true,
175
- get: function () { return chunkIZDJEDR4_js.LineTypeSchema; }
175
+ get: function () { return chunkODEPW244_js.LineTypeSchema; }
176
176
  });
177
177
  Object.defineProperty(exports, "LocaleSchema", {
178
178
  enumerable: true,
179
- get: function () { return chunkIZDJEDR4_js.LocaleSchema; }
179
+ get: function () { return chunkODEPW244_js.LocaleSchema; }
180
180
  });
181
181
  Object.defineProperty(exports, "MoneyLooseSchema", {
182
182
  enumerable: true,
183
- get: function () { return chunkIZDJEDR4_js.MoneyLooseSchema; }
183
+ get: function () { return chunkODEPW244_js.MoneyLooseSchema; }
184
184
  });
185
185
  Object.defineProperty(exports, "MoneySchema", {
186
186
  enumerable: true,
187
- get: function () { return chunkIZDJEDR4_js.MoneySchema; }
187
+ get: function () { return chunkODEPW244_js.MoneySchema; }
188
188
  });
189
189
  Object.defineProperty(exports, "NextActionSchema", {
190
190
  enumerable: true,
191
- get: function () { return chunkIZDJEDR4_js.NextActionSchema; }
191
+ get: function () { return chunkODEPW244_js.NextActionSchema; }
192
192
  });
193
193
  Object.defineProperty(exports, "PhoneE164Schema", {
194
194
  enumerable: true,
195
- get: function () { return chunkIZDJEDR4_js.PhoneE164Schema; }
195
+ get: function () { return chunkODEPW244_js.PhoneE164Schema; }
196
196
  });
197
197
  Object.defineProperty(exports, "ProductTypeSchema", {
198
198
  enumerable: true,
199
- get: function () { return chunkIZDJEDR4_js.ProductTypeSchema; }
199
+ get: function () { return chunkODEPW244_js.ProductTypeSchema; }
200
200
  });
201
201
  Object.defineProperty(exports, "SchemaViolationError", {
202
202
  enumerable: true,
203
- get: function () { return chunkIZDJEDR4_js.SchemaViolationError; }
203
+ get: function () { return chunkODEPW244_js.SchemaViolationError; }
204
204
  });
205
205
  Object.defineProperty(exports, "SeedNameSchema", {
206
206
  enumerable: true,
207
- get: function () { return chunkIZDJEDR4_js.SeedNameSchema; }
207
+ get: function () { return chunkODEPW244_js.SeedNameSchema; }
208
208
  });
209
209
  Object.defineProperty(exports, "SelectedAddOnOptionSchema", {
210
210
  enumerable: true,
211
- get: function () { return chunkIZDJEDR4_js.SelectedAddOnOptionSchema; }
211
+ get: function () { return chunkODEPW244_js.SelectedAddOnOptionSchema; }
212
212
  });
213
213
  Object.defineProperty(exports, "ServiceStatusSchema", {
214
214
  enumerable: true,
215
- get: function () { return chunkIZDJEDR4_js.ServiceStatusSchema; }
215
+ get: function () { return chunkODEPW244_js.ServiceStatusSchema; }
216
216
  });
217
217
  Object.defineProperty(exports, "TimestampSchema", {
218
218
  enumerable: true,
219
- get: function () { return chunkIZDJEDR4_js.TimestampSchema; }
219
+ get: function () { return chunkODEPW244_js.TimestampSchema; }
220
220
  });
221
221
  Object.defineProperty(exports, "VariantDetailsSchema", {
222
222
  enumerable: true,
223
- get: function () { return chunkIZDJEDR4_js.VariantDetailsSchema; }
223
+ get: function () { return chunkODEPW244_js.VariantDetailsSchema; }
224
224
  });
225
225
  Object.defineProperty(exports, "VariantDisplayAttributeSchema", {
226
226
  enumerable: true,
227
- get: function () { return chunkIZDJEDR4_js.VariantDisplayAttributeSchema; }
227
+ get: function () { return chunkODEPW244_js.VariantDisplayAttributeSchema; }
228
228
  });
229
229
  Object.defineProperty(exports, "VariantInfoSchema", {
230
230
  enumerable: true,
231
- get: function () { return chunkIZDJEDR4_js.VariantInfoSchema; }
231
+ get: function () { return chunkODEPW244_js.VariantInfoSchema; }
232
232
  });
233
233
  Object.defineProperty(exports, "assertAddItemPayload", {
234
234
  enumerable: true,
235
- get: function () { return chunkIZDJEDR4_js.assertAddItemPayload; }
235
+ get: function () { return chunkODEPW244_js.assertAddItemPayload; }
236
236
  });
237
237
  Object.defineProperty(exports, "assertBrand", {
238
238
  enumerable: true,
239
- get: function () { return chunkIZDJEDR4_js.assertBrand; }
239
+ get: function () { return chunkODEPW244_js.assertBrand; }
240
240
  });
241
241
  Object.defineProperty(exports, "assertCart", {
242
242
  enumerable: true,
243
- get: function () { return chunkIZDJEDR4_js.assertCart; }
243
+ get: function () { return chunkODEPW244_js.assertCart; }
244
244
  });
245
245
  Object.defineProperty(exports, "assertCartItem", {
246
246
  enumerable: true,
247
- get: function () { return chunkIZDJEDR4_js.assertCartItem; }
247
+ get: function () { return chunkODEPW244_js.assertCartItem; }
248
248
  });
249
249
  Object.defineProperty(exports, "assertCheckoutBody", {
250
250
  enumerable: true,
251
- get: function () { return chunkIZDJEDR4_js.assertCheckoutBody; }
251
+ get: function () { return chunkODEPW244_js.assertCheckoutBody; }
252
252
  });
253
253
  Object.defineProperty(exports, "assertCheckoutResponse", {
254
254
  enumerable: true,
255
- get: function () { return chunkIZDJEDR4_js.assertCheckoutResponse; }
255
+ get: function () { return chunkODEPW244_js.assertCheckoutResponse; }
256
256
  });
257
257
  Object.defineProperty(exports, "cimplifyRegistry", {
258
258
  enumerable: true,
259
- get: function () { return chunkIZDJEDR4_js.cimplifyRegistry; }
259
+ get: function () { return chunkODEPW244_js.cimplifyRegistry; }
260
260
  });
261
261
  Object.defineProperty(exports, "createTestClient", {
262
262
  enumerable: true,
263
- get: function () { return chunkIZDJEDR4_js.createTestClient; }
263
+ get: function () { return chunkODEPW244_js.createTestClient; }
264
264
  });
265
265
  Object.defineProperty(exports, "fixtures", {
266
266
  enumerable: true,
267
- get: function () { return chunkIZDJEDR4_js.fixtures; }
267
+ get: function () { return chunkODEPW244_js.fixtures; }
268
268
  });
269
269
  Object.defineProperty(exports, "makeAssertion", {
270
270
  enumerable: true,
271
- get: function () { return chunkIZDJEDR4_js.makeAssertion; }
271
+ get: function () { return chunkODEPW244_js.makeAssertion; }
272
272
  });
273
273
  Object.defineProperty(exports, "registerSchema", {
274
274
  enumerable: true,
275
- get: function () { return chunkIZDJEDR4_js.registerSchema; }
275
+ get: function () { return chunkODEPW244_js.registerSchema; }
276
276
  });
277
277
  exports.exportJsonSchemas = exportJsonSchemas;
278
278
  exports.listRegisteredSchemas = listRegisteredSchemas;
package/dist/testing.mjs CHANGED
@@ -1,6 +1,6 @@
1
- import { VariantInfoSchema, CheckoutResponseSchema, CheckoutBodySchema, CartPricingSchema, CartItemSchema, CartSchema, AddItemPayloadSchema, BrandSchema, cimplifyRegistry } from './chunk-7PAQR3VC.mjs';
2
- export { AddItemPayloadSchema, AddOnDetailsSchema, AddOnGroupDetailsSchema, AddOnInDetailsSchema, AddOnOptionDetailsSchema, AuthorizationTypeSchema, BrandContactSchema, BrandFaqSchema, BrandHeroSchema, BrandNavLinkSchema, BrandPolicyPageSchema, BrandPolicySectionSchema, BrandSchema, BrandSocialSchema, BundleResolvedSchema, BundleSelectionInputSchema, CartItemSchema, CartPricingSchema, CartSchema, CheckoutBodySchema, CheckoutCustomerSchema, CheckoutResponseSchema, ChosenPriceSchema, CompositeResolvedSchema, CompositeSelectionInputSchema, CountryCodeSchema, CurrencyCodeSchema, CustomerInputValueSchema, DiscountDetailsSchema, IsoDateTimeSchema, LineTypeSchema, LocaleSchema, MoneyLooseSchema, MoneySchema, NextActionSchema, PhoneE164Schema, ProductTypeSchema, SchemaViolationError, SeedNameSchema, SelectedAddOnOptionSchema, ServiceStatusSchema, TimestampSchema, VariantDetailsSchema, VariantDisplayAttributeSchema, VariantInfoSchema, assertAddItemPayload, assertBrand, assertCart, assertCartItem, assertCheckoutBody, assertCheckoutResponse, cimplifyRegistry, createTestClient, fixtures, makeAssertion, registerSchema } from './chunk-7PAQR3VC.mjs';
3
- import './chunk-BRVIXGUW.mjs';
1
+ import { VariantInfoSchema, CheckoutResponseSchema, CheckoutBodySchema, CartPricingSchema, CartItemSchema, CartSchema, AddItemPayloadSchema, BrandSchema, cimplifyRegistry } from './chunk-I6RE4BKH.mjs';
2
+ export { AddItemPayloadSchema, AddOnDetailsSchema, AddOnGroupDetailsSchema, AddOnInDetailsSchema, AddOnOptionDetailsSchema, AuthorizationTypeSchema, BrandContactSchema, BrandFaqSchema, BrandHeroSchema, BrandNavLinkSchema, BrandPolicyPageSchema, BrandPolicySectionSchema, BrandSchema, BrandSocialSchema, BundleResolvedSchema, BundleSelectionInputSchema, CartItemSchema, CartPricingSchema, CartSchema, CheckoutBodySchema, CheckoutCustomerSchema, CheckoutResponseSchema, ChosenPriceSchema, CompositeResolvedSchema, CompositeSelectionInputSchema, CountryCodeSchema, CurrencyCodeSchema, CustomerInputValueSchema, DiscountDetailsSchema, IsoDateTimeSchema, LineTypeSchema, LocaleSchema, MoneyLooseSchema, MoneySchema, NextActionSchema, PhoneE164Schema, ProductTypeSchema, SchemaViolationError, SeedNameSchema, SelectedAddOnOptionSchema, ServiceStatusSchema, TimestampSchema, VariantDetailsSchema, VariantDisplayAttributeSchema, VariantInfoSchema, assertAddItemPayload, assertBrand, assertCart, assertCartItem, assertCheckoutBody, assertCheckoutResponse, cimplifyRegistry, createTestClient, fixtures, makeAssertion, registerSchema } from './chunk-I6RE4BKH.mjs';
3
+ import './chunk-PLTP6HWW.mjs';
4
4
  import './chunk-NWUEWUX2.mjs';
5
5
  import './chunk-7BM56JET.mjs';
6
6
  import './chunk-TD3AY34U.mjs';
package/dist/utils.d.mts CHANGED
@@ -1,5 +1,5 @@
1
- export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, q as getProductCurrency, r as getTaxAmount, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-Dy8D3r9b.mjs';
2
- import './product-DXhjLQ_w.mjs';
3
- import './price-Bg7hujK_.mjs';
4
- import './payment-T_0MUE9o.mjs';
1
+ export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, q as getProductCurrency, r as getTaxAmount, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-9Bl-zBAI.mjs';
2
+ import './product-2MAoE0kZ.mjs';
3
+ import './price-Cthq6nPb.mjs';
4
+ import './payment-D61iGd0o.mjs';
5
5
  import 'libphonenumber-js';
package/dist/utils.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, q as getProductCurrency, r as getTaxAmount, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-C4xE31-D.js';
2
- import './product-DXhjLQ_w.js';
3
- import './price-B8WMoldA.js';
4
- import './payment-nH9OCUg2.js';
1
+ export { C as CURRENCY_SYMBOLS, M as MOBILE_MONEY_PROVIDERS, c as categorizePaymentError, d as detectMobileMoneyProvider, f as formatMoney, a as formatNumberCompact, b as formatPrice, e as formatPriceAdjustment, g as formatPriceCompact, i as formatPriceWithTax, j as formatProductPrice, k as getBasePrice, l as getCurrencySymbol, m as getDiscountPercentage, n as getDisplayPrice, o as getMarkupPercentage, q as getProductCurrency, r as getTaxAmount, t as hasTaxInfo, u as isOnSale, v as isPaymentStatusFailure, w as isPaymentStatusRequiresAction, x as isPaymentStatusSuccess, y as isTaxInclusive, z as isValidPhoneForContext, A as normalizePaymentResponse, B as normalizePhoneToE164, D as normalizeStatusResponse, E as parsePrice, F as resolvePhoneCountryCode } from './index-DCPxHjbj.js';
2
+ import './product-2MAoE0kZ.js';
3
+ import './price-BYWCHYO5.js';
4
+ import './payment-BVv9leS_.js';
5
5
  import 'libphonenumber-js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cimplify/sdk",
3
- "version": "0.82.0",
3
+ "version": "0.84.0",
4
4
  "description": "Cimplify Commerce SDK for storefronts",
5
5
  "keywords": [
6
6
  "cimplify",
@@ -16,7 +16,7 @@
16
16
  "files": [
17
17
  {
18
18
  "path": "layouts/default-product-layout.tsx",
19
- "content": "\"use client\";\n\nimport React from \"react\";\nimport type { ProductLayoutProps } from \"@cimplify/sdk/react\";\nimport {\n TwoColumnGrid,\n RelatedProductsSection,\n CustomAttributesTable,\n PropertiesTable,\n TagPills,\n InventoryBadge,\n} from \"@cimplify/sdk/react\";\nimport { ProductImageGallery } from \"@cimplify/sdk/react\";\nimport { ProductCustomizer } from \"@cimplify/sdk/react\";\nimport { resolveGallery } from \"../../gallery\";\nimport { Price } from \"@cimplify/sdk/react\";\nimport { PriceRange } from \"@cimplify/sdk/react\";\nimport { AvailabilityBadge } from \"@cimplify/sdk/react\";\nimport { SaleBadge } from \"@cimplify/sdk/react\";\nimport { parsePrice, isOnSale, getBasePrice, getDiscountPercentage, getProductCurrency } from \"@cimplify/sdk\";\nimport { RichText } from \"@cimplify/sdk/react\";\nimport { cn } from \"@cimplify/sdk/react\";\n\nexport function DefaultProductLayout({\n product,\n onAddToCart,\n renderBreadcrumb,\n relatedProducts,\n showRelated = true,\n className,\n}: ProductLayoutProps): React.ReactElement {\n const [selectedVariantId, setSelectedVariantId] = React.useState<string | undefined>();\n const images = resolveGallery(product, selectedVariantId);\n const currency = getProductCurrency(product);\n const hasRange = (product.quantity_pricing && product.quantity_pricing.length > 1)\n || (product.variants && product.variants.length > 1);\n const onSale = isOnSale(product);\n const hasPhysicalDetails = product.sku || product.vendor || product.material;\n\n return (\n <div data-cimplify-product-layout=\"default\" className={cn(\"space-y-8\", className)}>\n {renderBreadcrumb?.(product)}\n\n <TwoColumnGrid\n left={\n <ProductImageGallery\n images={images}\n productName={product.name}\n />\n }\n right={\n <div className=\"space-y-6\">\n {/* Brand + Tags */}\n <div className=\"flex flex-wrap items-center gap-2\">\n {product.vendor && (\n <span className=\"text-xs font-semibold text-muted-foreground uppercase tracking-widest\">\n {product.vendor}\n </span>\n )}\n <TagPills tags={product.tags || []} />\n </div>\n\n {/* Name */}\n <h1 data-cimplify-product-layout-name className=\"text-3xl lg:text-4xl font-extrabold tracking-tight\">\n {product.name}\n </h1>\n\n {/* Price */}\n <div className=\"flex items-baseline gap-3\">\n {hasRange ? (\n <PriceRange product={product} currency={currency} className=\"text-2xl font-extrabold\" />\n ) : onSale ? (\n <>\n <Price amount={product.default_price} currency={currency} className=\"text-2xl font-extrabold\" />\n <Price amount={getBasePrice(product)} currency={currency} className=\"text-lg text-muted-foreground line-through\" />\n <span className=\"text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5\">\n Save {getDiscountPercentage(product)}%\n </span>\n </>\n ) : (\n <Price amount={product.default_price} currency={currency} className=\"text-2xl font-semibold\" />\n )}\n </div>\n\n {/* Inventory */}\n <InventoryBadge product={product} />\n\n {/* Description */}\n <RichText html={product.description} data-cimplify-product-layout-description />\n\n {/* Physical product details */}\n {hasPhysicalDetails && (\n <div data-cimplify-product-layout-details className=\"space-y-1 text-sm text-muted-foreground\">\n {product.sku && <p>SKU: <span className=\"font-mono text-foreground\">{product.sku}</span></p>}\n {product.barcode && <p>Barcode: <span className=\"font-mono text-foreground\">{product.barcode}</span></p>}\n {product.material && <p>Material: <span className=\"text-foreground\">{product.material}</span></p>}\n {product.vendor && <p>Brand: <span className=\"text-foreground\">{product.vendor}</span></p>}\n {(product.length_mm || product.width_mm || product.height_mm) && (\n <p>Dimensions: <span className=\"text-foreground\">\n {[product.length_mm, product.width_mm, product.height_mm]\n .filter(Boolean)\n .map((d) => `${(d! / 10).toFixed(1)} cm`)\n .join(\" x \")}\n </span></p>\n )}\n {product.item_condition && product.item_condition !== \"new\" && (\n <p>Condition: <span className=\"text-foreground capitalize\">{product.item_condition}</span></p>\n )}\n </div>\n )}\n\n {/* Custom Attributes */}\n <CustomAttributesTable attributes={product.custom_attributes || []} />\n\n {/* Properties */}\n <PropertiesTable properties={product.properties || []} />\n\n {/* Customizer */}\n <ProductCustomizer\n product={product}\n onAddToCart={onAddToCart}\n onVariantChange={(variantId) => setSelectedVariantId(variantId)}\n />\n </div>\n }\n />\n\n {showRelated && relatedProducts && relatedProducts.length > 0 && (\n <RelatedProductsSection\n products={relatedProducts}\n />\n )}\n </div>\n );\n}\n"
19
+ "content": "\"use client\";\n\nimport React from \"react\";\nimport type { ProductLayoutProps } from \"@cimplify/sdk/react\";\nimport {\n TwoColumnGrid,\n RelatedProductsSection,\n CustomAttributesTable,\n PropertiesTable,\n TagPills,\n InventoryBadge,\n} from \"@cimplify/sdk/react\";\nimport { ProductImageGallery } from \"@cimplify/sdk/react\";\nimport { ProductCustomizer } from \"@cimplify/sdk/react\";\nimport { resolveGallery } from \"../../gallery\";\nimport { Price } from \"@cimplify/sdk/react\";\nimport { PriceRange } from \"@cimplify/sdk/react\";\nimport { AvailabilityBadge } from \"@cimplify/sdk/react\";\nimport { SaleBadge } from \"@cimplify/sdk/react\";\nimport { parsePrice, isOnSale, getBasePrice, getDiscountPercentage, getProductCurrency } from \"@cimplify/sdk\";\nimport { RichText } from \"@cimplify/sdk/react\";\nimport { cn } from \"@cimplify/sdk/react\";\n\nexport function DefaultProductLayout({\n product,\n onAddToCart,\n renderBreadcrumb,\n relatedProducts,\n showRelated = true,\n className,\n}: ProductLayoutProps): React.ReactElement {\n const [selectedVariantId, setSelectedVariantId] = React.useState<string | undefined>();\n const images = resolveGallery(product, selectedVariantId);\n const currency = getProductCurrency(product);\n const hasRange = (product.quantity_pricing && product.quantity_pricing.length > 1)\n || (product.variants && product.variants.length > 1);\n const onSale = isOnSale(product);\n const hasPhysicalDetails = product.sku || product.vendor || product.material;\n\n return (\n <div data-cimplify-product-layout=\"default\" className={cn(\"space-y-8\", className)}>\n {renderBreadcrumb?.(product)}\n\n <TwoColumnGrid\n left={\n <ProductImageGallery\n images={images}\n productName={product.name}\n />\n }\n right={\n <div className=\"space-y-6\">\n {/* Brand + Tags */}\n <div className=\"flex flex-wrap items-center gap-2\">\n {product.vendor && (\n <span className=\"text-xs font-semibold text-muted-foreground uppercase tracking-widest\">\n {product.vendor}\n </span>\n )}\n <TagPills tags={product.tags || []} />\n </div>\n\n {/* Name */}\n <h1 data-cimplify-product-layout-name className=\"text-3xl lg:text-4xl font-extrabold tracking-tight\">\n {product.name}\n </h1>\n\n {/* Price */}\n <div className=\"flex items-baseline gap-3\">\n {hasRange ? (\n <PriceRange product={product} currency={currency} className=\"text-2xl font-extrabold\" />\n ) : product.sale ? (\n <>\n <Price amount={product.sale.price} currency={currency} className=\"text-2xl font-extrabold\" />\n <Price amount={product.sale.original} currency={currency} className=\"text-lg text-muted-foreground line-through\" />\n <span className=\"text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5\">\n {product.sale.badge_text ?? `${Math.round(parsePrice(product.sale.percent_off))}% OFF`}\n </span>\n </>\n ) : onSale ? (\n <>\n <Price amount={product.default_price} currency={currency} className=\"text-2xl font-extrabold\" />\n <Price amount={getBasePrice(product)} currency={currency} className=\"text-lg text-muted-foreground line-through\" />\n <span className=\"text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5\">\n Save {getDiscountPercentage(product)}%\n </span>\n </>\n ) : (\n <Price amount={product.default_price} currency={currency} className=\"text-2xl font-semibold\" />\n )}\n </div>\n\n {/* Inventory */}\n <InventoryBadge product={product} />\n\n {/* Description */}\n <RichText html={product.description} data-cimplify-product-layout-description />\n\n {/* Physical product details */}\n {hasPhysicalDetails && (\n <div data-cimplify-product-layout-details className=\"space-y-1 text-sm text-muted-foreground\">\n {product.sku && <p>SKU: <span className=\"font-mono text-foreground\">{product.sku}</span></p>}\n {product.barcode && <p>Barcode: <span className=\"font-mono text-foreground\">{product.barcode}</span></p>}\n {product.material && <p>Material: <span className=\"text-foreground\">{product.material}</span></p>}\n {product.vendor && <p>Brand: <span className=\"text-foreground\">{product.vendor}</span></p>}\n {(product.length_mm || product.width_mm || product.height_mm) && (\n <p>Dimensions: <span className=\"text-foreground\">\n {[product.length_mm, product.width_mm, product.height_mm]\n .filter(Boolean)\n .map((d) => `${(d! / 10).toFixed(1)} cm`)\n .join(\" x \")}\n </span></p>\n )}\n {product.item_condition && product.item_condition !== \"new\" && (\n <p>Condition: <span className=\"text-foreground capitalize\">{product.item_condition}</span></p>\n )}\n </div>\n )}\n\n {/* Custom Attributes */}\n <CustomAttributesTable attributes={product.custom_attributes || []} />\n\n {/* Properties */}\n <PropertiesTable properties={product.properties || []} />\n\n {/* Customizer */}\n <ProductCustomizer\n product={product}\n onAddToCart={onAddToCart}\n onVariantChange={(variantId) => setSelectedVariantId(variantId)}\n />\n </div>\n }\n />\n\n {showRelated && relatedProducts && relatedProducts.length > 0 && (\n <RelatedProductsSection\n products={relatedProducts}\n />\n )}\n </div>\n );\n}\n"
20
20
  }
21
21
  ]
22
22
  }
@@ -10,7 +10,7 @@
10
10
  "files": [
11
11
  {
12
12
  "path": "cards/retail-product-card.tsx",
13
- "content": "\"use client\";\n\nimport React from \"react\";\nimport type { Product, ProductWithDetails } from \"@cimplify/sdk\";\nimport type { CardLayoutProps } from \"@cimplify/sdk/react\";\nimport { CardShell, CardImage, WishlistButton, SoldOutOverlay, SaleBadge, LowStockBadge } from \"@cimplify/sdk/react\";\nimport { Price } from \"@cimplify/sdk/react\";\nimport { parsePrice, isOnSale, getBasePrice, getDiscountPercentage, getProductCurrency } from \"@cimplify/sdk\";\nimport { cn } from \"@cimplify/sdk/react\";\n\nfunction getColorSwatches(product: Product): string[] {\n const variants = (product as ProductWithDetails).variants;\n if (!variants || variants.length === 0) return [];\n\n const seen = new Set<string>();\n for (const v of variants) {\n if (v.display_attributes) {\n for (const attr of v.display_attributes) {\n if (attr.axis_name.toLowerCase() === \"color\" && !seen.has(attr.value_name)) {\n seen.add(attr.value_name);\n }\n }\n }\n }\n\n return Array.from(seen).slice(0, 5);\n}\n\nexport function RetailProductCard({\n product,\n renderImage,\n renderLink,\n className,\n}: CardLayoutProps): React.ReactElement {\n const image = product.image_url || product.images?.[0] || \"\";\n const currency = getProductCurrency(product);\n const outOfStock = product.inventory_status?.in_stock === false;\n const onSale = isOnSale(product);\n const swatches = getColorSwatches(product);\n\n return (\n <CardShell product={product} renderLink={renderLink} disabled={outOfStock} className={className}>\n {outOfStock && <SoldOutOverlay />}\n\n <CardImage src={image} alt={product.name} aspectRatio=\"3/4\" renderImage={renderImage}>\n {/* Sale badge */}\n {onSale && (\n <div className=\"absolute top-3 left-3\">\n <SaleBadge product={product} />\n </div>\n )}\n\n {/* Wishlist */}\n <WishlistButton className=\"absolute top-3 right-3\" />\n\n {/* Low stock */}\n {product.inventory_status?.low_stock && product.inventory_status?.stock_level && (\n <span className=\"absolute bottom-3 left-3 text-[11px] font-semibold bg-amber-50 text-amber-700 border border-amber-200/60 px-2 py-0.5 rounded-md\">\n Only {product.inventory_status.stock_level} left\n </span>\n )}\n </CardImage>\n\n <div className=\"p-3.5\">\n {/* Brand */}\n {product.vendor && (\n <p className=\"text-[10px] font-semibold text-muted-foreground uppercase tracking-widest\">\n {product.vendor}\n </p>\n )}\n\n {/* Name */}\n <h3 className=\"text-[14.5px] font-semibold text-foreground leading-snug tracking-tight mt-1 truncate\">\n {product.name}\n </h3>\n\n {/* Price */}\n <div className=\"flex items-center gap-2 mt-2\">\n <Price amount={product.default_price} currency={currency} className=\"text-sm font-bold\" />\n {onSale && (\n <Price amount={getBasePrice(product)} currency={currency} className=\"text-xs text-muted-foreground line-through\" />\n )}\n </div>\n\n {/* Color swatches */}\n {swatches.length > 0 && (\n <div className=\"flex gap-1.5 mt-2.5\">\n {swatches.map((name) => (\n <span\n key={name}\n title={name}\n className=\"text-[9px] font-medium text-muted-foreground px-1.5 py-0.5 bg-muted rounded\"\n >\n {name}\n </span>\n ))}\n </div>\n )}\n </div>\n </CardShell>\n );\n}\n"
13
+ "content": "\"use client\";\n\nimport React from \"react\";\nimport type { Product, ProductWithDetails } from \"@cimplify/sdk\";\nimport type { CardLayoutProps } from \"@cimplify/sdk/react\";\nimport { CardShell, CardImage, WishlistButton, SoldOutOverlay, SaleBadge, LowStockBadge } from \"@cimplify/sdk/react\";\nimport { Price } from \"@cimplify/sdk/react\";\nimport { parsePrice, isOnSale, getBasePrice, getDiscountPercentage, getProductCurrency } from \"@cimplify/sdk\";\nimport { cn } from \"@cimplify/sdk/react\";\n\nfunction getColorSwatches(product: Product): string[] {\n const variants = (product as ProductWithDetails).variants;\n if (!variants || variants.length === 0) return [];\n\n const seen = new Set<string>();\n for (const v of variants) {\n if (v.display_attributes) {\n for (const attr of v.display_attributes) {\n if (attr.axis_name.toLowerCase() === \"color\" && !seen.has(attr.value_name)) {\n seen.add(attr.value_name);\n }\n }\n }\n }\n\n return Array.from(seen).slice(0, 5);\n}\n\nexport function RetailProductCard({\n product,\n renderImage,\n renderLink,\n className,\n}: CardLayoutProps): React.ReactElement {\n const image = product.image_url || product.images?.[0] || \"\";\n const currency = getProductCurrency(product);\n const outOfStock = product.inventory_status?.in_stock === false;\n const onSale = isOnSale(product);\n const swatches = getColorSwatches(product);\n\n return (\n <CardShell product={product} renderLink={renderLink} disabled={outOfStock} className={className}>\n {outOfStock && <SoldOutOverlay />}\n\n <CardImage src={image} alt={product.name} aspectRatio=\"3/4\" renderImage={renderImage}>\n {/* Sale badge */}\n {onSale && (\n <div className=\"absolute top-3 left-3\">\n <SaleBadge product={product} />\n </div>\n )}\n\n {/* Wishlist */}\n <WishlistButton className=\"absolute top-3 right-3\" />\n\n {/* Low stock */}\n {product.inventory_status?.low_stock && product.inventory_status?.stock_level && (\n <span className=\"absolute bottom-3 left-3 text-[11px] font-semibold bg-amber-50 text-amber-700 border border-amber-200/60 px-2 py-0.5 rounded-md\">\n Only {product.inventory_status.stock_level} left\n </span>\n )}\n </CardImage>\n\n <div className=\"p-3.5\">\n {/* Brand */}\n {product.vendor && (\n <p className=\"text-[10px] font-semibold text-muted-foreground uppercase tracking-widest\">\n {product.vendor}\n </p>\n )}\n\n {/* Name */}\n <h3 className=\"text-[14.5px] font-semibold text-foreground leading-snug tracking-tight mt-1 truncate\">\n {product.name}\n </h3>\n\n {/* Price */}\n <div className=\"flex items-center gap-2 mt-2\">\n {product.sale ? (\n <>\n <Price amount={product.sale.price} currency={currency} className=\"text-sm font-bold\" />\n <Price amount={product.sale.original} currency={currency} className=\"text-xs text-muted-foreground line-through\" />\n </>\n ) : (\n <>\n <Price amount={product.default_price} currency={currency} className=\"text-sm font-bold\" />\n {onSale && (\n <Price amount={getBasePrice(product)} currency={currency} className=\"text-xs text-muted-foreground line-through\" />\n )}\n </>\n )}\n </div>\n\n {/* Color swatches */}\n {swatches.length > 0 && (\n <div className=\"flex gap-1.5 mt-2.5\">\n {swatches.map((name) => (\n <span\n key={name}\n title={name}\n className=\"text-[9px] font-medium text-muted-foreground px-1.5 py-0.5 bg-muted rounded\"\n >\n {name}\n </span>\n ))}\n </div>\n )}\n </div>\n </CardShell>\n );\n}\n"
14
14
  }
15
15
  ]
16
16
  }