@funkit/connect 6.15.1 → 6.15.3

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 (23) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/{chunk-3SMGLDNF.js → chunk-KG5Q63KL.js} +4 -0
  3. package/dist/{chunk-XH2UUILF.js → chunk-L3BEU75V.js} +4 -0
  4. package/dist/components/Box/Box.d.ts +7 -7
  5. package/dist/components/FunInput/FunInput.css.d.ts +4 -0
  6. package/dist/components/FunInput/FunInput.d.ts +2 -0
  7. package/dist/components/FunTransactionSummary/PaymentMethodSummary.d.ts +2 -2
  8. package/dist/components/TransactionStatus/TransactionStatus.d.ts +1 -0
  9. package/dist/css/sprinkles.css.d.ts +15 -7
  10. package/dist/hooks/useCheckoutTimeEstimate.d.ts +7 -3
  11. package/dist/index.css +900 -776
  12. package/dist/index.js +404 -523
  13. package/dist/modals/CheckoutModal/ConfirmationStep/useAccountBalanceTransfer.d.ts +1 -1
  14. package/dist/providers/FunkitCheckoutContext/index.d.ts +1 -1
  15. package/dist/providers/FunkitThemeProvider.d.ts +12 -0
  16. package/dist/providers/GeneralWalletProvider.d.ts +3 -7
  17. package/dist/themes/darkTheme.js +1 -1
  18. package/dist/themes/lightTheme.js +1 -1
  19. package/dist/utils/checkout.d.ts +2 -1
  20. package/dist/utils/flags/config.d.ts +3 -3
  21. package/dist/wallets/walletConnectors/index.js +12 -12
  22. package/package.json +8 -8
  23. package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +0 -32
package/CHANGELOG.md CHANGED
@@ -1,5 +1,33 @@
1
1
  # @funkit/connect
2
2
 
3
+ ## 6.15.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 7b14496: feat(connect): override time estimate for lzOFT checkouts
8
+ - Updated dependencies [b4c2d23]
9
+ - @funkit/fun-relay@2.1.12
10
+
11
+ ## 6.15.2
12
+
13
+ ### Patch Changes
14
+
15
+ - cce196e: feat(connect,api-base): update bluvo packages
16
+ - cf1ca05: feat(connect): add postAction override for QR code
17
+ - 706713f: monad theme implemented
18
+ - 3a8c6fb: chore(connect): deprecate shouldBatchOpBypassInit
19
+ - 5f33162: chore(connect): deprecate funWallet and funWalletAuth usage in GeneralWalletProvider
20
+ - 3825221: megapot theme implemented
21
+ - 405433a: feat(connect): show dynamic target assets on top for Ethereal/Hyena
22
+ - b417cda: chore(connect): deprecate useWeb2AccountBalancePostCheckout and useCheckoutAccountBalanceTransfer hooks
23
+ - Updated dependencies [cce196e]
24
+ - Updated dependencies [d5a7397]
25
+ - @funkit/api-base@1.12.16
26
+ - @funkit/fun-relay@2.1.11
27
+ - @funkit/chains@0.4.5
28
+ - @funkit/core@2.3.61
29
+ - @funkit/wagmi-tools@3.0.84
30
+
3
31
  ## 6.15.1
4
32
 
5
33
  ### Patch Changes
