@funkit/connect 7.1.0-next.2 → 7.1.0-next.5

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @funkit/connect
 
+## 7.1.0-next.5
+
+### Patch Changes
+
+- d3322be: chore: updated labels
+
+## 7.1.0-next.4
+
+### Patch Changes
+
+- 92eb741: Fix input normalization re-attachment when used with Framer Motion DOM swapping
+- f3c3431: feat(connect): add custom processing message for lighter native flow
+- a94f293: do not over-fetching bridge account
+
+## 7.1.0-next.3
+
+### Patch Changes
+
+- 9be8d42: Add unloggedin blocked reason with i18n support across all languages
+- 26f2b79: feat(connect): add statsig tracking to quick options clicks
+- 47acbdc: chore(connect): change error message
+- 0c6cc6e: feat(connect): check udaparams for default settings (chain+token) for token transfer dropdown
+- 75c154f: refactor(connect): use portal for tooltips
+- 47acbdc: Update all translation files to replace "checkout" with "deposit" terminology across Spanish, French, Japanese, Korean, Russian, Turkish, and Chinese translations
+- ade8399: feat(connect): measure modal initial loading
+- 58b4014: feat(connect): add logo asset for optimism
+
 ## 7.1.0-next.2
 
 ### Minor Changes

package/dist/components/Dialog/Dialog.css.d.ts

@@ -1,6 +1,7 @@
 export declare const easing: number[];
 export declare const DialogAnimationTimeIn = 0.25;
 export declare const DialogAnimationTimeOut = 0.12;
+export declare const FunModalZIndex: number;
 export declare const overlay: string;
 export declare const content: string;
 export declare const titleContainer: string;

package/dist/components/FunCheckoutBlocked/FunCheckoutBlocked.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type CheckoutBlockedReason = 'geoblock' | 'security';
+type CheckoutBlockedReason = 'geoblock' | 'security' | 'unloggedin';
 interface FunCheckoutBlockedProps {
     reason: CheckoutBlockedReason;
 }

package/dist/components/FunTooltip/FunTooltip.d.ts

@@ -34,4 +34,5 @@ export interface FunTooltipProps {
     startDelay?: number;
     width?: BoxProps['width'];
 }
+export declare const TooltipAnchorRefContext: React.Context<React.RefObject<HTMLElement> | null>;
 export declare const FunTooltip: ({ content, children, wrapperElementRef, tooltipPosition, enableDynamicPositioning, bottomOffset, maxWidth, displayType, hideDelay, startDelay, width, }: FunTooltipProps) => React.JSX.Element;

package/dist/consts/customers.d.ts

