@funnelsgrove/payments 0.1.10 → 0.1.11

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 (2) hide show
  1. package/dist/components/shared/SharedStripeCheckoutV2Dialog.js +16 -20
  2. package/package.json +1 -1
package/dist/components/shared/SharedStripeCheckoutV2Dialog.js CHANGED
@@ -104,12 +104,7 @@ function SharedStripeCheckoutV2Form({ amountCents, buttonColor, cardSubmitLabel,
104
104
  },
105
105
  },
106
106
  },
107
- layout: {
108
- type: 'accordion',
109
- defaultCollapsed: false,
110
- radios: false,
111
- spacedAccordionItems: false,
112
- },
107
+ layout: 'tabs',
113
108
  wallets: {
114
109
  applePay: 'never',
115
110
  googlePay: 'never',
@@ -236,13 +231,13 @@ function SharedStripeCheckoutV2Form({ amountCents, buttonColor, cardSubmitLabel,
236
231
  effectiveSelectedMethod === 'card' ? 'is-visible' : '',
237
232
  ]
238
233
  .filter(Boolean)
239
- .join(' '), children: [_jsxs("label", { className: emailFieldClassName, children: [_jsx("span", { children: customerEmailLabel }), _jsx("input", { type: 'email', autoComplete: 'email', className: 'shared-checkout-v2-email-input', disabled: !customerEmailEditable, inputMode: 'email', readOnly: !customerEmailEditable, value: emailDraft, placeholder: customerEmailPlaceholder, onChange: (event) => {
240
- if (!customerEmailEditable) {
241
- return;
242
- }
243
- setEmailDraft(event.target.value);
244
- onCustomerEmailChange === null || onCustomerEmailChange === void 0 ? void 0 : onCustomerEmailChange(event.target.value);
245
- } })] }), _jsx("div", { className: 'shared-checkout-v2-card-box', children: _jsx(PaymentElement, { options: paymentElementOptions }) }), visibleError ? _jsx("p", { className: 'shared-checkout-v2-error', children: visibleError }) : null, _jsxs("button", { type: 'submit', className: 'shared-checkout-v2-card-submit', disabled: submitting, children: [_jsx(SecurityLockIcon, { className: 'shared-checkout-v2-card-submit-icon' }), submitting ? processingLabel : cardSubmitLabel] }), _jsx("div", { className: 'shared-checkout-v2-card-brands', "aria-hidden": 'true', children: cardBrandLabels.map((label) => (_jsx(PaymentBrandMark, { label: label, className: 'shared-checkout-v2-card-brand' }, label))) }), _jsxs("p", { className: 'shared-checkout-v2-secure-pill shared-checkout-v2-secure-pill--card', children: [_jsx(SecurityLockIcon, { className: 'shared-checkout-v2-secure-pill-icon' }), secureLabel] })] })] })] }));
234
+ .join(' '), children: [_jsxs("div", { className: 'shared-checkout-v2-card-box', children: [_jsxs("label", { className: emailFieldClassName, children: [_jsx("span", { children: customerEmailLabel }), _jsx("input", { type: 'email', autoComplete: 'email', className: 'shared-checkout-v2-email-input', disabled: !customerEmailEditable, inputMode: 'email', readOnly: !customerEmailEditable, value: emailDraft, placeholder: customerEmailPlaceholder, onChange: (event) => {
235
+ if (!customerEmailEditable) {
236
+ return;
237
+ }
238
+ setEmailDraft(event.target.value);
239
+ onCustomerEmailChange === null || onCustomerEmailChange === void 0 ? void 0 : onCustomerEmailChange(event.target.value);
240
+ } })] }), _jsx(PaymentElement, { options: paymentElementOptions })] }), visibleError ? _jsx("p", { className: 'shared-checkout-v2-error', children: visibleError }) : null, _jsxs("button", { type: 'submit', className: 'shared-checkout-v2-card-submit', disabled: submitting, children: [_jsx(SecurityLockIcon, { className: 'shared-checkout-v2-card-submit-icon' }), submitting ? processingLabel : cardSubmitLabel] }), _jsx("div", { className: 'shared-checkout-v2-card-brands', "aria-hidden": 'true', children: cardBrandLabels.map((label) => (_jsx(PaymentBrandMark, { label: label, className: 'shared-checkout-v2-card-brand' }, label))) }), _jsxs("p", { className: 'shared-checkout-v2-secure-pill shared-checkout-v2-secure-pill--card', children: [_jsx(SecurityLockIcon, { className: 'shared-checkout-v2-secure-pill-icon' }), secureLabel] })] })] })] }));
246
241
  }
247
242
  export function SharedStripeCheckoutV2Dialog(_a) {
248
243
  var { clientSecret, onClose, stripePromise } = _a, props = __rest(_a, ["clientSecret", "onClose", "stripePromise"]);
@@ -678,11 +673,11 @@ const sharedStripeCheckoutV2Styles = `
678
673
  display: flex;
679
674
  flex-direction: column;
680
675
  justify-content: center;
681
- border: 1px solid #dadde4;
682
- border-radius: 6px;
676
+ border: 0;
677
+ border-bottom: 1px solid #dadde4;
678
+ border-radius: 0;
683
679
  background: #fff;
684
680
  padding: 8px 14px;
685
- box-shadow: 0 1px 2px rgb(16 24 40 / 10%);
686
681
  color: #647087;
687
682
  font-size: 14px;
688
683
  font-weight: 500;
@@ -719,10 +714,11 @@ const sharedStripeCheckoutV2Styles = `
719
714
  }
720
715
 
721
716
  .shared-checkout-v2-card-box {
722
- overflow: visible;
723
- border: 0;
724
- border-radius: 0;
725
- background: transparent;
717
+ overflow: hidden;
718
+ border: 1px solid #dadde4;
719
+ border-radius: 6px;
720
+ background: #fff;
721
+ box-shadow: 0 1px 2px rgb(16 24 40 / 10%);
726
722
  }
727
723
 
728
724
  .shared-checkout-v2-error {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@funnelsgrove/payments",
3
- "version": "0.1.10",
3
+ "version": "0.1.11",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",