@funkit/connect 6.15.2 → 6.15.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @funkit/connect
 
+## 6.15.3
+
+### Patch Changes
+
+- 7b14496: feat(connect): override time estimate for lzOFT checkouts
+- Updated dependencies [b4c2d23]
+  - @funkit/fun-relay@2.1.12
+
 ## 6.15.2
 
 ### Patch Changes

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

@@ -1,5 +1,9 @@
 export declare const baseWrapperStyles: string;
+export declare const baseWrapperStylesNoTransition: string;
 export declare const numberInputResetStyle: string;
 export declare const inputClass: string;
+export declare const inputClassNoTransition: string;
 export declare const inputClassDisabled: string;
+export declare const inputClassDisabledNoTransition: string;
 export declare const inputClassError: string;
+export declare const inputClassErrorNoTransition: string;

package/dist/components/FunInput/FunInput.d.ts

@@ -30,6 +30,8 @@ export interface FunInputProps<T = HTMLInputElement | HTMLTextAreaElement> {
     isLoading?: boolean;
     /** Allow multiline input. Defaults to false. This option replaces the internal `input` element with a `textarea` element. */
     allowMultiline?: T extends HTMLInputElement ? false : true;
+    /** Remove default transitions from the input wrapper and base styles. Defaults to false. */
+    ignoreBaseTransitions?: boolean;
     testId?: string;
 }
 export type FunInputChangeEvent = ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;

package/dist/components/FunTransactionSummary/PaymentMethodSummary.d.ts

@@ -5,8 +5,8 @@ interface PaymentMethodSummaryProps {
     paymentMethodInfo: PaymentMethodInfo;
     customRecipient: FunAddress | undefined;
     isLoading: boolean;
-    estimatedTime: number;
+    estimatedTimeText: string;
     isWithdrawal?: boolean;
 }
-export declare function PaymentMethodSummary({ paymentMethodInfo, customRecipient, estimatedTime, isLoading, isWithdrawal, }: PaymentMethodSummaryProps): React.JSX.Element;
+export declare function PaymentMethodSummary({ paymentMethodInfo, customRecipient, estimatedTimeText, isLoading, isWithdrawal, }: PaymentMethodSummaryProps): React.JSX.Element;
 export {};

package/dist/components/TransactionStatus/TransactionStatus.d.ts

@@ -17,6 +17,7 @@ export type TextConfig = {
 export type TextConfigContext = {
     durationUnits: 'minutes' | 'seconds';
     isWithdrawal: boolean;
+    finalizeVerb: 'credit' | 'finalize';
 };
 export type TextConfigStatus = Record<Exclude<TransactionStatusProps['status'], 'progress'> | 'progress_delayed', TextConfig | ((context: TextConfigContext) => TextConfig)>;
 export declare const DEFAULT_TEXT_CONFIG_STATUS: TextConfigStatus;

package/dist/hooks/useCheckoutTimeEstimate.d.ts

@@ -1,4 +1,6 @@
-import { PaymentMethod } from '~/domains/paymentMethods';
+import type { PaymentMethod } from '~/domains/paymentMethods';
+import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
+export declare const LAYERZEO_OFT_TIME_ESTIMATE_SECONDS = 180;
 /**
  * https://linear.app/funxyz/issue/PE-775/sdkconnectwith-next-pm-requests
  * @param originalTimeEstimationMs time estimation in milliseconds
@@ -6,5 +8,7 @@ import { PaymentMethod } from '~/domains/paymentMethods';
  * @param bypassFlag whether to ignore flag value and return the original time estimation fallback even if flag is defined
  * @returns time estimation in seconds
  */
-export declare function useCheckoutTimeEstimate(originalTimeEstimationMs: number | undefined, paymentMethod?: PaymentMethod, //TODO: questionable
-bypassFlag?: boolean): number;
+export declare function useCheckoutTimeEstimate(apiKey: string, checkoutItem: FunkitActiveCheckoutItem | null, originalTimeEstimationMs: number | undefined, paymentMethod: PaymentMethod, bypassFlag: boolean): {
+    estimatedTime: number;
+    estimatedTimeText: string;
+};

package/dist/index.css

@@ -9658,32 +9658,47 @@
   transform: translate(calc(-100% - 18px), 100%);
 }
 
