@lockerverse/react 0.2.177 → 0.2.180-dev.1
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.
- package/MIGRATIONS.md +83 -3
- package/dist/lockerverse-payment.js +1 -1
- package/dist/lockerverse-payment.js.map +1 -1
- package/dist/payment-form.d.ts.map +1 -1
- package/dist/payment-primitives.d.ts +2 -1
- package/dist/payment-primitives.d.ts.map +1 -1
- package/dist/payment-summary.js +1 -1
- package/dist/payment-summary.js.map +1 -1
- package/dist/styles.css +20 -2
- package/guides/auctions.md +1 -1
- package/guides/events.md +1 -1
- package/guides/integration.md +1 -1
- package/guides/payment-widgets.md +1 -1
- package/guides/signup.md +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"payment-form.d.ts","names":[],"sources":["../src/lockerverse-payment.tsx","../src/payment-form.tsx"],"mappings":";;;;iBAofgB,qBACd,WACG,aACF,0CAAuB,IAAA;;;
|
|
1
|
+
{"version":3,"file":"payment-form.d.ts","names":[],"sources":["../src/lockerverse-payment.tsx","../src/payment-form.tsx"],"mappings":";;;;iBAofgB,qBACd,WACG,aACF,0CAAuB,IAAA;;;iBCrbV,0BACd,SAAS,KAAK,iCAA8B,oCAAA"}
|
|
@@ -26,7 +26,8 @@ declare function EmailField(props: Omit<TextFieldProps$1, "type">): import("reac
|
|
|
26
26
|
declare function Checkbox({ className, ...props }: Omit<ComponentProps<"input">, "type">): import("react").JSX.Element;
|
|
27
27
|
//#endregion
|
|
28
28
|
//#region src/payment-summary.d.ts
|
|
29
|
-
declare function PaymentSummary({ quote, displayedTipCents, displayedTotalCents, displayedBaseCents }: {
|
|
29
|
+
declare function PaymentSummary({ quote, shippingPending, displayedTipCents, displayedTotalCents, displayedBaseCents }: {
|
|
30
|
+
shippingPending?: boolean;
|
|
30
31
|
displayedBaseCents?: number;
|
|
31
32
|
displayedTipCents?: number;
|
|
32
33
|
displayedTotalCents?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"payment-primitives.d.ts","names":[],"sources":["../src/form-field.tsx","../src/payment-summary.tsx","../src/phone.ts","../src/phone-field.tsx","../src/payment-primitives-entry.ts"],"mappings":";;;;iBAEgB,aACd,WACA,OACA;EAEA;EACA;EACA;oBACD,IAAA;iBAYe,YACd,UACA,OACA,SACA,IACA;EAEA,UAAU;EACV;EACA;EACA;EACA;oBACD,IAAA;KAUI,mBAAiB;EACpB;EACA;EACA;EACA;;iBAGc,YACd,WACA,OACA,SACA,IACA,UACG,cACF,mCAAc,IAAA;iBAeD,WAAW,OAAO,KAAK,4CAAuB,IAAA;;iBAY9C,WACd,cACG,SACF,KAAK,mDAAgC,IAAA;;;
|
|
1
|
+
{"version":3,"file":"payment-primitives.d.ts","names":[],"sources":["../src/form-field.tsx","../src/payment-summary.tsx","../src/phone.ts","../src/phone-field.tsx","../src/payment-primitives-entry.ts"],"mappings":";;;;iBAEgB,aACd,WACA,OACA;EAEA;EACA;EACA;oBACD,IAAA;iBAYe,YACd,UACA,OACA,SACA,IACA;EAEA,UAAU;EACV;EACA;EACA;EACA;oBACD,IAAA;KAUI,mBAAiB;EACpB;EACA;EACA;EACA;;iBAGc,YACd,WACA,OACA,SACA,IACA,UACG,cACF,mCAAc,IAAA;iBAeD,WAAW,OAAO,KAAK,4CAAuB,IAAA;;iBAY9C,WACd,cACG,SACF,KAAK,mDAAgC,IAAA;;;iBCpExB,iBACd,OACA,iBACA,mBACA,qBACA;EAEA;EACA;EACA;EACA;EACA,OAAO,8BAA8B;oBACtC,IAAA;;;cC9BY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqDD,uBAAuB;iBAkBnB,sBAAsB,eAAe;;;KCjEzC;EAAoB;EAAe;;KAEnC;EACV;EACA;EACA;EACA;EACA;EACA,WAAW,UAAU;EACrB;EACA,WAAW,OAAO;EAClB;EACA;EACA;;;iBAIc,aACd,IACA,MACA,OACA,UACA,SACA,UACA,UACA,UACA,OACA,SACA,eACC,kCAAe,IAAA;;;KCAN,gBAAgB,sBAAsB;KACtC,mBAAmB,sBAAsB;KACzC,oBAAoB,sBAAsB;KAC1C,kBAAkB,sBAAsB;KACxC,kBAAkB,sBAAsB;KACxC,iBAAiB,sBAAsB;KACvC,sBAAsB,sBAAsB;KAC5C,iBAAiB,sBAAsB"}
|
package/dist/payment-summary.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{t as e}from"./format-money.js";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";function i({quote:
|
|
1
|
+
import{t as e}from"./format-money.js";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";function i(e,t){return{hasShippingQuote:!t&&`shippingQuote`in e&&!!e.shippingQuote,shippingCents:!t&&`shippingCents`in e?e.shippingCents??0:0,shippingRequired:t||`shippingRequired`in e&&e.shippingRequired}}function a({quote:a,shippingPending:o=!1,displayedTipCents:s=a.tipCents,displayedTotalCents:c=a.totalCents,displayedBaseCents:l=c-s}){let u=null;a.paymentOption===`monthly`?u={label:`Monthly`}:a.paymentOption===`annually`?u={label:`Annual`}:a.paymentOption===`every-six-months`&&(u={label:`Every 6 months`});let{shippingCents:d,shippingRequired:f,hasShippingQuote:p}=i(a,o),m=Math.max(0,l-d-a.subtotalCents+a.discountCents),h=u?`${u.label} total`:`Total`;return f&&!p&&(h=`Total before shipping`),r(`section`,{"aria-label":`Payment summary`,className:`lockerverse-payment__payment-summary`,children:[n(`h2`,{children:`Order summary`}),n(`div`,{className:`lockerverse-payment__payment-summary-items`,children:a.lineItems.map(i=>r(`div`,{className:`lockerverse-payment__payment-summary-row`,children:[r(`span`,{children:[i.productName,i.quantity>1?r(t,{children:[` `,r(`small`,{children:[`× `,i.quantity]})]}):null,i.paymentOption===`monthly`?n(`small`,{children:` · Monthly`}):null,i.paymentOption===`every-six-months`?n(`small`,{children:` · Every 6 months`}):null,i.paymentOption===`annually`?n(`small`,{children:` · Annual`}):null]}),n(`strong`,{children:e(i.subtotalCents)})]},i.listingId))}),r(`div`,{className:`lockerverse-payment__payment-summary-totals`,children:[m>0?r(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail`,children:[n(`span`,{children:`Service fee`}),n(`strong`,{children:e(m)})]}):null,a.discountCents>0&&a.appliedDiscount?r(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-discount`,children:[r(`span`,{children:[a.appliedDiscount.source===`email_list`?`Email discount`:`Promo code discount`,` `,`(`,a.appliedDiscount.percentageOff,`% off)`]}),r(`strong`,{children:[`-`,e(a.discountCents)]})]}):null,f?r(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail`,children:[n(`span`,{children:`Shipping`}),n(`strong`,{children:p?e(d):`Calculate below`})]}):null,s>0?r(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail lockerverse-payment__payment-summary-tip`,children:[n(`span`,{children:`Tip`}),n(`strong`,{children:e(s)})]}):null,r(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-total`,children:[n(`span`,{children:h}),n(`strong`,{children:e(c)})]})]})]})}export{a as t};
|
|
2
2
|
//# sourceMappingURL=payment-summary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"payment-summary.js","names":[],"sources":["../src/payment-summary.tsx"],"sourcesContent":["import type {\n LockerverseCheckoutEstimate,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport { formatMoney } from \"./format-money.ts\";\n\nexport function PaymentSummary({\n quote,\n displayedTipCents = quote.tipCents,\n displayedTotalCents = quote.totalCents,\n displayedBaseCents = displayedTotalCents - displayedTipCents,\n}: {\n displayedBaseCents?: number;\n displayedTipCents?: number;\n displayedTotalCents?: number;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n}) {\n let cadence: { label: string } | null = null;\n if (quote.paymentOption === \"monthly\") {\n cadence = { label: \"Monthly\" };\n } else if (quote.paymentOption === \"annually\") {\n cadence = { label: \"Annual\" };\n } else if (quote.paymentOption === \"every-six-months\") {\n cadence = { label: \"Every 6 months\" };\n }\n const displayedServiceFeeCents = Math.max(\n 0,\n displayedBaseCents
|
|
1
|
+
{"version":3,"file":"payment-summary.js","names":[],"sources":["../src/payment-summary.tsx"],"sourcesContent":["import type {\n LockerverseCheckoutEstimate,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport { formatMoney } from \"./format-money.ts\";\n\nfunction getShippingSummary(\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout,\n pending: boolean\n) {\n return {\n hasShippingQuote:\n !pending && \"shippingQuote\" in quote && !!quote.shippingQuote,\n shippingCents:\n !pending && \"shippingCents\" in quote ? (quote.shippingCents ?? 0) : 0,\n shippingRequired:\n pending || (\"shippingRequired\" in quote && quote.shippingRequired),\n };\n}\n\nexport function PaymentSummary({\n quote,\n shippingPending = false,\n displayedTipCents = quote.tipCents,\n displayedTotalCents = quote.totalCents,\n displayedBaseCents = displayedTotalCents - displayedTipCents,\n}: {\n shippingPending?: boolean;\n displayedBaseCents?: number;\n displayedTipCents?: number;\n displayedTotalCents?: number;\n quote: LockerverseCheckoutEstimate | LockerversePreparedCheckout;\n}) {\n let cadence: { label: string } | null = null;\n if (quote.paymentOption === \"monthly\") {\n cadence = { label: \"Monthly\" };\n } else if (quote.paymentOption === \"annually\") {\n cadence = { label: \"Annual\" };\n } else if (quote.paymentOption === \"every-six-months\") {\n cadence = { label: \"Every 6 months\" };\n }\n const { shippingCents, shippingRequired, hasShippingQuote } =\n getShippingSummary(quote, shippingPending);\n const displayedServiceFeeCents = Math.max(\n 0,\n displayedBaseCents -\n shippingCents -\n quote.subtotalCents +\n quote.discountCents\n );\n let totalLabel = cadence ? `${cadence.label} total` : \"Total\";\n if (shippingRequired && !hasShippingQuote) {\n totalLabel = \"Total before shipping\";\n }\n return (\n <section\n aria-label=\"Payment summary\"\n className=\"lockerverse-payment__payment-summary\"\n >\n <h2>Order summary</h2>\n <div className=\"lockerverse-payment__payment-summary-items\">\n {quote.lineItems.map((item) => (\n <div\n className=\"lockerverse-payment__payment-summary-row\"\n key={item.listingId}\n >\n <span>\n {item.productName}\n {item.quantity > 1 ? (\n <>\n {\" \"}\n <small>× {item.quantity}</small>\n </>\n ) : null}\n {item.paymentOption === \"monthly\" ? (\n <small> · Monthly</small>\n ) : null}\n {item.paymentOption === \"every-six-months\" ? (\n <small> · Every 6 months</small>\n ) : null}\n {item.paymentOption === \"annually\" ? (\n <small> · Annual</small>\n ) : null}\n </span>\n <strong>{formatMoney(item.subtotalCents)}</strong>\n </div>\n ))}\n </div>\n <div className=\"lockerverse-payment__payment-summary-totals\">\n {displayedServiceFeeCents > 0 ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail\">\n <span>Service fee</span>\n <strong>{formatMoney(displayedServiceFeeCents)}</strong>\n </div>\n ) : null}\n {quote.discountCents > 0 && quote.appliedDiscount ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-discount\">\n <span>\n {quote.appliedDiscount.source === \"email_list\"\n ? \"Email discount\"\n : \"Promo code discount\"}{\" \"}\n ({quote.appliedDiscount.percentageOff}% off)\n </span>\n <strong>-{formatMoney(quote.discountCents)}</strong>\n </div>\n ) : null}\n {shippingRequired ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail\">\n <span>Shipping</span>\n <strong>\n {hasShippingQuote\n ? formatMoney(shippingCents)\n : \"Calculate below\"}\n </strong>\n </div>\n ) : null}\n {displayedTipCents > 0 ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail lockerverse-payment__payment-summary-tip\">\n <span>Tip</span>\n <strong>{formatMoney(displayedTipCents)}</strong>\n </div>\n ) : null}\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-total\">\n <span>{totalLabel}</span>\n <strong>{formatMoney(displayedTotalCents)}</strong>\n </div>\n </div>\n </section>\n );\n}\n"],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -155,7 +155,8 @@
|
|
|
155
155
|
gap: 8px;
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
.lockerverse-payment__promo-control button
|
|
158
|
+
.lockerverse-payment__promo-control button,
|
|
159
|
+
.lockerverse-payment__shipping-quote button {
|
|
159
160
|
min-height: 48px;
|
|
160
161
|
padding: 11px 16px;
|
|
161
162
|
font: inherit;
|
|
@@ -168,7 +169,8 @@
|
|
|
168
169
|
border-radius: var(--lockerverse-radius);
|
|
169
170
|
}
|
|
170
171
|
|
|
171
|
-
.lockerverse-payment__promo-control button:hover:not(:disabled)
|
|
172
|
+
.lockerverse-payment__promo-control button:hover:not(:disabled),
|
|
173
|
+
.lockerverse-payment__shipping-quote button:hover:not(:disabled) {
|
|
172
174
|
background: color-mix(in srgb, var(--lockerverse-text) 9%, transparent);
|
|
173
175
|
}
|
|
174
176
|
|
|
@@ -1401,3 +1403,19 @@
|
|
|
1401
1403
|
line-height: 1.7;
|
|
1402
1404
|
color: var(--lockerverse-muted);
|
|
1403
1405
|
}
|
|
1406
|
+
|
|
1407
|
+
.lockerverse-payment__shipping-quote {
|
|
1408
|
+
display: grid;
|
|
1409
|
+
gap: 0.75rem;
|
|
1410
|
+
padding: 1rem;
|
|
1411
|
+
border: 1px solid var(--lockerverse-border);
|
|
1412
|
+
border-radius: var(--lockerverse-radius);
|
|
1413
|
+
}
|
|
1414
|
+
.lockerverse-payment__shipping-quote h3,
|
|
1415
|
+
.lockerverse-payment__shipping-quote p {
|
|
1416
|
+
margin: 0;
|
|
1417
|
+
}
|
|
1418
|
+
.lockerverse-payment__shipping-quote p {
|
|
1419
|
+
font-size: 0.875rem;
|
|
1420
|
+
line-height: 1.5;
|
|
1421
|
+
}
|
package/guides/auctions.md
CHANGED
package/guides/events.md
CHANGED
package/guides/integration.md
CHANGED
package/guides/signup.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lockerverse/react",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.180-dev.1",
|
|
4
4
|
"description": "Tree-shakable React payment and signup UI for Lockerverse",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
"embla-carousel-react": "8.6.0",
|
|
137
137
|
"lucide-react": "0.536.0",
|
|
138
138
|
"valibot": "1.4.2",
|
|
139
|
-
"@lockerverse/sdk": "0.2.
|
|
139
|
+
"@lockerverse/sdk": "0.2.180-dev.1"
|
|
140
140
|
},
|
|
141
141
|
"devDependencies": {
|
|
142
142
|
"@size-limit/file": "13.0.3",
|