@stakekit/widget 0.0.2 → 0.0.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.
|
@@ -125,7 +125,7 @@ i18n.use(initReactI18next).use(LanguageDetector).init({
|
|
|
125
125
|
|
|
126
126
|
// src/App.tsx
|
|
127
127
|
import ReactDOM from "react-dom/client";
|
|
128
|
-
import { useEffect as
|
|
128
|
+
import { useEffect as useEffect11 } from "react";
|
|
129
129
|
import { Navigate, Route, Routes } from "react-router-dom";
|
|
130
130
|
|
|
131
131
|
// src/hooks/use-color-scheme.ts
|
|
@@ -3278,12 +3278,192 @@ var ReviewPage = () => {
|
|
|
3278
3278
|
import { useTranslation as useTranslation10 } from "react-i18next";
|
|
3279
3279
|
|
|
3280
3280
|
// src/pages/steps/use-steps.ts
|
|
3281
|
-
import { useEffect as
|
|
3281
|
+
import { useEffect as useEffect9 } from "react";
|
|
3282
3282
|
import { useNavigate as useNavigate5 } from "react-router-dom";
|
|
3283
3283
|
|
|
3284
3284
|
// src/pages/steps/use-steps-machine.ts
|
|
3285
3285
|
import { EitherAsync as EitherAsync5, Left as Left4, Right as Right4 } from "purify-ts";
|
|
3286
|
-
|
|
3286
|
+
|
|
3287
|
+
// node_modules/@cassiozen/usestatemachine/dist/usestatemachine.esm.js
|
|
3288
|
+
import { useRef as useRef4, useReducer as useReducer2, useEffect as useEffect8 } from "react";
|
|
3289
|
+
function _extends() {
|
|
3290
|
+
_extends = Object.assign || function(target) {
|
|
3291
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
3292
|
+
var source = arguments[i];
|
|
3293
|
+
for (var key in source) {
|
|
3294
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
3295
|
+
target[key] = source[key];
|
|
3296
|
+
}
|
|
3297
|
+
}
|
|
3298
|
+
}
|
|
3299
|
+
return target;
|
|
3300
|
+
};
|
|
3301
|
+
return _extends.apply(this, arguments);
|
|
3302
|
+
}
|
|
3303
|
+
var $$t = /* @__PURE__ */ Symbol("$$t");
|
|
3304
|
+
var A;
|
|
3305
|
+
(function(A2) {
|
|
3306
|
+
var Get;
|
|
3307
|
+
/* @__PURE__ */ (function(Get2) {
|
|
3308
|
+
})(Get = A2.Get || (A2.Get = {}));
|
|
3309
|
+
A2.test = function(_o) {
|
|
3310
|
+
};
|
|
3311
|
+
A2.areEqual = function(_debug) {
|
|
3312
|
+
return void 0;
|
|
3313
|
+
};
|
|
3314
|
+
})(A || (A = {}));
|
|
3315
|
+
var R = {
|
|
3316
|
+
get: function get(r, k) {
|
|
3317
|
+
return r[k];
|
|
3318
|
+
},
|
|
3319
|
+
concat: function concat(r1, r2) {
|
|
3320
|
+
return _extends({}, r1, r2);
|
|
3321
|
+
},
|
|
3322
|
+
fromMaybe: function fromMaybe(r) {
|
|
3323
|
+
return r != null ? r : {};
|
|
3324
|
+
},
|
|
3325
|
+
keys: function keys(r) {
|
|
3326
|
+
return Object.keys(r);
|
|
3327
|
+
}
|
|
3328
|
+
};
|
|
3329
|
+
var useConstant = function useConstant2(compute) {
|
|
3330
|
+
var ref = useRef4(null);
|
|
3331
|
+
if (ref.current === null)
|
|
3332
|
+
ref.current = compute();
|
|
3333
|
+
return ref.current;
|
|
3334
|
+
};
|
|
3335
|
+
var assertNever = function assertNever2(_value) {
|
|
3336
|
+
throw new Error("Invariant: assertNever was called");
|
|
3337
|
+
};
|
|
3338
|
+
var useStateMachineImpl = function useStateMachineImpl2(definition) {
|
|
3339
|
+
var _useReducer = useReducer2(createReducer(definition), createInitialState(definition)), state = _useReducer[0], dispatch = _useReducer[1];
|
|
3340
|
+
var send = useConstant(function() {
|
|
3341
|
+
return function(sendable) {
|
|
3342
|
+
return dispatch({
|
|
3343
|
+
type: "SEND",
|
|
3344
|
+
sendable
|
|
3345
|
+
});
|
|
3346
|
+
};
|
|
3347
|
+
});
|
|
3348
|
+
var setContext = function setContext2(updater) {
|
|
3349
|
+
dispatch({
|
|
3350
|
+
type: "SET_CONTEXT",
|
|
3351
|
+
updater
|
|
3352
|
+
});
|
|
3353
|
+
return {
|
|
3354
|
+
send
|
|
3355
|
+
};
|
|
3356
|
+
};
|
|
3357
|
+
useEffect8(function() {
|
|
3358
|
+
var entry = R.get(definition.states, state.value).effect;
|
|
3359
|
+
var exit = entry == null ? void 0 : entry({
|
|
3360
|
+
send,
|
|
3361
|
+
setContext,
|
|
3362
|
+
event: state.event,
|
|
3363
|
+
context: state.context
|
|
3364
|
+
});
|
|
3365
|
+
return typeof exit === "function" ? function() {
|
|
3366
|
+
return exit == null ? void 0 : exit({
|
|
3367
|
+
send,
|
|
3368
|
+
setContext,
|
|
3369
|
+
event: state.event,
|
|
3370
|
+
context: state.context
|
|
3371
|
+
});
|
|
3372
|
+
} : void 0;
|
|
3373
|
+
}, [state.value, state.event]);
|
|
3374
|
+
return [state, send];
|
|
3375
|
+
};
|
|
3376
|
+
var createInitialState = function createInitialState2(definition) {
|
|
3377
|
+
var nextEvents = R.keys(R.concat(R.fromMaybe(R.get(definition.states, definition.initial).on), R.fromMaybe(definition.on)));
|
|
3378
|
+
return {
|
|
3379
|
+
value: definition.initial,
|
|
3380
|
+
context: definition.context,
|
|
3381
|
+
event: {
|
|
3382
|
+
type: "$$initial"
|
|
3383
|
+
},
|
|
3384
|
+
nextEvents,
|
|
3385
|
+
nextEventsT: nextEvents
|
|
3386
|
+
};
|
|
3387
|
+
};
|
|
3388
|
+
var createReducer = function createReducer2(definition) {
|
|
3389
|
+
var log = createLogger(definition);
|
|
3390
|
+
return function(machineState, internalEvent) {
|
|
3391
|
+
if (internalEvent.type === "SET_CONTEXT") {
|
|
3392
|
+
var nextContext = internalEvent.updater(machineState.context);
|
|
3393
|
+
log("Context update", ["Previous Context", machineState.context], ["Next Context", nextContext]);
|
|
3394
|
+
return _extends({}, machineState, {
|
|
3395
|
+
context: nextContext
|
|
3396
|
+
});
|
|
3397
|
+
}
|
|
3398
|
+
if (internalEvent.type === "SEND") {
|
|
3399
|
+
var _R$get;
|
|
3400
|
+
var sendable = internalEvent.sendable;
|
|
3401
|
+
var event = typeof sendable === "string" ? {
|
|
3402
|
+
type: sendable
|
|
3403
|
+
} : sendable;
|
|
3404
|
+
var context = machineState.context;
|
|
3405
|
+
var stateNode = R.get(definition.states, machineState.value);
|
|
3406
|
+
var resolvedTransition = (_R$get = R.get(R.fromMaybe(stateNode.on), event.type)) != null ? _R$get : R.get(R.fromMaybe(definition.on), event.type);
|
|
3407
|
+
if (!resolvedTransition) {
|
|
3408
|
+
log(`Current state doesn't listen to event type "` + event.type + '".', ["Current State", machineState], ["Event", event]);
|
|
3409
|
+
return machineState;
|
|
3410
|
+
}
|
|
3411
|
+
var _ref = function() {
|
|
3412
|
+
if (typeof resolvedTransition === "string")
|
|
3413
|
+
return [resolvedTransition];
|
|
3414
|
+
if (resolvedTransition.guard === void 0)
|
|
3415
|
+
return [resolvedTransition.target];
|
|
3416
|
+
if (resolvedTransition.guard({
|
|
3417
|
+
context,
|
|
3418
|
+
event
|
|
3419
|
+
}))
|
|
3420
|
+
return [resolvedTransition.target];
|
|
3421
|
+
return [resolvedTransition.target, true];
|
|
3422
|
+
}(), nextStateValue = _ref[0], _ref$ = _ref[1], didGuardDeny = _ref$ === void 0 ? false : _ref$;
|
|
3423
|
+
if (didGuardDeny) {
|
|
3424
|
+
log('Transition from "' + machineState.value + '" to "' + nextStateValue + '" denied by guard', ["Event", event], ["Context", context]);
|
|
3425
|
+
return machineState;
|
|
3426
|
+
}
|
|
3427
|
+
log('Transition from "' + machineState.value + '" to "' + nextStateValue + '"', ["Event", event]);
|
|
3428
|
+
var resolvedStateNode = R.get(definition.states, nextStateValue);
|
|
3429
|
+
var nextEvents = R.keys(R.concat(R.fromMaybe(resolvedStateNode.on), R.fromMaybe(definition.on)));
|
|
3430
|
+
return {
|
|
3431
|
+
value: nextStateValue,
|
|
3432
|
+
context,
|
|
3433
|
+
event,
|
|
3434
|
+
nextEvents,
|
|
3435
|
+
nextEventsT: nextEvents
|
|
3436
|
+
};
|
|
3437
|
+
}
|
|
3438
|
+
return assertNever();
|
|
3439
|
+
};
|
|
3440
|
+
};
|
|
3441
|
+
var defaultConsole = console;
|
|
3442
|
+
var createLogger = function createLogger2(definition) {
|
|
3443
|
+
return function(groupLabel) {
|
|
3444
|
+
if (!definition.verbose)
|
|
3445
|
+
return;
|
|
3446
|
+
var console2 = definition.console || defaultConsole;
|
|
3447
|
+
if (true) {
|
|
3448
|
+
console2.groupCollapsed == null ? void 0 : console2.groupCollapsed("%cuseStateMachine", "color: #888; font-weight: lighter;", groupLabel);
|
|
3449
|
+
for (var _len = arguments.length, nested = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
3450
|
+
nested[_key - 1] = arguments[_key];
|
|
3451
|
+
}
|
|
3452
|
+
nested.forEach(function(message) {
|
|
3453
|
+
console2.log(message[0], message[1]);
|
|
3454
|
+
});
|
|
3455
|
+
console2.groupEnd == null ? void 0 : console2.groupEnd();
|
|
3456
|
+
}
|
|
3457
|
+
};
|
|
3458
|
+
};
|
|
3459
|
+
var useStateMachine = useStateMachineImpl;
|
|
3460
|
+
var t = function t2() {
|
|
3461
|
+
var _ref2;
|
|
3462
|
+
return _ref2 = {}, _ref2[$$t] = void 0, _ref2;
|
|
3463
|
+
};
|
|
3464
|
+
var usestatemachine_esm_default = useStateMachine;
|
|
3465
|
+
|
|
3466
|
+
// src/pages/steps/use-steps-machine.ts
|
|
3287
3467
|
import {
|
|
3288
3468
|
stakeGetStakeSession,
|
|
3289
3469
|
transactionConstruct as transactionConstruct2,
|
|
@@ -3294,7 +3474,7 @@ var tt = t;
|
|
|
3294
3474
|
var useStepsMachine = () => {
|
|
3295
3475
|
const { gasModeValue } = useAppState();
|
|
3296
3476
|
const { sendTransaction } = useSKWallet();
|
|
3297
|
-
return
|
|
3477
|
+
return usestatemachine_esm_default({
|
|
3298
3478
|
initial: "idle",
|
|
3299
3479
|
schema: {
|
|
3300
3480
|
context: tt(),
|
|
@@ -3429,19 +3609,19 @@ var useSteps = () => {
|
|
|
3429
3609
|
const navigate = useNavigate5();
|
|
3430
3610
|
const [machine, send] = useStepsMachine();
|
|
3431
3611
|
const id2 = stakeSession.map((val) => val.id).extractNullable();
|
|
3432
|
-
|
|
3612
|
+
useEffect9(() => {
|
|
3433
3613
|
if (!id2)
|
|
3434
3614
|
return;
|
|
3435
3615
|
send({ type: "START", id: id2 });
|
|
3436
3616
|
}, [id2, send]);
|
|
3437
|
-
|
|
3617
|
+
useEffect9(() => {
|
|
3438
3618
|
return () => {
|
|
3439
3619
|
const timeoutId = machine.context.txCheckTimeoutId;
|
|
3440
3620
|
if (timeoutId)
|
|
3441
3621
|
clearTimeout(timeoutId);
|
|
3442
3622
|
};
|
|
3443
3623
|
}, [machine.context.txCheckTimeoutId]);
|
|
3444
|
-
|
|
3624
|
+
useEffect9(() => {
|
|
3445
3625
|
if (machine.value === "done") {
|
|
3446
3626
|
navigate("/complete", { state: { urls: machine.context.urls } });
|
|
3447
3627
|
}
|
|
@@ -3727,14 +3907,13 @@ var StepsPage = () => {
|
|
|
3727
3907
|
};
|
|
3728
3908
|
|
|
3729
3909
|
// src/hooks/use-webview-connect-machine.ts
|
|
3730
|
-
import useStateMachine2, { t as t2 } from "@cassiozen/usestatemachine";
|
|
3731
3910
|
import { useAccount as useAccount2, useConnect } from "wagmi";
|
|
3732
3911
|
import { InjectedConnector } from "@wagmi/connectors/injected";
|
|
3733
|
-
var tt2 =
|
|
3912
|
+
var tt2 = t;
|
|
3734
3913
|
var useWebViewConnectMachine = () => {
|
|
3735
3914
|
const { isConnected } = useAccount2();
|
|
3736
3915
|
const { connectors, connect } = useConnect();
|
|
3737
|
-
return
|
|
3916
|
+
return usestatemachine_esm_default({
|
|
3738
3917
|
schema: { context: tt2() },
|
|
3739
3918
|
initial: "connect",
|
|
3740
3919
|
context: { timeoutId: null },
|
|
@@ -3772,7 +3951,7 @@ var useWebViewConnectMachine = () => {
|
|
|
3772
3951
|
};
|
|
3773
3952
|
|
|
3774
3953
|
// src/hooks/use-location-transition-animation/index.ts
|
|
3775
|
-
import { useCallback as useCallback4, useEffect as
|
|
3954
|
+
import { useCallback as useCallback4, useEffect as useEffect10, useState as useState7 } from "react";
|
|
3776
3955
|
import { useLocation as useLocation3 } from "react-router-dom";
|
|
3777
3956
|
|
|
3778
3957
|
// src/hooks/use-location-transition-animation/style.css.ts
|
|
@@ -3788,7 +3967,7 @@ var useLocationTransitionAnimation = () => {
|
|
|
3788
3967
|
const location = useLocation3();
|
|
3789
3968
|
const [displayLocation, setDisplayLocation] = useState7(location);
|
|
3790
3969
|
const [transitionStage, setTransitionStage] = useState7("fadeIn");
|
|
3791
|
-
|
|
3970
|
+
useEffect10(() => {
|
|
3792
3971
|
if (location !== displayLocation)
|
|
3793
3972
|
setTransitionStage("fadeOut");
|
|
3794
3973
|
}, [location, displayLocation]);
|
|
@@ -4433,7 +4612,7 @@ var Widget = () => {
|
|
|
4433
4612
|
const { selectedStake, stakeAmount } = useAppState();
|
|
4434
4613
|
const isDetailsComplete = selectedStake.chain(() => stakeAmount.map((a) => !a.isZero() && !a.isNaN())).extractNullable();
|
|
4435
4614
|
const [, send] = useWebViewConnectMachine();
|
|
4436
|
-
|
|
4615
|
+
useEffect11(() => {
|
|
4437
4616
|
if (isConnected || isConnecting)
|
|
4438
4617
|
return;
|
|
4439
4618
|
send("CONNECT");
|