-/* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=Lnp1ZTBpNjAgewogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQouenVlMGk2MTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiwgLnp1ZTBpNjE6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24gewogIG1hcmdpbjogMDsKICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7Cn0KLnp1ZTBpNjFbdHlwZT1udW1iZXJdIHsKICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7Cn0KLnp1ZTBpNjMgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQouenVlMGk2Mzo6cGxhY2Vob2xkZXIgewogIGNvbG9yOiB2YXIoLS1yay1jb2xvcnMtc2Vjb25kYXJ5VGV4dCk7Cn0KLnp1ZTBpNjUgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKICBvcGFjaXR5OiAwLjU7Cn0KLnp1ZTBpNjU6OnBsYWNlaG9sZGVyIHsKICBjb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwp9Ci56dWUwaTY3IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBib3JkZXI6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKICB3aWR0aDogMTAwJTsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0KLnp1ZTBpNjc6OnBsYWNlaG9sZGVyIHsKICBjb2xvcjogdmFyKC0tcmstY29sb3JzLXNlY29uZGFyeVRleHQpOwp9 */
+/* 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);
 }
-[data-rk] .zue0i61::-webkit-outer-spin-button,
-[data-rk] .zue0i61::-webkit-inner-spin-button {
+[data-rk] .zue0i61 {
+  transition: none;
+}
+[data-rk] .zue0i62::-webkit-outer-spin-button,
+[data-rk] .zue0i62::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
 }
-[data-rk] .zue0i61[type=number] {
+[data-rk] .zue0i62[type=number] {
   -moz-appearance: none;
 }
-[data-rk] .zue0i63 {
+[data-rk] .zue0i64 {
   background-color: transparent;
   border: none;
   outline: none;
   width: 100%;
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
-[data-rk] .zue0i63::-moz-placeholder {
+[data-rk] .zue0i64::-moz-placeholder {
   color: var(--rk-colors-secondaryText);
 }
-[data-rk] .zue0i63::placeholder {
+[data-rk] .zue0i64::placeholder {
   color: var(--rk-colors-secondaryText);
 }
-[data-rk] .zue0i65 {
+[data-rk] .zue0i66 {
+  background-color: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+}
+[data-rk] .zue0i66::-moz-placeholder {
+  color: var(--rk-colors-secondaryText);
+}
+[data-rk] .zue0i66::placeholder {
+  color: var(--rk-colors-secondaryText);
+}
+[data-rk] .zue0i68 {
   background-color: transparent;
   border: none;
   outline: none;
@@ -9691,23 +9706,48 @@
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
   opacity: 0.5;
 }
-[data-rk] .zue0i65::-moz-placeholder {
+[data-rk] .zue0i68::-moz-placeholder {
   color: var(--rk-colors-actionColorDisabled);
 }
-[data-rk] .zue0i65::placeholder {
+[data-rk] .zue0i68::placeholder {
   color: var(--rk-colors-actionColorDisabled);
 }
-[data-rk] .zue0i67 {
+[data-rk] .zue0i6a {
+  background-color: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+  opacity: 0.5;
+}
+[data-rk] .zue0i6a::-moz-placeholder {
+  color: var(--rk-colors-actionColorDisabled);
+}
+[data-rk] .zue0i6a::placeholder {
+  color: var(--rk-colors-actionColorDisabled);
+}
+[data-rk] .zue0i6c {
   background-color: transparent;
   border: none;
   outline: none;
   width: 100%;
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
-[data-rk] .zue0i67::-moz-placeholder {
+[data-rk] .zue0i6c::-moz-placeholder {
+  color: var(--rk-colors-secondaryText);
+}
+[data-rk] .zue0i6c::placeholder {
+  color: var(--rk-colors-secondaryText);
+}
+[data-rk] .zue0i6e {
+  background-color: transparent;
+  border: none;
+  outline: none;
+  width: 100%;
+}
+[data-rk] .zue0i6e::-moz-placeholder {
   color: var(--rk-colors-secondaryText);
 }
-[data-rk] .zue0i67::placeholder {
+[data-rk] .zue0i6e::placeholder {
   color: var(--rk-colors-secondaryText);
 }