package/dist/{chunk-3SMGLDNF.js → chunk-KG5Q63KL.js} RENAMED
@@ -168,6 +168,10 @@ var darkTheme = ({
168
168
  buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
169
169
  buttonHoverShadowTertiary: "none",
170
170
  buttonDisabledShadow: "none",
171
+ buttonInnerShadow: "none",
172
+ buttonFocusedInnerShadow: "none",
173
+ buttonHoverInnerShadow: "none",
174
+ buttonDisabledInnerShadow: "none",
171
175
  selectedDropdownItem: "none",
172
176
  // Override shadows
173
177
  ...customShadows || {}
package/dist/{chunk-XH2UUILF.js → chunk-L3BEU75V.js} RENAMED
@@ -168,6 +168,10 @@ var lightTheme = ({
168
168
  buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
169
169
  buttonHoverShadowTertiary: "none",
170
170
  buttonDisabledShadow: "none",
171
+ buttonInnerShadow: "none",
172
+ buttonFocusedInnerShadow: "none",
173
+ buttonHoverInnerShadow: "none",
174
+ buttonDisabledInnerShadow: "none",
171
175
  selectedDropdownItem: "none",
172
176
  // Override shadows
173
177
  ...customShadows || {}
package/dist/components/Box/Box.d.ts CHANGED
@@ -19,13 +19,13 @@ export declare const Box: React.ForwardRefExoticComponent<{
19
19
  focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
20
20
  focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
21
21
  } | undefined;
22
- boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | {
23
- base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
24
- hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
25
- active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
26
- selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
27
- focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
28
- focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
22
+ boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | {
23
+ base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
24
+ hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
25
+ active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
26
+ selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
27
+ focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
28
+ focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
29
29
  } | undefined;
30
30
  color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | {
31
31
  base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
package/dist/components/FunInput/FunInput.css.d.ts CHANGED
@@ -1,5 +1,9 @@
1
1
  export declare const baseWrapperStyles: string;
2
+ export declare const baseWrapperStylesNoTransition: string;
2
3
  export declare const numberInputResetStyle: string;
3
4
  export declare const inputClass: string;
5
+ export declare const inputClassNoTransition: string;
4
6
  export declare const inputClassDisabled: string;
7
+ export declare const inputClassDisabledNoTransition: string;
5
8
  export declare const inputClassError: string;
9
+ export declare const inputClassErrorNoTransition: string;
package/dist/components/FunInput/FunInput.d.ts CHANGED
@@ -30,6 +30,8 @@ export interface FunInputProps<T = HTMLInputElement | HTMLTextAreaElement> {
30
30
  isLoading?: boolean;
31
31
  /** Allow multiline input. Defaults to false. This option replaces the internal `input` element with a `textarea` element. */
32
32
  allowMultiline?: T extends HTMLInputElement ? false : true;
33
+ /** Remove default transitions from the input wrapper and base styles. Defaults to false. */
34
+ ignoreBaseTransitions?: boolean;
33
35
  testId?: string;
34
36
  }
35
37
  export type FunInputChangeEvent = ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;
package/dist/components/FunTransactionSummary/PaymentMethodSummary.d.ts CHANGED
@@ -5,8 +5,8 @@ interface PaymentMethodSummaryProps {
5
5
  paymentMethodInfo: PaymentMethodInfo;
6
6
  customRecipient: FunAddress | undefined;
7
7
  isLoading: boolean;
8
- estimatedTime: number;
8
+ estimatedTimeText: string;
9
9
  isWithdrawal?: boolean;
10
10
  }
11
- export declare function PaymentMethodSummary({ paymentMethodInfo, customRecipient, estimatedTime, isLoading, isWithdrawal, }: PaymentMethodSummaryProps): React.JSX.Element;
11
+ export declare function PaymentMethodSummary({ paymentMethodInfo, customRecipient, estimatedTimeText, isLoading, isWithdrawal, }: PaymentMethodSummaryProps): React.JSX.Element;
12
12
  export {};
package/dist/components/TransactionStatus/TransactionStatus.d.ts CHANGED
@@ -17,6 +17,7 @@ export type TextConfig = {
17
17
  export type TextConfigContext = {
18
18
  durationUnits: 'minutes' | 'seconds';
19
19
  isWithdrawal: boolean;
20
+ finalizeVerb: 'credit' | 'finalize';
20
21
  };
21
22
  export type TextConfigStatus = Record<Exclude<TransactionStatusProps['status'], 'progress'> | 'progress_delayed', TextConfig | ((context: TextConfigContext) => TextConfig)>;
22
23
  export declare const DEFAULT_TEXT_CONFIG_STATUS: TextConfigStatus;
package/dist/css/sprinkles.css.d.ts CHANGED
@@ -217,6 +217,10 @@ declare const themeContractValues: {
217
217
  buttonFocusedShadowTertiary: string;
218
218
  buttonHoverShadowTertiary: string;
219
219
  buttonDisabledShadow: string;
220
+ buttonInnerShadow: string;
221
+ buttonFocusedInnerShadow: string;
222
+ buttonHoverInnerShadow: string;
223
+ buttonDisabledInnerShadow: string;
220
224
  selectedDropdownItem: string;
221
225
  };
222
226
  spacing: {
@@ -450,6 +454,10 @@ export declare const themeVars: {
450
454
  buttonFocusedShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
451
455
  buttonHoverShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
452
456
  buttonDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
457
+ buttonInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
458
+ buttonFocusedInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
459
+ buttonHoverInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
460
+ buttonDisabledInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
453
461
  selectedDropdownItem: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
454
462
  };
455
463
  spacing: {
@@ -678,13 +686,13 @@ export declare const sprinkles: ((props: {
678
686
  focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
679
687
  focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
680
688
  } | undefined;
681
- boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | {
682
- base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
683
- hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
684
- active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
685
- selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
686
- focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
687
- focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
689
+ boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | {
690
+ base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
691
+ hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
692
+ active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
693
+ selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
694
+ focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
695
+ focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
688
696
  } | undefined;
689
697
  color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | {
690
698
  base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
package/dist/hooks/useCheckoutTimeEstimate.d.ts CHANGED
@@ -1,4 +1,6 @@
1
- import { PaymentMethod } from '~/domains/paymentMethods';
1
+ import type { PaymentMethod } from '~/domains/paymentMethods';
2
+ import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
3
+ export declare const LAYERZEO_OFT_TIME_ESTIMATE_SECONDS = 180;
2
4
  /**
3
5
  * https://linear.app/funxyz/issue/PE-775/sdkconnectwith-next-pm-requests
4
6
  * @param originalTimeEstimationMs time estimation in milliseconds
@@ -6,5 +8,7 @@ import { PaymentMethod } from '~/domains/paymentMethods';
6
8
  * @param bypassFlag whether to ignore flag value and return the original time estimation fallback even if flag is defined
7
9
  * @returns time estimation in seconds
8
10
  */
9
- export declare function useCheckoutTimeEstimate(originalTimeEstimationMs: number | undefined, paymentMethod?: PaymentMethod, //TODO: questionable
10
- bypassFlag?: boolean): number;
11
+ export declare function useCheckoutTimeEstimate(apiKey: string, checkoutItem: FunkitActiveCheckoutItem | null, originalTimeEstimationMs: number | undefined, paymentMethod: PaymentMethod, bypassFlag: boolean): {
12
+ estimatedTime: number;
13
+ estimatedTimeText: string;
14
+ };