@lockerverse/react 0.2.180-dev.1 → 0.2.181-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 +0 -9
- 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 +1 -2
- 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 +2 -20
- 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;;;iBC3bV,0BACd,SAAS,KAAK,iCAA8B,oCAAA"}
|
|
@@ -26,8 +26,7 @@ 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,
|
|
30
|
-
shippingPending?: boolean;
|
|
29
|
+
declare function PaymentSummary({ quote, displayedTipCents, displayedTotalCents, displayedBaseCents }: {
|
|
31
30
|
displayedBaseCents?: number;
|
|
32
31
|
displayedTipCents?: number;
|
|
33
32
|
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;;;iBClFxB,iBACd,OACA,mBACA,qBACA;EAEA;EACA;EACA;EACA,OAAO,8BAA8B;oBACtC,IAAA;;;cCdY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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(
|
|
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:i,displayedTipCents:a=i.tipCents,displayedTotalCents:o=i.totalCents,displayedBaseCents:s=o-a}){let c=null;i.paymentOption===`monthly`?c={label:`Monthly`}:i.paymentOption===`annually`?c={label:`Annual`}:i.paymentOption===`every-six-months`&&(c={label:`Every 6 months`});let l=Math.max(0,s-i.subtotalCents+i.discountCents);return 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:i.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:[l>0?r(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail`,children:[n(`span`,{children:`Service fee`}),n(`strong`,{children:e(l)})]}):null,i.discountCents>0&&i.appliedDiscount?r(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-discount`,children:[r(`span`,{children:[i.appliedDiscount.source===`email_list`?`Email discount`:`Promo code discount`,` `,`(`,i.appliedDiscount.percentageOff,`% off)`]}),r(`strong`,{children:[`-`,e(i.discountCents)]})]}):null,a>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(a)})]}):null,r(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-total`,children:[n(`span`,{children:c?`${c.label} total`:`Total`}),n(`strong`,{children:e(o)})]})]})]})}export{i 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\
|
|
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 - quote.subtotalCents + quote.discountCents\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 {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>{cadence ? `${cadence.label} total` : \"Total\"}</span>\n <strong>{formatMoney(displayedTotalCents)}</strong>\n </div>\n </div>\n </section>\n );\n}\n"],"mappings":"sGAMA,SAAgB,EAAe,CAC7B,QACA,oBAAoB,EAAM,SAC1B,sBAAsB,EAAM,WAC5B,qBAAqB,EAAsB,GAM1C,CACD,IAAI,EAAoC,KACpC,EAAM,gBAAkB,UAC1B,EAAU,CAAE,MAAO,SAAU,EACpB,EAAM,gBAAkB,WACjC,EAAU,CAAE,MAAO,QAAS,EACnB,EAAM,gBAAkB,qBACjC,EAAU,CAAE,MAAO,gBAAiB,GAEtC,IAAM,EAA2B,KAAK,IACpC,EACA,EAAqB,EAAM,cAAgB,EAAM,aACnD,EACA,OACE,EAAC,UAAD,CACE,aAAW,kBACX,UAAU,uCAFZ,SAAA,CAIE,EAAC,KAAD,CAAA,SAAI,eAAiB,CAAA,EACrB,EAAC,MAAD,CAAK,UAAU,6CACZ,SAAA,EAAM,UAAU,IAAK,GACpB,EAAC,MAAD,CACE,UAAU,2CADZ,SAAA,CAIE,EAAC,OAAD,CAAA,SAAA,CACG,EAAK,YACL,EAAK,SAAW,EACf,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,QAAD,CAAA,SAAA,CAAO,KAAG,EAAK,QAAgB,CAAA,CAAA,CAC/B,CAAA,CAAA,EACA,KACH,EAAK,gBAAkB,UACtB,EAAC,QAAD,CAAA,SAAO,YAAiB,CAAA,EACtB,KACH,EAAK,gBAAkB,mBACtB,EAAC,QAAD,CAAA,SAAO,mBAAwB,CAAA,EAC7B,KACH,EAAK,gBAAkB,WACtB,EAAC,QAAD,CAAA,SAAO,WAAgB,CAAA,EACrB,IACA,CAAA,CAAA,EACN,EAAC,SAAD,CAAA,SAAS,EAAY,EAAK,aAAa,CAAU,CAAA,CAC9C,CArBE,EAAA,EAAK,SAqBP,CACN,CACE,CAAA,EACL,EAAC,MAAD,CAAK,UAAU,8CAAf,SAAA,CACG,EAA2B,EAC1B,EAAC,MAAD,CAAK,UAAU,uFAAf,SAAA,CACE,EAAC,OAAD,CAAA,SAAM,aAAiB,CAAA,EACvB,EAAC,SAAD,CAAA,SAAS,EAAY,CAAwB,CAAU,CAAA,CACpD,CACH,CAAA,EAAA,KACH,EAAM,cAAgB,GAAK,EAAM,gBAChC,EAAC,MAAD,CAAK,UAAU,yFAAf,SAAA,CACE,EAAC,OAAD,CAAA,SAAA,CACG,EAAM,gBAAgB,SAAW,aAC9B,iBACA,sBAAuB,IAAI,IAC7B,EAAM,gBAAgB,cAAc,QAClC,CAAA,CAAA,EACN,EAAC,SAAD,CAAA,SAAA,CAAQ,IAAE,EAAY,EAAM,aAAa,CAAU,CAAA,CAAA,CAChD,CACH,CAAA,EAAA,KACH,EAAoB,EACnB,EAAC,MAAD,CAAK,UAAU,gIAAf,SAAA,CACE,EAAC,OAAD,CAAA,SAAM,KAAS,CAAA,EACf,EAAC,SAAD,CAAA,SAAS,EAAY,CAAiB,CAAU,CAAA,CAC7C,CACH,CAAA,EAAA,KACJ,EAAC,MAAD,CAAK,UAAU,sFAAf,SAAA,CACE,EAAC,OAAD,CAAA,SAAO,EAAU,GAAG,EAAQ,MAAM,QAAU,OAAc,CAAA,EAC1D,EAAC,SAAD,CAAA,SAAS,EAAY,CAAmB,CAAU,CAAA,CAC/C,GACF,GACE,GAEb"}
|
package/dist/styles.css
CHANGED
|
@@ -155,8 +155,7 @@
|
|
|
155
155
|
gap: 8px;
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
.lockerverse-payment__promo-control button
|
|
159
|
-
.lockerverse-payment__shipping-quote button {
|
|
158
|
+
.lockerverse-payment__promo-control button {
|
|
160
159
|
min-height: 48px;
|
|
161
160
|
padding: 11px 16px;
|
|
162
161
|
font: inherit;
|
|
@@ -169,8 +168,7 @@
|
|
|
169
168
|
border-radius: var(--lockerverse-radius);
|
|
170
169
|
}
|
|
171
170
|
|
|
172
|
-
.lockerverse-payment__promo-control button:hover:not(:disabled)
|
|
173
|
-
.lockerverse-payment__shipping-quote button:hover:not(:disabled) {
|
|
171
|
+
.lockerverse-payment__promo-control button:hover:not(:disabled) {
|
|
174
172
|
background: color-mix(in srgb, var(--lockerverse-text) 9%, transparent);
|
|
175
173
|
}
|
|
176
174
|
|
|
@@ -1403,19 +1401,3 @@
|
|
|
1403
1401
|
line-height: 1.7;
|
|
1404
1402
|
color: var(--lockerverse-muted);
|
|
1405
1403
|
}
|
|
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.181-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.181-dev.1"
|
|
140
140
|
},
|
|
141
141
|
"devDependencies": {
|
|
142
142
|
"@size-limit/file": "13.0.3",
|