@funnelsgrove/payments 0.1.21 → 0.1.22
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.
|
@@ -231,11 +231,16 @@ function SubscriptionSection({ title, subscriptions, plans, onSelect, descriptio
|
|
|
231
231
|
: resolveBillingDateLabel(subscription, { past }) }), _jsxs("span", { children: ["Created at: ", resolveCreatedDate(subscription)] })] })] }) }, subscription.id))) })] }));
|
|
232
232
|
}
|
|
233
233
|
const manageSubscriptionStyles = `
|
|
234
|
+
.funnel-shell[data-preview-frame='true'] {
|
|
235
|
+
min-width: 0;
|
|
236
|
+
}
|
|
237
|
+
|
|
234
238
|
.manage-subscription {
|
|
235
239
|
position: absolute;
|
|
236
240
|
inset: 0;
|
|
237
241
|
overflow-y: auto;
|
|
238
242
|
box-sizing: border-box;
|
|
243
|
+
max-width: 100%;
|
|
239
244
|
background: color-mix(in srgb, var(--color-primary, #4db53f) 8%, var(--color-surface, #fff) 92%);
|
|
240
245
|
color: var(--color-text, #262729);
|
|
241
246
|
font-family: var(--font-family-base, Inter, sans-serif);
|
|
@@ -243,6 +248,8 @@ const manageSubscriptionStyles = `
|
|
|
243
248
|
|
|
244
249
|
.manage-subscription-inner {
|
|
245
250
|
box-sizing: border-box;
|
|
251
|
+
min-width: 0;
|
|
252
|
+
max-width: 100%;
|
|
246
253
|
min-height: 100%;
|
|
247
254
|
padding: 22px 12px 32px;
|
|
248
255
|
}
|
|
@@ -266,6 +273,8 @@ const manageSubscriptionStyles = `
|
|
|
266
273
|
}
|
|
267
274
|
|
|
268
275
|
.manage-subscription-section {
|
|
276
|
+
min-width: 0;
|
|
277
|
+
max-width: 100%;
|
|
269
278
|
margin-top: 22px;
|
|
270
279
|
}
|
|
271
280
|
|
|
@@ -292,10 +301,14 @@ const manageSubscriptionStyles = `
|
|
|
292
301
|
display: grid;
|
|
293
302
|
gap: 8px;
|
|
294
303
|
list-style: none;
|
|
304
|
+
min-width: 0;
|
|
305
|
+
max-width: 100%;
|
|
295
306
|
}
|
|
296
307
|
|
|
297
308
|
.manage-subscription-row {
|
|
298
309
|
width: 100%;
|
|
310
|
+
min-width: 0;
|
|
311
|
+
max-width: 100%;
|
|
299
312
|
min-height: 118px;
|
|
300
313
|
border: 0;
|
|
301
314
|
border-left: 4px solid var(--color-primary, #4db53f);
|
|
@@ -333,6 +346,8 @@ const manageSubscriptionStyles = `
|
|
|
333
346
|
|
|
334
347
|
.manage-subscription-row-heading {
|
|
335
348
|
width: 100%;
|
|
349
|
+
min-width: 0;
|
|
350
|
+
max-width: 100%;
|
|
336
351
|
display: flex;
|
|
337
352
|
align-items: center;
|
|
338
353
|
justify-content: space-between;
|
|
@@ -343,9 +358,11 @@ const manageSubscriptionStyles = `
|
|
|
343
358
|
font-size: 15px;
|
|
344
359
|
line-height: 1.25;
|
|
345
360
|
font-weight: 800;
|
|
361
|
+
overflow-wrap: anywhere;
|
|
346
362
|
}
|
|
347
363
|
|
|
348
364
|
.manage-subscription-row-status {
|
|
365
|
+
flex-shrink: 0;
|
|
349
366
|
border-radius: 999px;
|
|
350
367
|
background: color-mix(in srgb, var(--color-warning, #f28100) 16%, var(--color-surface, #fff) 84%);
|
|
351
368
|
color: var(--color-warning, #f28100);
|
|
@@ -360,10 +377,13 @@ const manageSubscriptionStyles = `
|
|
|
360
377
|
font-size: 13px;
|
|
361
378
|
line-height: 1.2;
|
|
362
379
|
font-weight: 800;
|
|
380
|
+
overflow-wrap: anywhere;
|
|
363
381
|
}
|
|
364
382
|
|
|
365
383
|
.manage-subscription-row-meta {
|
|
366
384
|
width: 100%;
|
|
385
|
+
min-width: 0;
|
|
386
|
+
max-width: 100%;
|
|
367
387
|
display: grid;
|
|
368
388
|
grid-template-columns: 1fr 1fr;
|
|
369
389
|
gap: 8px;
|
|
@@ -373,23 +393,31 @@ const manageSubscriptionStyles = `
|
|
|
373
393
|
line-height: 1.3;
|
|
374
394
|
}
|
|
375
395
|
|
|
396
|
+
.manage-subscription-row-meta span {
|
|
397
|
+
overflow-wrap: anywhere;
|
|
398
|
+
}
|
|
399
|
+
|
|
376
400
|
.manage-subscription-row-meta .is-active-until {
|
|
377
401
|
color: var(--color-text, #262729);
|
|
378
402
|
font-weight: 800;
|
|
379
403
|
}
|
|
380
404
|
|
|
381
405
|
.manage-subscription-support {
|
|
406
|
+
min-width: 0;
|
|
407
|
+
max-width: 100%;
|
|
382
408
|
margin: 30px 0 0;
|
|
383
409
|
color: var(--color-text, #262729);
|
|
384
410
|
font-size: 15px;
|
|
385
411
|
line-height: 1.35;
|
|
386
412
|
text-align: center;
|
|
413
|
+
overflow-wrap: anywhere;
|
|
387
414
|
}
|
|
388
415
|
|
|
389
416
|
.manage-subscription-support a {
|
|
390
417
|
color: var(--color-secondary, var(--color-primary, #4db53f));
|
|
391
418
|
text-decoration: underline;
|
|
392
419
|
text-underline-offset: 3px;
|
|
420
|
+
overflow-wrap: anywhere;
|
|
393
421
|
}
|
|
394
422
|
|
|
395
423
|
.manage-subscription-muted,
|