@stridge/kit 0.1.0-alpha.60 → 0.1.0-alpha.62
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/dist/KitProvider.d.ts +0 -21
- package/dist/KitProvider.js +1 -1
- package/dist/_internal/deposit/driver/index.d.ts +3 -3
- package/dist/_internal/drivers/stridge-mock/index.d.ts +3 -2
- package/dist/_internal/drivers/stridge-mock/index.js +1 -1
- package/dist/activity/compound/index.js +1 -1
- package/dist/deposit/compound/index.d.ts +21 -10
- package/dist/deposit/compound/index.js +1 -1
- package/dist/deposit/widgets/index.d.ts +6 -3
- package/dist/deposit/widgets/index.js +1 -1
- package/dist/drivers/stridge/createStridgeDepositDriver.js +1 -1
- package/dist/drivers/stridge-mock/checkoutChannel.d.ts +31 -0
- package/dist/drivers/stridge-mock/checkoutChannel.js +1 -0
- package/dist/drivers/stridge-mock/createStridgeMockDriver.d.ts +28 -0
- package/dist/drivers/stridge-mock/createStridgeMockDriver.js +1 -1
- package/dist/drivers/stridge-mock/fixtures.d.ts +6 -2
- package/dist/drivers/stridge-mock/fixtures.js +1 -1
- package/dist/drivers/stridge-mock/triggers.d.ts +12 -0
- package/dist/events/emit/useDepositEmissions.js +1 -1
- package/dist/flows/deposit/dialog/DepositDialog.js +1 -1
- package/dist/flows/deposit/driver/payloads.d.ts +206 -20
- package/dist/flows/deposit/driver/types.d.ts +106 -10
- package/dist/flows/deposit/orchestrator/controller.js +1 -1
- package/dist/flows/deposit/orchestrator/index.d.ts +1 -1
- package/dist/flows/deposit/orchestrator/reducer.js +1 -1
- package/dist/flows/deposit/orchestrator/types.d.ts +202 -66
- package/dist/flows/deposit/shared/checkoutPopup.js +1 -0
- package/dist/flows/deposit/shared/onramp.js +1 -0
- package/dist/flows/deposit/shared/onrampError.js +1 -0
- package/dist/flows/deposit/widgets/amount-entry/AmountEntry.js +1 -1
- package/dist/flows/deposit/widgets/deposit/Deposit.js +1 -1
- package/dist/flows/deposit/widgets/deposit/compound/Deposit.d.ts +5 -5
- package/dist/flows/deposit/widgets/deposit/compound/components/Guards.js +1 -1
- package/dist/flows/deposit/widgets/deposit/compound/components/Methods.d.ts +1 -2
- package/dist/flows/deposit/widgets/deposit/compound/components/RailPicker.js +1 -1
- package/dist/flows/deposit/widgets/deposit/compound/types.d.ts +9 -9
- package/dist/flows/deposit/widgets/error-state/ErrorState.js +1 -1
- package/dist/flows/deposit/widgets/onramp-amount-entry/OnrampAmountEntry.d.ts +68 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/OnrampAmountEntry.js +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.d.ts +66 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.js +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.slots.d.ts +21 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.slots.js +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/OnrampAmountEntry.styles.js +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/CurrencyChip.d.ts +12 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/CurrencyChip.js +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/HeroLabel.d.ts +13 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/HeroLabel.js +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/ProviderCard.d.ts +12 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/ProviderCard.js +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/ReceiveChip.d.ts +14 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/components/ReceiveChip.js +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/context.d.ts +14 -0
- package/dist/flows/deposit/widgets/{cash-amount-entry → onramp-amount-entry}/compound/context.js +1 -1
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/index.d.ts +4 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/index.js +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/compound/types.d.ts +40 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/index.d.ts +1 -0
- package/dist/flows/deposit/widgets/onramp-amount-entry/index.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/OnrampConfirm.d.ts +52 -0
- package/dist/flows/deposit/widgets/onramp-confirm/OnrampConfirm.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.d.ts +44 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.slots.d.ts +31 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.slots.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/OnrampConfirm.styles.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Body.d.ts +16 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Body.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Disclaimer.d.ts +21 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Disclaimer.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Header.d.ts +15 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Header.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Summary.d.ts +15 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/components/Summary.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/context.d.ts +46 -0
- package/dist/flows/deposit/widgets/{cash-confirm → onramp-confirm}/compound/context.js +1 -1
- package/dist/flows/deposit/widgets/onramp-confirm/compound/index.d.ts +4 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/index.js +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/compound/types.d.ts +67 -0
- package/dist/flows/deposit/widgets/onramp-confirm/index.d.ts +1 -0
- package/dist/flows/deposit/widgets/onramp-confirm/index.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/OnrampCurrencyPicker.d.ts +39 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/OnrampCurrencyPicker.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.d.ts +37 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.slots.d.ts +17 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.slots.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/OnrampCurrencyPicker.styles.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Body.d.ts +6 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Body.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/CurrencyRow.d.ts +12 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/CurrencyRow.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Empty.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Header.d.ts +10 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Header.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Search.d.ts +6 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/components/Search.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/context.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/index.d.ts +3 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/index.js +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/compound/types.d.ts +48 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/index.d.ts +1 -0
- package/dist/flows/deposit/widgets/onramp-currency-picker/index.js +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.d.ts +50 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/OnrampPaymentPending.js +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.d.ts +68 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.js +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.slots.d.ts +17 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/OnrampPaymentPending.slots.js +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.d.ts +13 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.js +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/components/Flow.styles.js +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/components/ReopenButton.d.ts +11 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/components/ReopenButton.js +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/context.d.ts +32 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/context.js +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/index.d.ts +3 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/compound/index.js +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/index.d.ts +1 -0
- package/dist/flows/deposit/widgets/onramp-payment-pending/index.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/OnrampProviderPicker.d.ts +38 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/OnrampProviderPicker.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.d.ts +35 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.slots.d.ts +19 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.slots.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/OnrampProviderPicker.styles.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/Body.d.ts +6 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/Body.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/Header.d.ts +10 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/Header.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/ProviderRow.d.ts +15 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/components/ProviderRow.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/context.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/index.d.ts +3 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/index.js +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/compound/types.d.ts +50 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/index.d.ts +1 -0
- package/dist/flows/deposit/widgets/onramp-provider-picker/index.js +1 -0
- package/dist/flows/deposit/widgets/success-state/SuccessState.js +1 -1
- package/dist/flows/deposit/widgets/transfer-crypto/compound/components/QrCode.js +1 -1
- package/dist/flows/withdraw/widgets/withdraw-form/compound/components/RecipientField.js +1 -1
- package/dist/format/index.d.ts +2 -1
- package/dist/format/index.js +1 -1
- package/dist/i18n/locales/ar.js +1 -1
- package/dist/i18n/locales/es.js +1 -1
- package/dist/i18n/locales/source-keys.d.ts +1 -1
- package/dist/icons/index.d.ts +4 -8
- package/dist/icons/index.js +1 -1
- package/dist/index.d.ts +3 -4
- package/dist/index.js +1 -1
- package/dist/package.js +1 -1
- package/dist/shared/attribution/Attribution.js +1 -1
- package/dist/shared/attribution/Attribution.styles.js +1 -1
- package/dist/shared/dialog/Frame.js +1 -1
- package/dist/shared/format/formatFiat.d.ts +31 -0
- package/dist/shared/format/formatFiat.js +1 -0
- package/dist/shared/icons/BellIcon.d.ts +7 -0
- package/dist/shared/icons/BellIcon.js +1 -0
- package/dist/shared/icons/BitcoinIcon.d.ts +5 -8
- package/dist/shared/icons/BitcoinIcon.js +1 -1
- package/dist/shared/icons/CardIcon.d.ts +3 -3
- package/dist/shared/icons/DirhamSignIcon.d.ts +16 -0
- package/dist/shared/icons/DirhamSignIcon.js +1 -0
- package/dist/shared/icons/SearchIcon.d.ts +7 -0
- package/dist/shared/icons/SearchIcon.js +1 -0
- package/dist/shared/orchestrator/index.js +1 -1
- package/dist/shared/orchestrator/useOnrampSessionWatcher.js +1 -0
- package/dist/shared/ui/AmountInput/useAutoShrinkFontSize.js +1 -1
- package/dist/shared/ui/Checkbox/Checkbox.d.ts +47 -0
- package/dist/shared/ui/Checkbox/Checkbox.js +1 -0
- package/dist/shared/ui/Checkbox/Checkbox.slots.d.ts +12 -0
- package/dist/shared/ui/Checkbox/Checkbox.slots.js +1 -0
- package/dist/shared/ui/Checkbox/Checkbox.styles.js +1 -0
- package/dist/shared/ui/Checkbox/index.d.ts +2 -0
- package/dist/shared/ui/Checkbox/index.js +1 -0
- package/dist/shared/ui/CurrencyGlyph/CurrencyGlyph.d.ts +36 -0
- package/dist/shared/ui/CurrencyGlyph/CurrencyGlyph.js +1 -0
- package/dist/shared/ui/CurrencyGlyph/CurrencyGlyph.slots.d.ts +12 -0
- package/dist/shared/ui/CurrencyGlyph/CurrencyGlyph.slots.js +1 -0
- package/dist/shared/ui/CurrencyGlyph/CurrencyGlyph.styles.js +1 -0
- package/dist/shared/ui/CurrencyGlyph/flags.js +1 -0
- package/dist/shared/ui/CurrencyGlyph/index.d.ts +2 -0
- package/dist/shared/ui/CurrencyGlyph/index.js +1 -0
- package/dist/shared/ui/DisclosureRow/DisclosureRow.d.ts +56 -0
- package/dist/shared/ui/DisclosureRow/DisclosureRow.js +1 -0
- package/dist/shared/ui/DisclosureRow/DisclosureRow.slots.d.ts +8 -0
- package/dist/shared/ui/DisclosureRow/DisclosureRow.slots.js +1 -0
- package/dist/shared/ui/DisclosureRow/DisclosureRow.styles.js +1 -0
- package/dist/shared/ui/DisclosureRow/index.d.ts +2 -0
- package/dist/shared/ui/DisclosureRow/index.js +1 -0
- package/dist/shared/ui/FiatSymbol/FiatAmount.d.ts +32 -0
- package/dist/shared/ui/FiatSymbol/FiatAmount.js +1 -0
- package/dist/shared/ui/FiatSymbol/FiatSymbol.d.ts +30 -0
- package/dist/shared/ui/FiatSymbol/FiatSymbol.js +1 -0
- package/dist/shared/ui/FiatSymbol/index.d.ts +2 -0
- package/dist/shared/ui/FiatSymbol/index.js +1 -0
- package/dist/shared/ui/Tabs/Tabs.d.ts +2 -2
- package/dist/shared/utils/logos/resolveLogoSrc.js +1 -1
- package/dist/shared/widgets/activity/compound/ActivityDetail.js +1 -1
- package/dist/shared/widgets/amount-entry/compound/AmountEntry.js +1 -1
- package/dist/shared/widgets/amount-entry/compound/AmountEntry.styles.js +1 -1
- package/dist/shared/widgets/amount-entry/compound/components/Footer.js +1 -1
- package/dist/shared/widgets/amount-entry/compound/components/Hero/Hero.d.ts +2 -1
- package/dist/shared/widgets/amount-entry/compound/components/Hero/Hero.js +1 -1
- package/dist/shared/widgets/amount-entry/compound/components/Hero/StaticBand.js +1 -1
- package/dist/shared/widgets/amount-entry/compound/types.d.ts +16 -0
- package/dist/shared/widgets/confirm-transfer/compound/components/Breakdown.js +1 -1
- package/dist/shared/widgets/error-state/compound/ErrorState.styles.js +1 -1
- package/dist/shared/widgets/error-state/compound/components/MoreDetails.d.ts +3 -3
- package/dist/shared/widgets/error-state/compound/components/MoreDetails.js +1 -1
- package/dist/shared/widgets/success-state/compound/SuccessState.styles.js +1 -1
- package/dist/shared/widgets/success-state/compound/components/MoreDetails.d.ts +2 -3
- package/dist/shared/widgets/success-state/compound/components/MoreDetails.js +1 -1
- package/dist/stridge/StridgeProvider.d.ts +0 -10
- package/dist/stridge/StridgeProvider.js +1 -1
- package/dist/stridge/stubs.js +1 -1
- package/dist/styles/index.css +118 -40
- package/dist/types.d.ts +3 -3
- package/dist/ui/index.d.ts +9 -1
- package/dist/ui/index.js +1 -1
- package/dist/version.js +1 -1
- package/dist/withdraw/compound/index.js +1 -1
- package/package.json +1 -1
- package/dist/flows/deposit/bindings/DepositBindings.d.ts +0 -87
- package/dist/flows/deposit/bindings/DepositBindings.js +0 -1
- package/dist/flows/deposit/bindings/index.d.ts +0 -1
- package/dist/flows/deposit/bindings/index.js +0 -1
- package/dist/flows/deposit/shared/cash.d.ts +0 -20
- package/dist/flows/deposit/shared/cash.js +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/CashAmountEntry.d.ts +0 -71
- package/dist/flows/deposit/widgets/cash-amount-entry/CashAmountEntry.js +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.d.ts +0 -69
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.js +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.slots.d.ts +0 -16
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.slots.js +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/CashAmountEntry.styles.js +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/HeroLabel.d.ts +0 -13
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/HeroLabel.js +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/MethodChip.d.ts +0 -18
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/MethodChip.js +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/ReceiveChip.d.ts +0 -14
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/components/ReceiveChip.js +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/index.d.ts +0 -3
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/index.js +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/compound/types.d.ts +0 -42
- package/dist/flows/deposit/widgets/cash-amount-entry/index.d.ts +0 -1
- package/dist/flows/deposit/widgets/cash-amount-entry/index.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/CashConfirm.d.ts +0 -63
- package/dist/flows/deposit/widgets/cash-confirm/CashConfirm.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.d.ts +0 -54
- package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.slots.d.ts +0 -33
- package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.slots.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/cashConfirmDimensions.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/ApplePayBody.d.ts +0 -15
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/ApplePayBody.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/Body.d.ts +0 -22
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/Body.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/BodyLabel.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/CardBody.d.ts +0 -16
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/CardBody.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.icons.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.keys.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.state.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/GooglePayBody.d.ts +0 -16
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/GooglePayBody.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/Header.d.ts +0 -21
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/Header.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/Summary.d.ts +0 -17
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/Summary.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/components/cardFormat.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/index.d.ts +0 -3
- package/dist/flows/deposit/widgets/cash-confirm/compound/index.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/compound/types.d.ts +0 -66
- package/dist/flows/deposit/widgets/cash-confirm/index.d.ts +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/index.js +0 -1
- package/dist/flows/deposit/widgets/cash-confirm/mocks.js +0 -1
- package/dist/shared/icons/AmexIcon.d.ts +0 -14
- package/dist/shared/icons/AmexIcon.js +0 -1
- package/dist/shared/icons/ApplePayIcon.d.ts +0 -15
- package/dist/shared/icons/ApplePayIcon.js +0 -1
- package/dist/shared/icons/CashIcon.d.ts +0 -16
- package/dist/shared/icons/CashIcon.js +0 -1
- package/dist/shared/icons/DiscoverIcon.d.ts +0 -14
- package/dist/shared/icons/DiscoverIcon.js +0 -1
- package/dist/shared/icons/GooglePayIcon.d.ts +0 -15
- package/dist/shared/icons/GooglePayIcon.js +0 -1
- package/dist/shared/icons/MastercardIcon.d.ts +0 -16
- package/dist/shared/icons/MastercardIcon.js +0 -1
- package/dist/shared/icons/VisaIcon.d.ts +0 -15
- package/dist/shared/icons/VisaIcon.js +0 -1
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { CashConfirmApplePayBody } from "./components/ApplePayBody.js";
|
|
2
|
-
import { CashConfirmBodyProps, CashConfirmDialogProps, CashConfirmHeaderProps, CashConfirmProps, CashConfirmSummaryProps } from "./types.js";
|
|
3
|
-
import { CashConfirmBody } from "./components/Body.js";
|
|
4
|
-
import { CashConfirmCardBody } from "./components/CardBody.js";
|
|
5
|
-
import { CashConfirmGooglePayBody } from "./components/GooglePayBody.js";
|
|
6
|
-
import { CashConfirmHeader } from "./components/Header.js";
|
|
7
|
-
import { CashConfirmSummary } from "./components/Summary.js";
|
|
8
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
9
|
-
|
|
10
|
-
//#region src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.d.ts
|
|
11
|
-
/**
|
|
12
|
-
* Per-method confirm widget — the screen that follows `cashAmountEntry`. Renders the chosen cash
|
|
13
|
-
* method's confirm body (Card / Apple Pay / Google Pay) inside the shared frame + header + summary
|
|
14
|
-
* card. Real PSP card-form / Apple Pay merchant session / Google Pay `PaymentRequest` SDK
|
|
15
|
-
* integrations are deferred; the mock loading lifecycle the orchestrated wrapper schedules is the
|
|
16
|
-
* seam those will replace.
|
|
17
|
-
*
|
|
18
|
-
* Parts:
|
|
19
|
-
* - {@link CashConfirm.Header}
|
|
20
|
-
* - {@link CashConfirm.Body}
|
|
21
|
-
* - {@link CashConfirm.Summary}
|
|
22
|
-
* - {@link CashConfirm.CardBody}
|
|
23
|
-
* - {@link CashConfirm.ApplePayBody}
|
|
24
|
-
* - {@link CashConfirm.GooglePayBody}
|
|
25
|
-
*
|
|
26
|
-
* Dialog form: {@link CashConfirm.Dialog} pre-composes the widget into a
|
|
27
|
-
* `Dialog.Root + Dialog.Trigger + Dialog.Content` shell. Use the bare `CashConfirm` form when
|
|
28
|
-
* you want the widget mounted inline.
|
|
29
|
-
*/
|
|
30
|
-
declare function CashConfirm(props: CashConfirmProps): _$react_jsx_runtime0.JSX.Element;
|
|
31
|
-
declare function CashConfirmDialog({
|
|
32
|
-
open,
|
|
33
|
-
defaultOpen,
|
|
34
|
-
onOpenChange,
|
|
35
|
-
trigger,
|
|
36
|
-
children,
|
|
37
|
-
...rootProps
|
|
38
|
-
}: CashConfirmDialogProps): _$react_jsx_runtime0.JSX.Element;
|
|
39
|
-
declare namespace CashConfirm {
|
|
40
|
-
type Props = CashConfirmProps;
|
|
41
|
-
type HeaderProps = CashConfirmHeaderProps;
|
|
42
|
-
type BodyProps = CashConfirmBodyProps;
|
|
43
|
-
type SummaryProps = CashConfirmSummaryProps;
|
|
44
|
-
type DialogProps = CashConfirmDialogProps;
|
|
45
|
-
const Header: typeof CashConfirmHeader;
|
|
46
|
-
const Body: typeof CashConfirmBody;
|
|
47
|
-
const Summary: typeof CashConfirmSummary;
|
|
48
|
-
const CardBody: typeof CashConfirmCardBody;
|
|
49
|
-
const ApplePayBody: typeof CashConfirmApplePayBody;
|
|
50
|
-
const GooglePayBody: typeof CashConfirmGooglePayBody;
|
|
51
|
-
const Dialog: typeof CashConfirmDialog;
|
|
52
|
-
}
|
|
53
|
-
//#endregion
|
|
54
|
-
export { CashConfirm };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{DialogShell as e}from"../../../../../shared/dialog/DialogShell.js";import{Tooltip as t}from"../../../../../shared/ui/Tooltip/Tooltip.js";import"../../../../../shared/ui/Tooltip/index.js";import{Frame as n}from"../../../../../shared/dialog/Frame.js";import{CASH_CONFIRM_SLOTS as r}from"./CashConfirm.slots.js";import{styles as i}from"./CashConfirm.styles.js";import{CashConfirmContext as a}from"./context.js";import{CashConfirmApplePayBody as o}from"./components/ApplePayBody.js";import{CashConfirmCardBody as s}from"./components/CardBody.js";import{CashConfirmGooglePayBody as c}from"./components/GooglePayBody.js";import{CashConfirmSummary as l}from"./components/Summary.js";import{CashConfirmBody as u}from"./components/Body.js";import{CashConfirmHeader as d}from"./components/Header.js";import{useMemo as f}from"react";import{jsx as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";function h(e){let{phase:o,cashMethod:s,amount:c,brandName:l,onBack:u,children:d,...h}=e;return p(a,{value:f(()=>({phase:o,cashMethod:s,amount:c,...l===void 0?{}:{brandName:l},...u?{onBack:u}:{}}),[o,s,c,l,u]),children:p(t.Provider,{children:p(n,{...h,"data-stridge-slot":r.root,...m.props(i.root),children:d})})})}function g({open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:a,...o}){return p(e,{open:t,defaultOpen:n,onOpenChange:r,trigger:i,children:p(h,{...o,children:a})})}(function(e){e.Header=d,e.Body=u,e.Summary=l,e.CardBody=s,e.ApplePayBody=o,e.GooglePayBody=c,e.Dialog=g})(h||={});export{h as CashConfirm};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
//#region src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.slots.d.ts
|
|
2
|
-
/**
|
|
3
|
-
* `data-stridge-slot` constants for the cash-confirm compound widget. Hosts target these via CSS
|
|
4
|
-
* selectors like `[data-stridge-slot="cash-confirm-header"]` without forking the kit.
|
|
5
|
-
*/
|
|
6
|
-
declare const CASH_CONFIRM_SLOTS: {
|
|
7
|
-
readonly root: "cash-confirm";
|
|
8
|
-
readonly header: "cash-confirm-header";
|
|
9
|
-
readonly body: "cash-confirm-body";
|
|
10
|
-
readonly summary: "cash-confirm-summary";
|
|
11
|
-
readonly summaryStaticRow: "cash-confirm-summary-static-row";
|
|
12
|
-
readonly summaryRowLabel: "cash-confirm-summary-row-label";
|
|
13
|
-
readonly summaryRowValue: "cash-confirm-summary-row-value";
|
|
14
|
-
readonly summaryBreakdown: "cash-confirm-summary-breakdown";
|
|
15
|
-
readonly breakdownTrigger: "cash-confirm-breakdown-trigger";
|
|
16
|
-
readonly breakdownChevron: "cash-confirm-breakdown-chevron";
|
|
17
|
-
readonly breakdownRow: "cash-confirm-breakdown-row";
|
|
18
|
-
readonly breakdownRowLabel: "cash-confirm-breakdown-row-label";
|
|
19
|
-
readonly breakdownRowValue: "cash-confirm-breakdown-row-value";
|
|
20
|
-
readonly methodBody: "cash-confirm-method-body";
|
|
21
|
-
readonly bodyLabel: "cash-confirm-body-label";
|
|
22
|
-
readonly cardForm: "cash-confirm-card-form";
|
|
23
|
-
readonly cardPan: "cash-confirm-card-pan";
|
|
24
|
-
readonly cardExp: "cash-confirm-card-exp";
|
|
25
|
-
readonly cardCvc: "cash-confirm-card-cvc";
|
|
26
|
-
readonly qr: "cash-confirm-qr";
|
|
27
|
-
readonly qrArena: "cash-confirm-qr-arena";
|
|
28
|
-
readonly googlePayButton: "cash-confirm-google-pay-button";
|
|
29
|
-
readonly cta: "cash-confirm-cta";
|
|
30
|
-
};
|
|
31
|
-
type CashConfirmSlot = (typeof CASH_CONFIRM_SLOTS)[keyof typeof CASH_CONFIRM_SLOTS];
|
|
32
|
-
//#endregion
|
|
33
|
-
export { CASH_CONFIRM_SLOTS, CashConfirmSlot };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={root:`cash-confirm`,header:`cash-confirm-header`,body:`cash-confirm-body`,summary:`cash-confirm-summary`,summaryStaticRow:`cash-confirm-summary-static-row`,summaryRowLabel:`cash-confirm-summary-row-label`,summaryRowValue:`cash-confirm-summary-row-value`,summaryBreakdown:`cash-confirm-summary-breakdown`,breakdownTrigger:`cash-confirm-breakdown-trigger`,breakdownChevron:`cash-confirm-breakdown-chevron`,breakdownRow:`cash-confirm-breakdown-row`,breakdownRowLabel:`cash-confirm-breakdown-row-label`,breakdownRowValue:`cash-confirm-breakdown-row-value`,methodBody:`cash-confirm-method-body`,bodyLabel:`cash-confirm-body-label`,cardForm:`cash-confirm-card-form`,cardPan:`cash-confirm-card-pan`,cardExp:`cash-confirm-card-exp`,cardCvc:`cash-confirm-card-cvc`,qr:`cash-confirm-qr`,qrArena:`cash-confirm-qr-arena`,googlePayButton:`cash-confirm-google-pay-button`,cta:`cash-confirm-cta`};export{e as CASH_CONFIRM_SLOTS};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={root:{"CashConfirm__styles.root":`CashConfirm__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:18`},body:{"CashConfirm__styles.body":`CashConfirm__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`xsfdumc`,"paddingTop-kLKAdn":`xtgch2x`,"paddingBottom-kGO01o":`xpnfv0q`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:27`},summary:{"CashConfirm__styles.summary":`CashConfirm__styles.summary`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:38`},summaryStaticRow:{"CashConfirm__styles.summaryStaticRow":`CashConfirm__styles.summaryStaticRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x1pha0wt`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"borderBottomColor-kL6WhQ":`x2kdqbz`,"borderBottomStyle-kfdmCh":`x1q0q8m5`,"borderBottomWidth-kt9PQ7":`xso031l`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:42`},summaryLabel:{"CashConfirm__styles.summaryLabel":`CashConfirm__styles.summaryLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:54`},summaryValue:{"CashConfirm__styles.summaryValue":`CashConfirm__styles.summaryValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:59`},breakdownTrigger:{"CashConfirm__styles.breakdownTrigger":`CashConfirm__styles.breakdownTrigger`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x13a6bvl`,"gap-kOIVth":`x1r05nms`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"width-kzqmXN":`xh8yej3`,"backgroundColor-kWkggS":`xjbqb8w`,"borderColor-kVAM5u":`x9r1u3d`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x2u8bby`,"color-kMwMTN":`xi96bwj`,"cursor-kkrTdU":`x1ypdohk`,"outline-kI3sdo":`x1a2a7pz`,":hover_color-kDPRdz":`xpscirx`,":focus-visible_borderColor-kOJeXU":`x1mt3fz5`,":focus-visible_boxShadow-kEtg5x":`x159teg`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:68`},breakdownChevron:{"CashConfirm__styles.breakdownChevron":`CashConfirm__styles.breakdownChevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,"transitionProperty-k1ekBW":`x11xpdln`,"transitionDuration-kIyJzY":`x1vhb3u9`,"transitionTimingFunction-kAMwcw":`x1xv5090`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:93`},breakdownPanel:{"CashConfirm__styles.breakdownPanel":`CashConfirm__styles.breakdownPanel`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"backgroundColor-kWkggS":`x407w7c`,"borderTopColor-kLZC3w":`x19bq4ie`,"borderTopStyle-kPef9Z":`x13fuv20`,"borderTopWidth-kEafiO":`x178xt8z`,"paddingBlock-k8WAf4":`xpuy6co`,"paddingInline-kg3NbH":`xqsvw4s`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:103`},breakdownRow:{"CashConfirm__styles.breakdownRow":`CashConfirm__styles.breakdownRow`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`xpuy6co`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:113`},breakdownLabel:{"CashConfirm__styles.breakdownLabel":`CashConfirm__styles.breakdownLabel`,"color-kMwMTN":`x18cw6k6`,"fontWeight-k63SB2":`xi0sa8g`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:121`},breakdownValue:{"CashConfirm__styles.breakdownValue":`CashConfirm__styles.breakdownValue`,"color-kMwMTN":`x1i40r7x`,"fontWeight-k63SB2":`x1qvi77d`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`xp4054r`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:126`},methodBody:{"CashConfirm__styles.methodBody":`CashConfirm__styles.methodBody`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:134`},bodyLabel:{"CashConfirm__styles.bodyLabel":`CashConfirm__styles.bodyLabel`,"color-kMwMTN":`x137ha3m`,"fontWeight-k63SB2":`x1qvi77d`,"letterSpacing-kb6lSQ":`x1labic3`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:139`},bodyHint:{"CashConfirm__styles.bodyHint":`CashConfirm__styles.bodyHint`,"color-kMwMTN":`xi96bwj`,"margin-kogj98":`x1ghz6dp`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:145`},bodyCenter:{"CashConfirm__styles.bodyCenter":`CashConfirm__styles.bodyCenter`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:150`},qrFrame:{"CashConfirm__styles.qrFrame":`CashConfirm__styles.qrFrame`,"position-kVAEAm":`x1n2onr6`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`xq1dxzn`,"height-kZKoxP":`x1ymw6g`,"backgroundColor-kWkggS":`x19u6ldj`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x13pkpm2`,"overflow-kVQacm":`x7giv3`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:163`},qrSvg:{"CashConfirm__styles.qrSvg":`CashConfirm__styles.qrSvg`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,"color-kMwMTN":`xzn0pkc`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:178`},qrArenaOverlay:{"CashConfirm__styles.qrArenaOverlay":`CashConfirm__styles.qrArenaOverlay`,"position-kVAEAm":`x10l6tqk`,"insetInlineStart-kLqNvP":`xbudbmw`,"top-k87sOh":`xwa60dl`,"transform-k3aq6I":`x11lhmoz`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`xgd8bvy`,"height-kZKoxP":`x1fgtraw`,"color-kMwMTN":`xzn0pkc`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:183`},googlePayButton:{"CashConfirm__styles.googlePayButton":`CashConfirm__styles.googlePayButton`,"display-k1xSpc":`x3nfvp2`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`xwvwv9b`,"paddingInline-kg3NbH":`x1fk34n2`,"backgroundColor-kWkggS":`x12obg9s`,"color-kMwMTN":`xzn0pkc`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x1s7mj9v`,"cursor-kkrTdU":`x1ypdohk`,"appearance-kysU6D":`xjyslct`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x1jvydc1`,"fontWeight-k63SB2":`x1qvi77d`,"lineHeight-kLWn49":`xd4r4e8`,"transitionProperty-k1ekBW":`xgzoi8n`,"transitionDuration-kIyJzY":`x1vhb3u9`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,"outline-kI3sdo":`x1a2a7pz`,":hover:not(:disabled)_backgroundColor-kIa11j":`x16sea6d`,":active:not(:disabled)_backgroundColor-kDKVdO":`x3ppix8`,":focus-visible_borderColor-kOJeXU":`x1mt3fz5`,":focus-visible_boxShadow-kEtg5x":`x159teg`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:204`},googlePayIcon:{"CashConfirm__styles.googlePayIcon":`CashConfirm__styles.googlePayIcon`,"width-kzqmXN":`xw4jnvo`,"height-kZKoxP":`x1qx5ct2`,"flexShrink-kmuXW":`x2lah0s`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:240`},cta:{"CashConfirm__styles.cta":`CashConfirm__styles.cta`,"alignSelf-kSGwAc":`xkh2ocl`,"borderWidth-kMzoRj":`xc342km`,"cursor-kkrTdU":`x1ypdohk`,"borderRadius-kaIpWk":`x1s7mj9v`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:247`},header:{"CashConfirm__styles.header":`CashConfirm__styles.header`,"justifyContent-kjj79g":`x1qughib`,"gap-kOIVth":`x2blr79`,"paddingTop-kLKAdn":`x1h03h88`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"paddingBottom-kGO01o":`xfvigk`,"paddingInlineStart-kZCmMZ":`xiplbrm`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:256`},headerLeft:{"CashConfirm__styles.headerLeft":`CashConfirm__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:264`},headerTitle:{"CashConfirm__styles.headerTitle":`CashConfirm__styles.headerTitle`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:269`},backIcon:{"CashConfirm__styles.backIcon":`CashConfirm__styles.backIcon`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/CashConfirm.styles.ts:272`}};export{e as styles};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={qrSize:160,qrSkeletonRadius:12,ctaHeight:44,cardRowRadius:10,googlePayPillRadius:999};export{e as cashConfirmDimensions};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/flows/deposit/widgets/cash-confirm/compound/components/ApplePayBody.d.ts
|
|
4
|
-
/**
|
|
5
|
-
* Apple-Pay confirm body. Loading paints a `SCAN TO PAY` label above a 160×160 skeleton square.
|
|
6
|
-
* Ready renders the same label above the Cuer-driven QR with the kit's Apple Pay glyph overlaid
|
|
7
|
-
* at the cleared arena, with a "Scan with your iPhone camera" helper below. The QR encodes a
|
|
8
|
-
* mock `data:` URI carrying a plain-text "Demo Apple Pay $<amount>" payload — no DNS, no
|
|
9
|
-
* resolving host, so a user who follows the helper copy and actually scans it sees an inert
|
|
10
|
-
* text preview instead of an iOS Safari DNS error. A real merchant-session integration will
|
|
11
|
-
* replace it.
|
|
12
|
-
*/
|
|
13
|
-
declare function CashConfirmApplePayBody(): _$react_jsx_runtime0.JSX.Element;
|
|
14
|
-
//#endregion
|
|
15
|
-
export { CashConfirmApplePayBody };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import"../../../../../../i18n/index.js";import{ApplePayIcon as t}from"../../../../../../shared/icons/ApplePayIcon.js";import"../../../../../../icons/index.js";import{Skeleton as n}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import"../../../../../../shared/ui/Skeleton/index.js";import{text as r}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as i}from"../CashConfirm.slots.js";import{styles as a}from"../CashConfirm.styles.js";import{Cuer as o}from"../../../../../../shared/cuer/Cuer.js";import"../../../../../../shared/cuer/index.js";import{cashConfirmDimensions as s}from"../cashConfirmDimensions.js";import{useCashConfirmContext as c}from"../context.js";import{BodyLabel as l}from"./BodyLabel.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p(){let{phase:p,amount:m}=c(`CashConfirm.ApplePayBody`),h=p.kind===`loading`,g=`data:text/plain;charset=utf-8,Demo%20Apple%20Pay%20%24${m}`;return d(`div`,{"data-stridge-slot":i.methodBody,...f.props(a.methodBody,a.bodyCenter),children:[u(l,{children:u(e,{id:`pfAinS`,message:`Scan to pay`})}),h?u(n,{width:s.qrSize,height:s.qrSize,radius:s.qrSkeletonRadius}):d(`div`,{"data-stridge-slot":i.qr,...f.props(a.qrFrame),children:[d(o.Root,{value:g,size:s.qrSize,...f.props(a.qrSvg),children:[u(o.Finder,{}),u(o.Cells,{}),u(o.Arena,{href:`data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%2F%3E`,"aria-hidden":!0})]}),u(`span`,{"aria-hidden":!0,"data-stridge-slot":i.qrArena,...f.props(a.qrArenaOverlay),children:u(t,{width:20,height:20})})]}),u(r.p,{size:`sm`,leading:`tight`,color:`subdued`,...f.props(a.bodyHint),children:u(e,{id:`wB8KqP`,message:`Scan with your iPhone camera`})})]})}export{p as CashConfirmApplePayBody};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { CashConfirmBodyProps } from "../types.js";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/flows/deposit/widgets/cash-confirm/compound/components/Body.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Card.Body wrapper for the cash-confirm widget. When `children` is omitted, auto-renders
|
|
7
|
-
* `<Summary />` + the cashMethod-branched per-method body so the canonical composition just works.
|
|
8
|
-
* Pass children to override either or both — host-supplied children replace the entire body content
|
|
9
|
-
* (the wrapper still applies its padding + gap rhythm).
|
|
10
|
-
*
|
|
11
|
-
* In dialog mode, `Card.Body` injects its own scroll-area + viewport + inner-flex chain (see
|
|
12
|
-
* `bodyStyles.root` in `Card.styles.ts`), which wraps the children in an extra `<div>` that
|
|
13
|
-
* isolates them from any padding / gap a caller passes via spread props. We wrap the children
|
|
14
|
-
* in our own slot div so the body's `gap` and `padding` apply where the children actually live
|
|
15
|
-
* (i.e. as siblings) instead of getting redirected to the viewport. Mirrors `WithdrawFormBody`.
|
|
16
|
-
*/
|
|
17
|
-
declare function CashConfirmBody({
|
|
18
|
-
children,
|
|
19
|
-
...props
|
|
20
|
-
}?: CashConfirmBodyProps): _$react_jsx_runtime0.JSX.Element;
|
|
21
|
-
//#endregion
|
|
22
|
-
export { CashConfirmBody };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{Card as e}from"../../../../../../shared/ui/Card/Card.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as t}from"../CashConfirm.slots.js";import{styles as n}from"../CashConfirm.styles.js";import{useCashConfirmContext as r}from"../context.js";import{CashConfirmApplePayBody as i}from"./ApplePayBody.js";import{CashConfirmCardBody as a}from"./CardBody.js";import{CashConfirmGooglePayBody as o}from"./GooglePayBody.js";import{CashConfirmSummary as s}from"./Summary.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({children:r,...i}={}){return l(e.Body,{...i,children:l(`div`,{"data-stridge-slot":t.body,...d.props(n.body),children:r??l(p,{})})})}function p(){let e=r(`CashConfirm.Body`);return u(c,{children:[l(s,{}),m(e.cashMethod)]})}function m(e){return l(e===`applePay`?i:e===`googlePay`?o:a,{})}export{f as CashConfirmBody};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{text as e}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as t}from"../CashConfirm.slots.js";import{styles as n}from"../CashConfirm.styles.js";import{jsx as r}from"react/jsx-runtime";import*as i from"@stylexjs/stylex";function a({children:a}){return r(e.span,{size:`2xs`,fontWeight:`semibold`,tracking:`widest`,transform:`uppercase`,color:`subdued`,"data-stridge-slot":t.bodyLabel,...i.props(n.bodyLabel),children:a})}export{a as BodyLabel};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { CashConfirmMethodBodyProps } from "../types.js";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/flows/deposit/widgets/cash-confirm/compound/components/CardBody.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Card-method confirm body. Loading renders a `CARD DETAILS` label + a 44-tall skeleton block +
|
|
7
|
-
* a "Loading secure card input..." hint + a disabled "Pay Now" CTA. Ready renders the same label
|
|
8
|
-
* + the editable {@link CardInputRow} (brand glyph + PAN + MM/YY + CVC + its own "Pay {amount}
|
|
9
|
-
* securely" CTA — the row owns the wrapping `<form>` so browser-native saved-card autofill
|
|
10
|
-
* engages).
|
|
11
|
-
*/
|
|
12
|
-
declare function CashConfirmCardBody({
|
|
13
|
-
disabled
|
|
14
|
-
}?: CashConfirmMethodBodyProps): _$react_jsx_runtime0.JSX.Element;
|
|
15
|
-
//#endregion
|
|
16
|
-
export { CashConfirmCardBody };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import{useLingui as t}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{Button as n}from"../../../../../../shared/ui/Button/Button.js";import{Skeleton as r}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import"../../../../../../shared/ui/Skeleton/index.js";import{text as i}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as a}from"../CashConfirm.slots.js";import{styles as o}from"../CashConfirm.styles.js";import{cashConfirmDimensions as s}from"../cashConfirmDimensions.js";import{useCashConfirmContext as c}from"../context.js";import{BodyLabel as l}from"./BodyLabel.js";import{CardInputRow as u}from"./CardInputRow.js";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import*as m from"@stylexjs/stylex";function h({disabled:h=!1}={}){let{_:g}=t(),{phase:_,amount:v}=c(`CashConfirm.CardBody`),y=_.kind===`loading`;return p(`div`,{"data-stridge-slot":a.methodBody,...m.props(o.methodBody),children:[f(l,{children:f(e,{id:`iROlQr`,message:`Card details`})}),y?p(d,{children:[f(r,{width:`100%`,height:s.ctaHeight,radius:s.cardRowRadius}),f(i.span,{size:`xs`,leading:`tight`,color:`subdued`,...m.props(o.bodyHint),children:f(e,{id:`YKfMl6`,message:`Loading secure card input...`})}),f(n,{size:`cta`,disabled:!0,"aria-label":g({id:`PknXwq`,message:`Pay Now`}),"data-stridge-slot":a.cta,...m.props(o.cta),children:f(i.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,color:`inherit`,children:f(e,{id:`PknXwq`,message:`Pay Now`})})})]}):f(u,{amount:v,disabled:h})]})}export{h as CashConfirmCardBody};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{AmexIcon as e}from"../../../../../../shared/icons/AmexIcon.js";import{CardIcon as t}from"../../../../../../shared/icons/CardIcon.js";import{DiscoverIcon as n}from"../../../../../../shared/icons/DiscoverIcon.js";import{MastercardIcon as r}from"../../../../../../shared/icons/MastercardIcon.js";import{VisaIcon as i}from"../../../../../../shared/icons/VisaIcon.js";import"../../../../../../icons/index.js";function a(a){return a===`visa`?i:a===`mastercard`?r:a===`amex`?e:a===`discover`?n:t}export{a as pickBrandIcon};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{useKitI18n as e}from"../../../../../../shared/i18n/useKitI18n.js";import{Trans as t}from"../../../../../../shared/i18n/Trans.js";import{useLingui as n}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{DEFAULT_TOKENIZE_CARD as ee,useDepositBindingsRef as r}from"../../../../bindings/DepositBindings.js";import"../../../../bindings/index.js";import{formatUsd as i}from"../../../../../../shared/format/formatUsd.js";import{Button as a}from"../../../../../../shared/ui/Button/Button.js";import{text as te}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as o}from"../CashConfirm.slots.js";import{SUBMIT_SUCCESS_HOLD_MS as ne}from"../../mocks.js";import{pickBrandIcon as s}from"./CardInputRow.icons.js";import{expDigitCount as c,handleSegmentedKey as l}from"./CardInputRow.keys.js";import{cvcLengthForBrand as u,getCvcError as d,getExpError as f,getPanError as re,isValidCvc as ie,isValidExp as ae,isValidPan as p,panMaxChars as m}from"./cardFormat.js";import{cardInputRowReducer as h,initialCardInputRowState as g}from"./CardInputRow.state.js";import{styles as _}from"./CardInputRow.styles.js";import{useEffect as v,useId as oe,useMemo as se,useReducer as ce,useRef as y}from"react";import{jsx as b,jsxs as x}from"react/jsx-runtime";import*as S from"@stylexjs/stylex";function C({amount:C,disabled:w=!1}){let{_:T}=n(),E=i(C,e(),{showSmallValueClamp:!1}),[D,O]=ce(h,g),k=r(),A=y(null),j=y(null),M=y(null),N=y(null),P=y(null),F=oe(),I=y(!0),L=y(!1),R=y(null);v(()=>(I.current=!0,()=>{I.current=!1,R.current!==null&&(clearTimeout(R.current),R.current=null)}),[]);let z=s(D.brand),B=m(D.brand),V=u(D.brand),H=se(()=>new Date,[]),le=p(D.pan,D.brand),U=ae(D.exp,H),W=ie(D.cvc,D.brand),G=le&&U&&W,K=D.touchedPan?re(D.pan,D.brand):null,q=D.touchedExp?f(D.exp,H):null,J=D.touchedCvc?d(D.cvc,D.brand):null;function ue(){return D.submitError?D.submitError:K===`incomplete`?T({id:`SMl3YV`,message:`Card number is incomplete`}):K===`invalid`?T({id:`meq3YR`,message:`Card number is invalid`}):q===`incomplete`?T({id:`YruUmm`,message:`Expiry date is incomplete`}):q===`expired`?T({id:`yMg5R0`,message:`Card has expired`}):q===`invalid`?T({id:`DO0IYK`,message:`Expiry date is invalid`}):J===`incomplete`?T({id:`64M0UA`,message:`Security code is incomplete`}):null}let Y=ue(),X=y(!1);v(()=>{let e=p(D.pan,D.brand),t=!X.current&&e;X.current=e,t&&(typeof document>`u`||document.activeElement===A.current&&j.current?.focus())},[D.pan,D.brand]);let Z=y(0);v(()=>{let e=c(D.exp),t=Z.current<4&&e===4;Z.current=e,t&&(typeof document>`u`||document.activeElement===j.current&&M.current?.focus())},[D.exp]);let de=async e=>{if(e.preventDefault(),L.current||!G||D.submitting||D.submitted||D.submitError!==null)return;L.current=!0,O({type:`submit-start`});let t={pan:D.pan.replace(/\s/g,``),exp:D.exp,cvc:D.cvc,brand:D.brand},n=k.current.tokenizeCard??ee,r;try{r=await n(t)}catch(e){r={ok:!1,reason:e instanceof Error?e.message:`Tokenization failed`}}if(!I.current){L.current=!1;return}r.ok?(O({type:`submit-success`}),R.current=setTimeout(()=>{R.current=null,I.current&&(L.current=!1,O({type:`submit-reset`}))},ne)):(L.current=!1,O({type:`submit-error`,reason:r.reason}))},Q=D.submitting||D.submitted,fe=w||!G||D.submitting||D.submitted||D.submitError!==null;function pe(){return D.submitError?null:K?`pan`:q?`exp`:J?`cvc`:null}let $=pe(),me=$===`pan`?F:void 0,he=$===`exp`?F:void 0,ge=$===`cvc`?F:void 0;return x(`form`,{onSubmit:de,autoComplete:`off`,"data-stridge-slot":o.cardForm,...S.props(_.form),children:[x(`div`,{...S.props(_.row,!!Y&&_.rowError),children:[b(`span`,{tabIndex:-1,"aria-hidden":`true`,...S.props(_.brandSlot),children:b(z,{...S.props(_.brandIcon)})}),b(`input`,{ref:A,type:`text`,autoComplete:`off`,inputMode:`numeric`,maxLength:B,placeholder:`1234 5678 9012 3456`,"aria-label":T({id:`xHIEQ5`,message:`Card number`}),"aria-invalid":K?!0:void 0,"aria-describedby":me,value:D.pan,disabled:Q,onChange:e=>O({type:`pan-change`,raw:e.target.value}),onBlur:()=>O({type:`pan-blur`}),onKeyDown:e=>l(e,j,N),"data-stridge-slot":o.cardPan,...S.props(_.inputBase,_.panInput)}),b(`input`,{ref:j,type:`text`,autoComplete:`off`,inputMode:`numeric`,maxLength:5,placeholder:`MM/YY`,"aria-label":T({id:`bGtkfz`,message:`Card expiration`}),"aria-invalid":q?!0:void 0,"aria-describedby":he,value:D.exp,disabled:Q,onChange:e=>O({type:`exp-change`,raw:e.target.value}),onBlur:()=>O({type:`exp-blur`}),onKeyDown:e=>l(e,M,A),"data-stridge-slot":o.cardExp,...S.props(_.inputBase,_.expInput)}),b(`input`,{ref:M,type:`text`,autoComplete:`off`,inputMode:`numeric`,maxLength:V,placeholder:`CVC`,"aria-label":T({id:`wLmRnI`,message:`Security code`}),"aria-invalid":J?!0:void 0,"aria-describedby":ge,value:D.cvc,disabled:Q,onChange:e=>O({type:`cvc-change`,raw:e.target.value}),onBlur:()=>O({type:`cvc-blur`}),onKeyDown:e=>l(e,P,j),"data-stridge-slot":o.cardCvc,...S.props(_.inputBase,_.cvcInput)})]}),Y?b(`span`,{id:F,role:`status`,"aria-live":`polite`,...S.props(_.errorText),children:Y}):null,D.submitted?b(`span`,{role:`status`,...S.props(_.successText),children:b(t,{id:`XFvFyp`,message:`Card details submitted`})}):null,b(a,{type:`submit`,size:`cta`,disabled:fe,"aria-label":T({id:`I2Iug_`,message:`Pay {amountFormatted} securely`,values:{amountFormatted:E}}),"data-stridge-slot":o.cta,...S.props(_.cta),children:b(te.span,{size:`callout`,fontWeight:`semibold`,leading:`tight`,color:`inherit`,children:b(t,{id:`I2Iug_`,message:`Pay {amountFormatted} securely`,values:{amountFormatted:E}})})})]})}export{C as CardInputRow};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function e(e){return e.replace(/\D/g,``).length}function t(e,t,n){if(e.key===`Tab`){let r=e.shiftKey?n.current:t.current;if(!r)return;e.preventDefault(),r.focus();return}if(e.shiftKey)return;let r=e.currentTarget;if(r.selectionStart===r.selectionEnd){if(e.key===`ArrowRight`){if(r.selectionStart!==r.value.length)return;let n=t.current;if(!n)return;e.preventDefault(),n.focus(),n.setSelectionRange(0,0);return}if(e.key===`ArrowLeft`){if(r.selectionStart!==0)return;let t=n.current;if(!t)return;e.preventDefault(),t.focus();let i=t.value.length;t.setSelectionRange(i,i)}}}export{e as expDigitCount,t as handleSegmentedKey};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{assertNever as e}from"../../../../../../shared/utils/assertNever.js";import{detectBrand as t,formatCvc as n,formatExp as r,formatPan as i}from"./cardFormat.js";const a={pan:``,exp:``,cvc:``,brand:`unknown`,touchedPan:!1,touchedExp:!1,touchedCvc:!1,submitting:!1,submitted:!1,submitError:null};function o(a,o){if(o.type===`pan-change`){let e=t(o.raw),r=e===a.brand?a.cvc:n(a.cvc,e);return{...a,pan:i(o.raw,e),brand:e,cvc:r,submitError:null}}return o.type===`exp-change`?{...a,exp:r(o.raw),submitError:null}:o.type===`cvc-change`?{...a,cvc:n(o.raw,a.brand),submitError:null}:o.type===`pan-blur`?{...a,touchedPan:!0}:o.type===`exp-blur`?{...a,touchedExp:!0}:o.type===`cvc-blur`?{...a,touchedCvc:!0}:o.type===`submit-start`?{...a,submitting:!0,submitError:null}:o.type===`submit-success`?{...a,submitting:!1,submitted:!0}:o.type===`submit-error`?{...a,submitting:!1,submitError:o.reason}:o.type===`submit-reset`?{...a,submitted:!1}:e(o)}export{o as cardInputRowReducer,a as initialCardInputRowState};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={form:{"CardInputRow__styles.form":`CardInputRow__styles.form`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,"margin-kogj98":`x1ghz6dp`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:15`},row:{"CardInputRow__styles.row":`CardInputRow__styles.row`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`x1q0g3np`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`x1fk34n2`,"backgroundColor-kWkggS":`x407w7c`,"borderColor-kVAM5u":`x1bue7yx`,"borderStyle-ksu8eU":`x1y0btm7`,"borderWidth-kMzoRj":`xmkeg23`,"borderRadius-kaIpWk":`x13pkpm2`,"transitionProperty-k1ekBW":`xshfolx`,"transitionDuration-kIyJzY":`x1vhb3u9`,"transitionTimingFunction-kAMwcw":`x9lcvmn`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:21`},rowError:{"CardInputRow__styles.rowError":`CardInputRow__styles.rowError`,"borderColor-kVAM5u":`x16691aj`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:37`},brandSlot:{"CardInputRow__styles.brandSlot":`CardInputRow__styles.brandSlot`,"display-k1xSpc":`x3nfvp2`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x1qx5ct2`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:40`},brandIcon:{"CardInputRow__styles.brandIcon":`CardInputRow__styles.brandIcon`,"width-kzqmXN":`xh8yej3`,"height-kZKoxP":`x5yr21d`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:49`},inputBase:{"CardInputRow__styles.inputBase":`CardInputRow__styles.inputBase`,"appearance-kysU6D":`xjyslct`,"backgroundColor-kWkggS":`xjbqb8w`,"borderWidth-kMzoRj":`xc342km`,"outlineStyle-k3XXqK":`x1t137rt`,"padding-kmVPX3":`x1717udv`,"margin-kogj98":`x1ghz6dp`,"color-kMwMTN":`xzn0pkc`,"caretColor-knGrYV":`xv247kb`,"fontFamily-kMv6JI":`xlaww2m`,"fontSize-kGuDYH":`x14qa7mu`,"fontWeight-k63SB2":`xi0sa8g`,"lineHeight-kLWn49":`x1u7k74`,"fontVariantNumeric-kcqcaj":`xss6m8b`,"::placeholder_color-k8Qsv1":`x16nik3i`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:53`},panInput:{"CardInputRow__styles.panInput":`CardInputRow__styles.panInput`,"flexGrow-kzQI83":`x1iyjqo2`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:71`},expInput:{"CardInputRow__styles.expInput":`CardInputRow__styles.expInput`,"width-kzqmXN":`xig3uv9`,"flexShrink-kmuXW":`x2lah0s`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:75`},cvcInput:{"CardInputRow__styles.cvcInput":`CardInputRow__styles.cvcInput`,"width-kzqmXN":`x1bu4hv2`,"flexShrink-kmuXW":`x2lah0s`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:80`},errorText:{"CardInputRow__styles.errorText":`CardInputRow__styles.errorText`,"display-k1xSpc":`x1lliihq`,"fontSize-kGuDYH":`x1oae1zf`,"color-kMwMTN":`xreodjm`,"margin-kogj98":`x1ghz6dp`,"paddingInlineStart-kZCmMZ":`x1qntkwk`,"lineHeight-kLWn49":`x1u7k74`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:85`},successText:{"CardInputRow__styles.successText":`CardInputRow__styles.successText`,"display-k1xSpc":`x1lliihq`,"fontSize-kGuDYH":`x1oae1zf`,"color-kMwMTN":`xwiqrka`,"margin-kogj98":`x1ghz6dp`,"paddingInlineStart-kZCmMZ":`x1qntkwk`,"lineHeight-kLWn49":`x1u7k74`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:93`},cta:{"CardInputRow__styles.cta":`CardInputRow__styles.cta`,"alignSelf-kSGwAc":`xkh2ocl`,"borderWidth-kMzoRj":`xc342km`,"cursor-kkrTdU":`x1ypdohk`,$$css:`@stridge/kit:src/flows/deposit/widgets/cash-confirm/compound/components/CardInputRow.styles.ts:101`}};export{e as styles};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/flows/deposit/widgets/cash-confirm/compound/components/GooglePayBody.d.ts
|
|
4
|
-
/**
|
|
5
|
-
* Google-Pay confirm body. Loading paints a `TAP TO PAY` label above a 44-tall pill-radius
|
|
6
|
-
* skeleton in place of the button. Ready replaces the skeleton with a kit-tokened pill carrying
|
|
7
|
-
* the Google Pay icon + "Buy with Google Pay" lockup, followed by a "Confirm in your Google
|
|
8
|
-
* Wallet" helper below. Click is a no-op stub — no `PaymentRequest` SDK negotiation, no payment
|
|
9
|
-
* intent; a real merchant integration will replace this surface.
|
|
10
|
-
*
|
|
11
|
-
* Shares the `[BodyLabel] → [action] → [helper below]` rhythm with `CardConfirmBody` and
|
|
12
|
-
* `ApplePayConfirmBody` so the three per-method bodies read in lockstep.
|
|
13
|
-
*/
|
|
14
|
-
declare function CashConfirmGooglePayBody(): _$react_jsx_runtime0.JSX.Element;
|
|
15
|
-
//#endregion
|
|
16
|
-
export { CashConfirmGooglePayBody };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import{useLingui as t}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{GooglePayIcon as n}from"../../../../../../shared/icons/GooglePayIcon.js";import"../../../../../../icons/index.js";import{Skeleton as r}from"../../../../../../shared/ui/Skeleton/Skeleton.js";import"../../../../../../shared/ui/Skeleton/index.js";import{text as i}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as a}from"../CashConfirm.slots.js";import{styles as o}from"../CashConfirm.styles.js";import{cashConfirmDimensions as s}from"../cashConfirmDimensions.js";import{useCashConfirmContext as c}from"../context.js";import{BodyLabel as l}from"./BodyLabel.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p(){let{_:p}=t(),{phase:m}=c(`CashConfirm.GooglePayBody`),h=m.kind===`loading`,g=()=>{};return d(`div`,{"data-stridge-slot":a.methodBody,...f.props(o.methodBody),children:[u(l,{children:u(e,{id:`6ja7nr`,message:`Tap to pay`})}),h?u(r,{width:`100%`,height:s.ctaHeight,radius:s.googlePayPillRadius}):d(`button`,{type:`button`,onClick:g,"aria-label":p({id:`Qdn2XH`,message:`Buy with Google Pay`}),"data-stridge-slot":a.googlePayButton,...f.props(o.googlePayButton),children:[u(n,{"aria-hidden":!0,...f.props(o.googlePayIcon)}),u(i.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,color:`inherit`,children:u(e,{id:`Qdn2XH`,message:`Buy with Google Pay`})})]}),u(i.p,{size:`sm`,leading:`tight`,color:`subdued`,...f.props(o.bodyHint),children:u(e,{id:`t-aixw`,message:`Confirm in your Google Wallet`})})]})}export{p as CashConfirmGooglePayBody};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { CashConfirmHeaderProps } from "../types.js";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/flows/deposit/widgets/cash-confirm/compound/components/Header.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Header row for the per-method cash confirm screen. Renders a back affordance + "Pay with
|
|
7
|
-
* {method}" title in a left-aligned cluster, and the dialog close button as the trailing
|
|
8
|
-
* element. Mirrors `TransferCryptoHeader` / `WithdrawFormHeader` so all three back-bearing
|
|
9
|
-
* flow headers share the same chrome rhythm.
|
|
10
|
-
*
|
|
11
|
-
* Titles are inlined as `<Trans>` rather than computed in a helper because Lingui's macro
|
|
12
|
-
* extractor only recognises `t` as the destructured identifier from {@link useLingui} when the
|
|
13
|
-
* call sits in the component scope — pushing the cascade into a helper that takes `t` as a
|
|
14
|
-
* parameter loses the binding and the strings drop from the catalog.
|
|
15
|
-
*/
|
|
16
|
-
declare function CashConfirmHeader({
|
|
17
|
-
title,
|
|
18
|
-
onBack
|
|
19
|
-
}?: CashConfirmHeaderProps): _$react_jsx_runtime0.JSX.Element;
|
|
20
|
-
//#endregion
|
|
21
|
-
export { CashConfirmHeader };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{Trans as e}from"../../../../../../shared/i18n/Trans.js";import{useLingui as t}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{ChevronLeftIcon as n}from"../../../../../../shared/icons/ChevronLeftIcon.js";import"../../../../../../icons/index.js";import{IconButton as r}from"../../../../../../shared/ui/IconButton/IconButton.js";import{Dialog as i}from"../../../../../../shared/ui/Dialog/Dialog.js";import"../../../../../../shared/ui/Dialog/index.js";import{Card as a}from"../../../../../../shared/ui/Card/Card.js";import{text as o}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{CASH_CONFIRM_SLOTS as s}from"../CashConfirm.slots.js";import{styles as c}from"../CashConfirm.styles.js";import{useCashConfirmContext as l}from"../context.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";function p({title:p,onBack:m}={}){let h=l(`CashConfirm.Header`),{_:g}=t(),_=m===null?void 0:m??h.onBack,v=p??(h.cashMethod===`applePay`?u(e,{id:`WsByvK`,message:`Pay with Apple Pay`}):h.cashMethod===`googlePay`?u(e,{id:`1zDzn9`,message:`Pay with Google Pay`}):u(e,{id:`bAy57M`,message:`Pay with Card`}));return d(a.Header,{"data-stridge-slot":s.header,...f.props(c.header),children:[d(`div`,{...f.props(c.headerLeft),children:[typeof _==`function`?u(r,{"aria-label":g({id:`iH8pgl`,message:`Back`}),onClick:_,children:u(n,{"aria-hidden":!0,...f.props(c.backIcon)})}):null,u(o.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,...f.props(c.headerTitle),children:v})]}),u(i.CloseButton,{})]})}export{p as CashConfirmHeader};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { CashConfirmSummaryProps } from "../types.js";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/flows/deposit/widgets/cash-confirm/compound/components/Summary.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Read-only summary card sitting above the per-method body. Renders two static rows (Top up on /
|
|
7
|
-
* Total) followed by a `Collapsible` whose trigger shows "View breakdown ⌄" and whose panel
|
|
8
|
-
* reveals four `computeMockCashBreakdown`-driven rows when expanded.
|
|
9
|
-
*
|
|
10
|
-
* Reuses `computeMockCashBreakdown` directly so the rows replay what the user saw on
|
|
11
|
-
* `cashAmountEntry`; no duplicate fixture is introduced.
|
|
12
|
-
*/
|
|
13
|
-
declare function CashConfirmSummary({
|
|
14
|
-
brandName: brandNameOverride
|
|
15
|
-
}?: CashConfirmSummaryProps): _$react_jsx_runtime0.JSX.Element;
|
|
16
|
-
//#endregion
|
|
17
|
-
export { CashConfirmSummary };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{useKitI18n as e}from"../../../../../../shared/i18n/useKitI18n.js";import{Trans as t}from"../../../../../../shared/i18n/Trans.js";import{useLingui as n}from"../../../../../../shared/i18n/useLingui.js";import"../../../../../../i18n/index.js";import{formatUsd as r}from"../../../../../../shared/format/formatUsd.js";import{ChevronRightIcon as i}from"../../../../../../shared/icons/ChevronRightIcon.js";import"../../../../../../icons/index.js";import{Card as a}from"../../../../../../shared/ui/Card/Card.js";import{Collapsible as o}from"../../../../../../shared/ui/Collapsible/Collapsible.js";import{text as s}from"../../../../../../shared/ui/Text/Text.js";import"../../../../../../ui/index.js";import{MOCK_RECEIVE_TOKEN as c,computeMockCashBreakdown as l}from"../../../../shared/cash.js";import{CASH_CONFIRM_SLOTS as u}from"../CashConfirm.slots.js";import{styles as d}from"../CashConfirm.styles.js";import{useCashConfirmContext as f}from"../context.js";import{useDirectionalChevronTransform as p}from"../../../../../../shared/dialog/useDirectionalChevronTransform.js";import{useMemo as m,useState as h}from"react";import{jsx as g,jsxs as _}from"react/jsx-runtime";import*as v from"@stylexjs/stylex";function y({brandName:i}={}){let{_:p}=n(),y=e(),{amount:S,cashMethod:C,brandName:w}=f(`CashConfirm.Summary`),[T,E]=h(!1),D=i??w,O=m(()=>{let e=l(S,C);return{totalUsd:r(S,y,{showSmallValueClamp:!1}),subtotalUsd:r(e.amountUsd,y,{showSmallValueClamp:!1}),rate:r(e.rate,y,{showSmallValueClamp:!1}),processing:r(e.processingFeeUsd,y,{showSmallValueClamp:!1}),network:r(e.networkFeeUsd,y,{showSmallValueClamp:!1})}},[S,C,y]);return _(a,{variant:`default`,"data-stridge-slot":u.summary,...v.props(d.summary),children:[_(`div`,{"data-stridge-slot":u.summaryStaticRow,...v.props(d.summaryStaticRow),children:[g(s.span,{size:`sm`,leading:`tight`,"data-stridge-slot":u.summaryRowLabel,...v.props(d.summaryLabel),children:g(t,{id:`HalPBQ`,message:`Top up on`})}),g(s.span,{size:`sm`,leading:`tight`,"data-stridge-slot":u.summaryRowValue,...v.props(d.summaryValue),children:D??``})]}),_(`div`,{"data-stridge-slot":u.summaryStaticRow,...v.props(d.summaryStaticRow),children:[g(s.span,{size:`sm`,leading:`tight`,"data-stridge-slot":u.summaryRowLabel,...v.props(d.summaryLabel),children:g(t,{id:`72c5Qo`,message:`Total`})}),g(s.span,{size:`sm`,leading:`tight`,"data-stridge-slot":u.summaryRowValue,...v.props(d.summaryValue),children:O.totalUsd})]}),_(o,{open:T,onOpenChange:E,children:[g(o.Trigger,{render:(e,{open:n})=>_(`button`,{type:`button`,"data-stridge-slot":u.breakdownTrigger,...e,children:[g(s.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`inherit`,children:n?g(t,{id:`t1k2Bt`,message:`Hide breakdown`}):g(t,{id:`3qkDVZ`,message:`View breakdown`})}),g(b,{open:n})]}),"aria-label":p(T?{id:`t1k2Bt`,message:`Hide breakdown`}:{id:`3qkDVZ`,message:`View breakdown`}),...v.props(d.breakdownTrigger)}),g(o.Panel,{children:_(`div`,{"data-stridge-slot":u.summaryBreakdown,...v.props(d.breakdownPanel),children:[g(x,{label:g(t,{id:`hehnjM`,message:`Amount`}),value:O.subtotalUsd}),g(x,{label:g(t,{id:`vepIdX`,message:`Crypto price`}),value:g(t,{id:`eUbBqz`,message:`1 {0} = {1}`,values:{0:c.symbol,1:O.rate}})}),g(x,{label:g(t,{id:`QFwptY`,message:`Processing fee`}),value:`− ${O.processing}`}),g(x,{label:g(t,{id:`y62Dys`,message:`Network fee`}),value:`− ${O.network}`})]})})]})]})}function b({open:e}){let t=p(e);return g(i,{"aria-hidden":!0,"data-stridge-slot":u.breakdownChevron,style:{transform:t},...v.props(d.breakdownChevron)})}function x({label:e,value:t}){return _(`div`,{"data-stridge-slot":u.breakdownRow,...v.props(d.breakdownRow),children:[g(s.span,{size:`xs`,leading:`tight`,"data-stridge-slot":u.breakdownRowLabel,...v.props(d.breakdownLabel),children:e}),g(s.span,{size:`xs`,leading:`tight`,"data-stridge-slot":u.breakdownRowValue,...v.props(d.breakdownValue),children:t})]})}export{y as CashConfirmSummary};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function e(e){return e.replace(/\D/g,``)}function t(t){let n=e(t);if(n.length===0)return`unknown`;if(n[0]===`4`)return`visa`;if(n.length>=2){let e=n.slice(0,2);if(e===`34`||e===`37`)return`amex`;let t=Number.parseInt(e,10);if(t>=51&&t<=55)return`mastercard`;if(e===`65`)return`discover`}if(n.length>=4){let e=Number.parseInt(n.slice(0,4),10);if(e>=2221&&e<=2720)return`mastercard`;if(n.slice(0,4)===`6011`)return`discover`}if(n.length>=3){let e=Number.parseInt(n.slice(0,3),10);if(e>=644&&e<=649)return`discover`}return`unknown`}function n(e){return e===`amex`?[15]:e===`visa`?[13,16,19]:e===`discover`?[16,19]:[16]}function r(e){return e===`amex`?4:3}function i(t,r){let i=Math.max(...n(r)),a=e(t).slice(0,i);if(r===`amex`)return[a.slice(0,4),a.slice(4,10),a.slice(10,15)].filter(e=>e.length>0).join(` `);let o=[];for(let e=0;e<a.length;e+=4)o.push(a.slice(e,e+4));return o.join(` `)}function a(t){let n=e(t).slice(0,4);return n.length<=2?n:`${n.slice(0,2)}/${n.slice(2)}`}function o(t,n){return e(t).slice(0,r(n))}function s(e){if(e===`amex`)return 17;let t=Math.max(...n(e));return t+Math.floor((t-1)/4)}function c(t){let n=e(t);if(n.length===0)return!1;let r=0,i=!1;for(let e=n.length-1;e>=0;e--){let t=Number.parseInt(n[e]??`0`,10);i&&(t*=2,t>9&&(t-=9)),r+=t,i=!i}return r%10==0}function l(t,r){let i=e(t);return n(r).includes(i.length)?c(i):!1}function u(t,n=new Date){let r=e(t);if(r.length!==4)return!1;let i=Number.parseInt(r.slice(0,2),10),a=2e3+Number.parseInt(r.slice(2,4),10);if(i<1||i>12)return!1;let o=n.getFullYear(),s=n.getMonth()+1;return!(a<o||a===o&&i<s)}function d(t,n){return e(t).length===r(n)}function f(t,r){let i=e(t);return i.length===0?null:n(r).includes(i.length)?c(i)?null:`invalid`:`incomplete`}function p(t,n=new Date){let r=e(t);if(r.length===0)return null;if(r.length<4)return`incomplete`;let i=Number.parseInt(r.slice(0,2),10);if(i<1||i>12)return`invalid`;let a=2e3+Number.parseInt(r.slice(2,4),10),o=n.getFullYear(),s=n.getMonth()+1;return a<o||a===o&&i<s?`expired`:null}function m(t,n){let i=e(t);return i.length===0?null:i.length<r(n)?`incomplete`:null}export{r as cvcLengthForBrand,t as detectBrand,o as formatCvc,a as formatExp,i as formatPan,m as getCvcError,p as getExpError,f as getPanError,d as isValidCvc,u as isValidExp,l as isValidPan,s as panMaxChars};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { CashConfirmBodyProps, CashConfirmDialogProps, CashConfirmHeaderProps, CashConfirmMethodBodyProps, CashConfirmProps, CashConfirmSummaryProps } from "./types.js";
|
|
2
|
-
import { CashConfirm } from "./CashConfirm.js";
|
|
3
|
-
import { CASH_CONFIRM_SLOTS, CashConfirmSlot } from "./CashConfirm.slots.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"./CashConfirm.slots.js";import"./CashConfirm.js";
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { CashConfirmPhase, CashMethodId } from "../../../orchestrator/types.js";
|
|
2
|
-
import { DialogShellControls } from "../../../../../shared/dialog/DialogShell.js";
|
|
3
|
-
import { ComponentProps, ReactNode } from "react";
|
|
4
|
-
|
|
5
|
-
//#region src/flows/deposit/widgets/cash-confirm/compound/types.d.ts
|
|
6
|
-
/**
|
|
7
|
-
* Public props accepted by the {@link CashConfirm} compound root. Mirrors {@link ConfirmTransfer}
|
|
8
|
-
* in shape — required FSM-derived data on the root + optional callbacks the orchestrated wrapper
|
|
9
|
-
* supplies. Standalone compositions feed these directly.
|
|
10
|
-
*/
|
|
11
|
-
interface CashConfirmProps extends ComponentProps<"div"> {
|
|
12
|
-
/** Per-method confirm phase. Drives the loading/ready surface inside the per-method bodies. */
|
|
13
|
-
phase: CashConfirmPhase;
|
|
14
|
-
/** Cash method picked on the previous step. */
|
|
15
|
-
cashMethod: CashMethodId;
|
|
16
|
-
/** USD amount the user is paying. */
|
|
17
|
-
amount: number;
|
|
18
|
-
/** Brand name for the summary card's "Top up on" row. */
|
|
19
|
-
brandName?: string;
|
|
20
|
-
/** Back-affordance handler. When omitted, the header renders without the back button. */
|
|
21
|
-
onBack?: () => void;
|
|
22
|
-
/**
|
|
23
|
-
* Optional custom composition. When omitted, the canonical default composition renders —
|
|
24
|
-
* `<Header />` + `<Body>` (which auto-renders `<Summary />` + the cashMethod-branched per-method
|
|
25
|
-
* body). Pass children to interleave your own elements between compound parts or replace the
|
|
26
|
-
* composition entirely.
|
|
27
|
-
*/
|
|
28
|
-
children?: ReactNode;
|
|
29
|
-
}
|
|
30
|
-
/** Props for {@link CashConfirm.Header}. */
|
|
31
|
-
interface CashConfirmHeaderProps {
|
|
32
|
-
/** Override the default `Pay with <method>` title resolved from context. */
|
|
33
|
-
title?: ReactNode;
|
|
34
|
-
/**
|
|
35
|
-
* Override the context's `onBack`. Pass `null` explicitly to suppress the back affordance
|
|
36
|
-
* even when the context provides one.
|
|
37
|
-
*/
|
|
38
|
-
onBack?: (() => void) | null;
|
|
39
|
-
}
|
|
40
|
-
/** Props for {@link CashConfirm.Body}. */
|
|
41
|
-
interface CashConfirmBodyProps extends ComponentProps<"div"> {
|
|
42
|
-
/**
|
|
43
|
-
* Optional custom composition. When omitted, Body auto-renders `<Summary />` plus the
|
|
44
|
-
* cashMethod-branched per-method body. Pass children to override either or both.
|
|
45
|
-
*/
|
|
46
|
-
children?: ReactNode;
|
|
47
|
-
}
|
|
48
|
-
/** Props for {@link CashConfirm.Summary}. */
|
|
49
|
-
interface CashConfirmSummaryProps {
|
|
50
|
-
/** Override the context's `brandName` for the "Top up on" row value. */
|
|
51
|
-
brandName?: string;
|
|
52
|
-
}
|
|
53
|
-
/** Shared props for the per-method body parts. They read `phase` and `amount` from context. */
|
|
54
|
-
interface CashConfirmMethodBodyProps {
|
|
55
|
-
/** When `true`, the body's CTA is rendered disabled. Standalone consumers use this; the
|
|
56
|
-
* orchestrated wrapper leaves it unset because the FSM owns the readiness signal. */
|
|
57
|
-
disabled?: boolean;
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* Props for `<CashConfirm.Dialog>` — the dialog form of the CashConfirm widget. Combines the
|
|
61
|
-
* widget root props with the shared dialog shell controls (`open` / `defaultOpen` /
|
|
62
|
-
* `onOpenChange` / `trigger`).
|
|
63
|
-
*/
|
|
64
|
-
type CashConfirmDialogProps = CashConfirmProps & DialogShellControls;
|
|
65
|
-
//#endregion
|
|
66
|
-
export { CashConfirmBodyProps, CashConfirmDialogProps, CashConfirmHeaderProps, CashConfirmMethodBodyProps, CashConfirmProps, CashConfirmSummaryProps };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import { CashConfirm } from "./CashConfirm.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"./CashConfirm.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=1500,t=1500;export{e as LOADING_TRANSITION_MS,t as SUBMIT_SUCCESS_HOLD_MS};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { SVGProps } from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/shared/icons/AmexIcon.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* American Express monochrome wordmark — silhouette letterforms in `currentColor`. Used as the
|
|
7
|
-
* detected-brand glyph in the cash deposit's `CardInputRow` when `detectBrand(pan)` returns
|
|
8
|
-
* `"amex"`. Full-colour Amex brand lockups (the blue rectangle with white wordmark) are
|
|
9
|
-
* reserved for integrators with brand approval; this kit ships the silhouette wordmark for
|
|
10
|
-
* trademark safety.
|
|
11
|
-
*/
|
|
12
|
-
declare function AmexIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
|
|
13
|
-
//#endregion
|
|
14
|
-
export { AmexIcon };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:32,height:20,viewBox:`0 0 32 20`,fill:`currentColor`,...t,children:e(`text`,{x:`16`,y:`14.5`,textAnchor:`middle`,fontFamily:`-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`,fontSize:`10`,fontWeight:`900`,letterSpacing:`0.2`,children:`AMEX`})})}export{t as AmexIcon};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { SVGProps } from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/shared/icons/ApplePayIcon.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Apple glyph — the bitten-apple silhouette, filled with `currentColor`.
|
|
7
|
-
* Used as the themed monochrome glyph for the cash rail's Apple Pay method
|
|
8
|
-
* in `Deposit.Method`. The full Apple Pay button lockup is reserved for
|
|
9
|
-
* integrators with Apple brand approval, who pass the official mark through
|
|
10
|
-
* the `DepositMethodInput.icon` override prop. The `Pay` suffix on the
|
|
11
|
-
* identifier disambiguates this from non-payment uses of the Apple brand.
|
|
12
|
-
*/
|
|
13
|
-
declare function ApplePayIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
|
|
14
|
-
//#endregion
|
|
15
|
-
export { ApplePayIcon };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`currentColor`,...t,children:e(`path`,{d:`M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.84 1.18-.21 2.31-.92 3.57-.84 1.5.12 2.65.72 3.4 1.8-3.12 1.87-2.62 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.04zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z`})})}export{t as ApplePayIcon};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { SVGProps } from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/shared/icons/CashIcon.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Dollar-sign glyph — open $ stroke. Used as the iconographic shorthand
|
|
7
|
-
* for the cash (fiat) payment rail in `Deposit.RailPicker`. Reserved
|
|
8
|
-
* for surfaces that represent "cash" as a category; for a specific
|
|
9
|
-
* currency, prefer the appropriate locale-aware symbol instead.
|
|
10
|
-
*
|
|
11
|
-
* SVG path mirrors the `dollar-sign` icon from lucide (MIT) — inlined
|
|
12
|
-
* because `@stridge/kit` must not depend on `lucide-react`.
|
|
13
|
-
*/
|
|
14
|
-
declare function CashIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
|
|
15
|
-
//#endregion
|
|
16
|
-
export { CashIcon };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,...n,children:[e(`line`,{x1:12,x2:12,y1:2,y2:22}),e(`path`,{d:`M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6`})]})}export{n as CashIcon};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { SVGProps } from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/shared/icons/DiscoverIcon.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Discover monochrome wordmark — silhouette letterforms in `currentColor`. Used as the
|
|
7
|
-
* detected-brand glyph in the cash deposit's `CardInputRow` when `detectBrand(pan)` returns
|
|
8
|
-
* `"discover"`. Full-colour Discover brand lockups (the orange circle wordmark) are reserved
|
|
9
|
-
* for integrators with brand approval; this kit ships the silhouette wordmark for trademark
|
|
10
|
-
* safety.
|
|
11
|
-
*/
|
|
12
|
-
declare function DiscoverIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
|
|
13
|
-
//#endregion
|
|
14
|
-
export { DiscoverIcon };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:32,height:20,viewBox:`0 0 32 20`,fill:`currentColor`,...t,children:e(`text`,{x:`16`,y:`14.5`,textAnchor:`middle`,fontFamily:`-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`,fontSize:`7`,fontWeight:`900`,letterSpacing:`-0.1`,children:`DISCOVER`})})}export{t as DiscoverIcon};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { SVGProps } from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/shared/icons/GooglePayIcon.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Google "G" glyph — monochrome silhouette filled with `currentColor`. Used
|
|
7
|
-
* as the themed glyph for the cash rail's Google Pay method in
|
|
8
|
-
* `Deposit.Method`. The full Google Pay button lockup is reserved for
|
|
9
|
-
* integrators with Google brand approval, who pass the official mark through
|
|
10
|
-
* the `DepositMethodInput.icon` override prop. The `Pay` suffix on the
|
|
11
|
-
* identifier disambiguates this from non-payment uses of the Google brand.
|
|
12
|
-
*/
|
|
13
|
-
declare function GooglePayIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
|
|
14
|
-
//#endregion
|
|
15
|
-
export { GooglePayIcon };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`currentColor`,...t,children:e(`path`,{d:`M21.35 11.1H12.18v3.83h5.27c-.5 2.43-2.55 3.83-5.27 3.83-3.21 0-5.81-2.6-5.81-5.81s2.6-5.81 5.81-5.81c1.39 0 2.65.49 3.64 1.31l2.71-2.71C16.84 4.16 14.61 3 12.18 3 7.05 3 2.92 7.13 2.92 12.26s4.13 9.26 9.26 9.26c5.35 0 8.93-3.74 8.93-9 0-.61-.06-1.21-.16-1.79z`})})}export{t as GooglePayIcon};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { SVGProps } from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/shared/icons/MastercardIcon.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Mastercard monochrome silhouette — two interlocking circles, the brand's icon-only mark.
|
|
7
|
-
* Themed via `currentColor`. Used as the detected-brand glyph in the cash deposit's
|
|
8
|
-
* `CardInputRow` when `detectBrand(pan)` returns `"mastercard"`. Full-colour Mastercard
|
|
9
|
-
* lockups (the red+orange Venn diagram) are reserved for integrators with brand approval; this
|
|
10
|
-
* kit ships the silhouette for trademark safety. The two circles paint at 70% opacity each so
|
|
11
|
-
* the overlap region renders at full opacity in `currentColor` — keeps the iconic Venn shape
|
|
12
|
-
* recognisable without baking in the brand colours.
|
|
13
|
-
*/
|
|
14
|
-
declare function MastercardIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
|
|
15
|
-
//#endregion
|
|
16
|
-
export { MastercardIcon };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:32,height:20,viewBox:`0 0 32 20`,fill:`currentColor`,...n,children:[e(`circle`,{cx:`12`,cy:`10`,r:`6`,fillOpacity:`0.7`}),e(`circle`,{cx:`20`,cy:`10`,r:`6`,fillOpacity:`0.7`})]})}export{n as MastercardIcon};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { SVGProps } from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/shared/icons/VisaIcon.d.ts
|
|
5
|
-
/**
|
|
6
|
-
* Visa-brand monochrome wordmark — silhouette letterforms in `currentColor`. Used as the
|
|
7
|
-
* detected-brand glyph in the cash deposit's `CardInputRow` when `detectBrand(pan)` returns
|
|
8
|
-
* `"visa"`. The natural 32×20 aspect ratio matches card-art conventions; consumers constrain
|
|
9
|
-
* via inline width/height. Full-colour Visa brand lockups are reserved for integrators with
|
|
10
|
-
* brand approval, who pass the official mark through a slot override; this kit ships the
|
|
11
|
-
* silhouette for trademark safety.
|
|
12
|
-
*/
|
|
13
|
-
declare function VisaIcon(props: SVGProps<SVGSVGElement>): _$react_jsx_runtime0.JSX.Element;
|
|
14
|
-
//#endregion
|
|
15
|
-
export { VisaIcon };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:32,height:20,viewBox:`0 0 32 20`,fill:`currentColor`,...t,children:e(`text`,{x:`16`,y:`14.5`,textAnchor:`middle`,fontFamily:`-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`,fontSize:`11`,fontWeight:`900`,fontStyle:`italic`,letterSpacing:`-0.2`,children:`VISA`})})}export{t as VisaIcon};
|