@@ -15,4 +15,4 @@ export declare function isAvantisCustomer(apiKey: string): apiKey is "6TUi99Tq3O
 export declare function isPerplCustomer(apiKey: string): apiKey is "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu";
 export declare function isLighterxyzCustomer(apiKey: string): apiKey is "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2";
 export declare function isLighterEthSpot(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean | undefined;
-export declare function isLighterNativeFlow(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean;
+export declare function isLighterNativeFlow(apiKey: string, checkoutConfig: Pick<FunkitCheckoutConfig, 'targetChain'> | undefined): boolean;

package/dist/hooks/track/CheckoutModalEvent.d.ts

@@ -1,5 +1,6 @@
 export declare enum CheckoutModalEvent {
     MODAL_OPENED = "fc::modal_opened",
+    MODAL_READY = "fc::modal_ready",
     MODAL_CLOSED = "fc::modal_closed",
     NAVIGATE_SOURCE_CHANGE = "fc::navigate::source_change",
     NAVIGATE_SELECT_ASSET = "fc::navigate::select_asset",
@@ -23,9 +24,15 @@ export declare enum CheckoutModalEvent {
     NAVIGATE_CONNECT_EXCHANGE = "fc::navigate::connect_exchange",
     NAVIGATE_BROKERAGE_TWO_FA = "fc::navigate::brokerage_two_fa",
     NAVIGATE_BROKERAGE_SUCCESS = "fc::navigate::brokerage_success",
+    READY_CONFIRMATION = "fc::ready::confirmation",
+    READY_INPUT_AMOUNT = "fc::ready::input_amount",
+    READY_SELECT_ASSET = "fc::ready::select_asset",
+    READY_SOURCE_CHANGE = "fc::ready::source_change",
+    BASE_QUOTE = "fc::quote::base_quote",
     FINAL_QUOTE = "fc::quote::final_quote",
     VIEW_TRANSACTION_BREAKDOWN = "fc::quote::view_transaction_breakdown",
     ACCOUNT_BALANCE_SUCCESS = "fc::success::account_balance",
     TOKEN_TRANSFER_SUCCESS = "fc::success::token_transfer",
-    BLUVO_WITHDRAWAL_COMPLETED = "fc::success::bluvo_withdrawal_completed"
+    BLUVO_WITHDRAWAL_COMPLETED = "fc::success::bluvo_withdrawal_completed",
+    QUICK_OPTION_SELECTED = "fc::input_amount::quick_option_selected"
 }

package/dist/hooks/track/WithdrawModalEvent.d.ts

@@ -1,5 +1,6 @@
 export declare enum WithdrawModalEvent {
     MODAL_OPENED = "fw::modal_opened",
+    MODAL_READY = "fw::modal_ready",
     MODAL_CLOSED = "fw::modal_closed",
     FINAL_QUOTE = "fw::quote::final_quote",
     VIEW_TRANSACTION_BREAKDOWN = "fw::quote::view_transaction_breakdown",

package/dist/hooks/track/useTrack.d.ts

@@ -8,6 +8,8 @@ export interface TrackEventData {
 }
 export declare const useTrack: () => {
     logEvent: (eventNameOrTrackEventData: CheckoutModalEvent | TrackEventData) => void;
+    logMeasuredEvent: (trackEventData: Omit<TrackEventData, "value">) => void;
+    startMeasuredEvent: (eventName: CheckoutModalEvent | WithdrawModalEvent) => void;
     updateUserAsync: (userInfo: FunkitUserInfo & {
         l2Address?: string;
     }, apiKey: string) => Promise<import("@statsig/react-bindings").StatsigUpdateDetails>;

package/dist/hooks/useUDAParams.d.ts

@@ -5,5 +5,7 @@ export interface UDAConfig {
     targetAssetTicker: string;
     iconSrc: string;
     qrcodeActionType?: string;
+    defaultTokenSymbol?: string;
+    defaultChainId?: string;
 }
 export declare const useUDAParams: (_dynamicRoutingId?: string) => UDAConfig | undefined;

package/dist/index.css

@@ -9684,7 +9684,7 @@
   --_7rkubb1: 0.9;
 }
 
-/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=Ll8xcjhmNTcxIHsKICBib3R0b206IC0yMDBweDsKICBsZWZ0OiAtMjAwcHg7CiAgcGFkZGluZzogMjAwcHg7CiAgcmlnaHQ6IC0yMDBweDsKICB0b3A6IC0yMDBweDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CiAgei1pbmRleDogOTk5OTk4Owp9Ci5fMXI4ZjU3MyB7CiAgbWF4LXdpZHRoOiAxMDB2dzsKfQouXzFyOGY1NzQgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgd2lkdGg6IDEwMCU7CiAgZmxleC1zaHJpbms6IDA7CiAgbWluLWhlaWdodDogdmFyKC0tcmstZGltZW5zaW9ucy1tb2RhbFRvcEJhckhlaWdodCk7Cn0KLl8xcjhmNTc2IHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDogMDsKICByaWdodDogMDsKICB6LWluZGV4OiAxOwp9Ci5fMXI4ZjU3NyB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHotaW5kZXg6IDI7Cn0KLl8xcjhmNTc5IHsKICBib3R0b206IDA7CiAgbGVmdDogMDsKICByaWdodDogMDsKICB0b3A6IDA7CiAgei1pbmRleDogLTE7Cn0KLl8xcjhmNTdhIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5fMXI4ZjU3YiB7CiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kOwp9 */
+/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=Ll8xcjhmNTcxIHsKICBib3R0b206IC0yMDBweDsKICBsZWZ0OiAtMjAwcHg7CiAgcGFkZGluZzogMjAwcHg7CiAgcmlnaHQ6IC0yMDBweDsKICB0b3A6IC0yMDBweDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CiAgei1pbmRleDogOTk5OTk3Owp9Ci5fMXI4ZjU3MyB7CiAgbWF4LXdpZHRoOiAxMDB2dzsKfQouXzFyOGY1NzQgewogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgd2lkdGg6IDEwMCU7CiAgZmxleC1zaHJpbms6IDA7CiAgbWluLWhlaWdodDogdmFyKC0tcmstZGltZW5zaW9ucy1tb2RhbFRvcEJhckhlaWdodCk7Cn0KLl8xcjhmNTc2IHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgbGVmdDogMDsKICByaWdodDogMDsKICB6LWluZGV4OiAxOwp9Ci5fMXI4ZjU3NyB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHotaW5kZXg6IDI7Cn0KLl8xcjhmNTc5IHsKICBib3R0b206IDA7CiAgbGVmdDogMDsKICByaWdodDogMDsKICB0b3A6IDA7CiAgei1pbmRleDogLTE7Cn0KLl8xcjhmNTdhIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5fMXI4ZjU3YiB7CiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kOwp9 */
 [data-rk] ._1r8f571 {
   bottom: -200px;
   left: -200px;
@@ -9692,7 +9692,7 @@
   right: -200px;
   top: -200px;
   transform: translateZ(0);
-  z-index: 999998;
+  z-index: 999997;
 }
 [data-rk] ._1r8f573 {
   max-width: 100vw;
@@ -9826,30 +9826,6 @@
   box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.09) inset;
 }
 
-/* vanilla-extract-css-ns:src/components/FunPoweredTagline/FunPoweredTagline.css.ts.vanilla.css?source=Ll8xd2RnazZpMCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIG1hcmdpbi10b3A6IDZweDsKICBwYWRkaW5nLXRvcDogdmFyKC0tcmstc3BhY2luZy1tb2RhbFBhZGRpbmdCb3R0b21Mb3dlcik7Cn0KLl8xd2RnazZpMDo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtbGlnaHRTdHJva2UpOwogIGhlaWdodDogMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKICByaWdodDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKfQ== */
-[data-rk] ._1wdgk6i0 {
-  position: relative;
-  margin-top: 6px;
-  padding-top: var(--rk-spacing-modalPaddingBottomLower);
-}
-[data-rk] ._1wdgk6i0::before {
-  content: "";
-  background-color: var(--rk-colors-lightStroke);
-  height: 1px;
-  position: absolute;
-  top: 0;
-  left: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
-  right: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
-}
-
-/* vanilla-extract-css-ns:src/components/FunDivider/FunDivider.css.ts.vanilla.css?source=Ll8zZGtkc2MwIHsKICBib3JkZXItd2lkdGg6IDA7CiAgYm9yZGVyLXRvcC13aWR0aDogMXB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgZmxleDogMTsKfQ== */
-[data-rk] ._3dkdsc0 {
-  border-width: 0;
-  border-top-width: 1px;
-  border-style: solid;
-  flex: 1;
-}
-
 /* vanilla-extract-css-ns:src/components/FunTooltip/FunTooltip.css.ts.vanilla.css?source=LnoxbDM4aTAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgei1pbmRleDogMjsKfQouejFsMzhpMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogY2FsYygxMDAlICsgNnB4KTsKICB3aWR0aDogbWF4LWNvbnRlbnQ7CiAgd29yZC1icmVhazogYnJlYWstd29yZDsKfQouejFsMzhpMyB7CiAgYm90dG9tOiBjYWxjKDEwMCUpOwp9Ci56MWwzOGk0IHsKICBsZWZ0OiA1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpOwp9Ci56MWwzOGk1IHsKICBsZWZ0OiAwOwp9Ci56MWwzOGk2IHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZShjYWxjKC0xMDAlIC0gMThweCksIDEwMCUpOwp9 */
 [data-rk] .z1l38i0 {
   position: relative;
@@ -9877,6 +9853,30 @@
   transform: translate(calc(-100% - 18px), 100%);
 }
 
+/* vanilla-extract-css-ns:src/components/FunPoweredTagline/FunPoweredTagline.css.ts.vanilla.css?source=Ll8xd2RnazZpMCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIG1hcmdpbi10b3A6IDZweDsKICBwYWRkaW5nLXRvcDogdmFyKC0tcmstc3BhY2luZy1tb2RhbFBhZGRpbmdCb3R0b21Mb3dlcik7Cn0KLl8xd2RnazZpMDo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtbGlnaHRTdHJva2UpOwogIGhlaWdodDogMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKICByaWdodDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKfQ== */
+[data-rk] ._1wdgk6i0 {
+  position: relative;
+  margin-top: 6px;
+  padding-top: var(--rk-spacing-modalPaddingBottomLower);
+}
+[data-rk] ._1wdgk6i0::before {
+  content: "";
+  background-color: var(--rk-colors-lightStroke);
+  height: 1px;
+  position: absolute;
+  top: 0;
+  left: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
+  right: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
+}
+
+/* vanilla-extract-css-ns:src/components/FunDivider/FunDivider.css.ts.vanilla.css?source=Ll8zZGtkc2MwIHsKICBib3JkZXItd2lkdGg6IDA7CiAgYm9yZGVyLXRvcC13aWR0aDogMXB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgZmxleDogMTsKfQ== */
+[data-rk] ._3dkdsc0 {
+  border-width: 0;
+  border-top-width: 1px;
+  border-style: solid;
+  flex: 1;
+}
+
 /* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA82TQUsDMRCF7/sr5iJU2CxZbYukeNKf4E08TLJDDc1OltmstRX/u3Rr6UpRxFroMeHlve9NkmLdkfZTDW8ZQBLk1icf2QCGAOVE1y24znqnLK09yUgX1znoHHShpzmUl7PsPSu2HuWBB0emgeDKGLUku/BJxS6RqLbxrGyXUuQcDkWe+auoD6hR5p4N6FkGsJNi0xAKsqPD1Me0auiWu9qSPPUWqo7rn46Me5VFt5hL7LhSLoYoZtutQSFOm3AbpSLZnQaIXQqeab+x9FV6NlBqfTE7erxjY5qAjp5jqEh6wk+sF5SRUrLYYraqJRe5Qlk90GsaWkxP0WvvfjzgzRkNHiA26HxaGdDFZAj5657oNpl3m8W9b9EGqoZt8TRtv8HG/8J2Z3RJe6jjHx+d9HfQ3wE/ALoQWt+kBQAA */
 [data-rk] .zue0i60 {
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);