@adyen/adyen-platform-experience-web 1.0.0-beta → 1.0.0-beta.2

package/dist/es/utils/Validator/Validator.js

@@ -1,67 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { ValidationRuleResult } from "./ValidationRuleResult.js";
-class ValidationResult {
-  constructor(results) {
-    __publicField(this, "validationResults");
-    this.validationResults = results;
-  }
-  /** Checks if all validation rules have passed */
-  get isValid() {
-    return this.validationResults.reduce((acc, result) => acc && result.isValid, true);
-  }
-  /** Checks if any validation rule returned an error */
-  hasError(isValidatingForm = false) {
-    return Boolean(this.getError(isValidatingForm));
-  }
-  /** Returns the first validation result that returned an error */
-  getError(isValidatingForm = false) {
-    return this.validationResults.find((result) => result.hasError(isValidatingForm));
-  }
-  /** Returns all validation results that returned an error */
-  getAllErrors() {
-    return this.validationResults.filter((result) => result.hasError());
-  }
-}
-class Validator {
-  constructor(rules) {
-    __publicField(this, "rules", {
-      default: {
-        validate: () => true,
-        modes: ["blur", "input"]
-      }
-    });
-    this.setRules(rules);
-  }
-  setRules(newRules) {
-    this.rules = {
-      ...this.rules,
-      ...newRules
-    };
-  }
-  /**
-   * Get all validation rules for a field
-   */
-  getRulesFor(field) {
-    let fieldRules = this.rules[field] ?? this.rules["default"];
-    if (!Array.isArray(fieldRules)) {
-      fieldRules = [fieldRules];
-    }
-    return fieldRules;
-  }
-  /**
-   * Validates a field
-   */
-  validate({ key, value, mode = "blur" }, context) {
-    const fieldRules = this.getRulesFor(key);
-    const validationRulesResult = fieldRules.map((rule) => new ValidationRuleResult(rule, value, mode, context));
-    return new ValidationResult(validationRulesResult);
-  }
-}
-export {
-  Validator as default
-};

package/dist/es/utils/Validator/Validator.test.js

@@ -1,27 +0,0 @@
-import Validator from "./Validator.js";
-import { d as describe, t as test, g as globalExpect } from "../../../vendor-vi.a3ff54b1-5e924357.mjs";
-const mockRules = {};
-describe("Validator", () => {
-  test("Fields are valid by default", () => {
-    const validator = new Validator(mockRules);
-    globalExpect(validator.validate({ key: "aNewField", value: "123" }).hasError()).toBe(false);
-    globalExpect(validator.validate({ key: "aNewField", value: "123", mode: "input" }).hasError()).toBe(false);
-  });
-  test("Set custom rules", () => {
-    const validator = new Validator({
-      aNewField: {
-        validate: () => false,
-        errorMessage: "test",
-        modes: ["blur"]
-      }
-    });
-    globalExpect(validator.validate({ key: "aNewField", value: "123" }).hasError()).toBe(true);
-    globalExpect(validator.validate({ key: "aNewField", value: "123", mode: "input" }).hasError()).toBe(false);
-  });
-  test("Has default rules", () => {
-    const validator = new Validator({});
-    globalExpect(validator.validate({ key: "aNewField", value: "123" }).hasError()).toBe(false);
-    globalExpect(validator.validate({ key: "aNewField", value: null }).hasError()).toBe(false);
-    globalExpect(validator.validate({ key: "shopperEmail", value: "test@test.com" }).hasError()).toBe(false);
-  });
-});

package/dist/es/utils/Validator/defaultRules.js

@@ -1,12 +0,0 @@
-const defaultRules = {
-  input: {
-    default: () => true
-  },
-  blur: {
-    shopperEmail: (email) => /\S+@\S+\.\S+/.test(email),
-    default: () => true
-  }
-};
-export {
-  defaultRules as default
-};

package/dist/es/utils/Validator/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./Validator.js";
-export {
-  default2 as default
-};

package/dist/es/utils/get-image.test.js

@@ -1,38 +0,0 @@
-import { getImageUrl } from "./get-image.js";
-import { d as describe, t as test, g as globalExpect } from "../../vendor-vi.a3ff54b1-5e924357.mjs";
-describe("Ideal utils", () => {
-  describe("getImageUrl", () => {
-    const issuer = 123;
-    const loadingContext = "http://adyen.com/";
-    const type = "ideal";
-    test("Gets a full url with a parentContext", () => {
-      const options = {
-        loadingContext,
-        parentFolder: "ideal/"
-      };
-      globalExpect(getImageUrl(options)(issuer)).toBe("http://adyen.com/images/logos/ideal/123.svg");
-    });
-    test("Gets an image under components/ folder", () => {
-      const options = {
-        loadingContext,
-        imageFolder: "components/"
-      };
-      globalExpect(getImageUrl(options)("success")).toBe("http://adyen.com/images/components/success.svg");
-    });
-    test("Gets a full url without a parentContext (default ideal image)", () => {
-      const options = {
-        loadingContext,
-        parentFolder: ""
-      };
-      globalExpect(getImageUrl(options)(type)).toBe("http://adyen.com/images/logos/ideal.svg");
-    });
-    test("Gets an image in PNG", () => {
-      const options = {
-        loadingContext,
-        parentFolder: "ideal/",
-        extension: "png"
-      };
-      globalExpect(getImageUrl(options)(issuer)).toBe("http://adyen.com/images/logos/ideal/123.png");
-    });
-  });
-});

package/dist/es/utils/memoComparator/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./memoComparator.js";
-export {
-  default2 as default
-};

package/dist/es/utils/regex.js

@@ -1,6 +0,0 @@
-const email = /^\s*[\w\-+_]+(\.[\w\-+_]+)*@[\w\-+_]+\.[\w\-+_]+(\.[\w-+_]+)*\s*$/;
-const telephoneNumber = /^[+]*[(]{0,1}[0-9]{1,3}[)]{0,1}[-\s./0-9]*$/;
-export {
-  email,
-  telephoneNumber
-};

package/dist/es/utils/useForm/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./useForm.js";
-export {
-  default2 as default
-};

package/dist/es/utils/useForm/reducer.js

@@ -1,153 +0,0 @@
-const omitKeys = (obj, omit) => Object.keys(obj).filter((k) => !omit.includes(k)).reduce((a, c) => {
-  a[c] = obj[c];
-  return a;
-}, {});
-const addKeys = (obj, add, initialValue, defaultData, pendingData) => add.reduce((a, c) => ({ ...a, [c]: a[c] ?? (pendingData == null ? void 0 : pendingData[c]) ?? (defaultData == null ? void 0 : defaultData[c]) ?? initialValue }), obj);
-function init({ schema, defaultData, processField, fieldProblems }) {
-  const getProcessedState = (fieldKey) => {
-    if (!defaultData[fieldKey]) {
-      return { valid: false, errors: null, data: null, fieldProblems: (fieldProblems == null ? void 0 : fieldProblems[fieldKey]) ?? null };
-    }
-    const [formattedValue, validationResult] = processField(
-      { key: fieldKey, value: defaultData[fieldKey], mode: "blur" },
-      { state: { data: defaultData } }
-    );
-    return {
-      valid: validationResult.isValid && !(fieldProblems == null ? void 0 : fieldProblems[fieldKey]) || false,
-      errors: validationResult.hasError() ? validationResult.getError() : null,
-      data: formattedValue,
-      fieldProblems: (fieldProblems == null ? void 0 : fieldProblems[fieldKey]) ?? null
-    };
-  };
-  const formData = schema.reduce(
-    (acc, fieldKey) => {
-      const { valid, errors, data, fieldProblems: fieldProblems2 } = getProcessedState(fieldKey);
-      return {
-        valid: { ...acc.valid, [fieldKey]: valid },
-        errors: { ...acc.errors, [fieldKey]: errors },
-        data: { ...acc.data, [fieldKey]: data },
-        fieldProblems: { ...acc.fieldProblems, [fieldKey]: fieldProblems2 }
-      };
-    },
-    { data: {}, valid: {}, errors: {}, fieldProblems: {} }
-  );
-  return {
-    schema,
-    data: formData.data,
-    valid: formData.valid,
-    errors: formData.errors,
-    fieldProblems: formData.fieldProblems
-  };
-}
-function getReducer(processField) {
-  return function reducer(state, { type, payload }) {
-    var _a, _b, _c, _d, _e;
-    switch (type) {
-      case "setData": {
-        return { ...state, data: { ...state.data, [payload.key]: payload.value } };
-      }
-      case "setValid": {
-        return { ...state, valid: { ...state.valid, [payload.key]: payload.value } };
-      }
-      case "setErrors": {
-        return { ...state, errors: { ...state.errors, [payload.key]: payload.value } };
-      }
-      case "setFieldProblems": {
-        return ((_a = state.schema) == null ? void 0 : _a.reduce(
-          (acc, key) => {
-            var _a2, _b2, _c2;
-            return {
-              ...acc,
-              fieldProblems: { ...state["fieldProblems"], [key]: ((_a2 = payload.fieldProblems) == null ? void 0 : _a2[key]) ?? null },
-              valid: { ...state["valid"], [key]: ((_b2 = state == null ? void 0 : state.valid) == null ? void 0 : _b2[key]) && !((_c2 = payload.fieldProblems) == null ? void 0 : _c2[key]) }
-            };
-          },
-          state
-        )) ?? state;
-      }
-      case "updateField": {
-        const [formattedValue, validation] = processField({ key: payload.key, value: payload.value, mode: payload.mode }, { state });
-        const oldValue = state.data[payload.key];
-        const fieldProblems = { ...state.fieldProblems };
-        if (oldValue !== formattedValue) {
-          fieldProblems[payload.key] = null;
-        }
-        return {
-          ...state,
-          data: { ...state["data"], [payload.key]: formattedValue },
-          errors: { ...state["errors"], [payload.key]: validation.hasError() ? validation.getError() : null },
-          valid: { ...state["valid"], [payload.key]: validation.isValid && !fieldProblems[payload.key] || false },
-          fieldProblems
-        };
-      }
-      case "mergeForm": {
-        const mergedState = {
-          ...state,
-          data: { ...state["data"], ...payload.formValue["data"] },
-          errors: { ...state["errors"], ...payload.formValue["errors"] },
-          valid: { ...state["valid"], ...payload.formValue["valid"] },
-          fieldProblems: { ...state["fieldProblems"], ...payload.formValue["fieldProblems"] }
-        };
-        if (mergedState["valid"]) {
-          mergedState.isValid = Object.values(mergedState.valid).every((isValid) => isValid);
-        }
-        return mergedState;
-      }
-      case "setSchema": {
-        const defaultState = init({
-          schema: payload.schema,
-          defaultData: payload.defaultData,
-          processField,
-          fieldProblems: payload.fieldProblems
-        });
-        const removedSchemaFields = ((_b = state.schema) == null ? void 0 : _b.filter((x) => !payload.schema.includes(x))) ?? [];
-        const newSchemaFields = payload.schema.filter((x) => {
-          var _a2;
-          return !((_a2 = state.schema) == null ? void 0 : _a2.includes(x));
-        });
-        const local = {
-          data: omitKeys(state.data, newSchemaFields),
-          errors: omitKeys(state.errors, newSchemaFields),
-          valid: omitKeys(state.valid, newSchemaFields)
-        };
-        const data = addKeys(
-          omitKeys(state.data, removedSchemaFields),
-          newSchemaFields,
-          null,
-          defaultState.data,
-          (_c = state.local) == null ? void 0 : _c.data
-        );
-        const valid = addKeys(
-          omitKeys(state.valid, removedSchemaFields),
-          newSchemaFields,
-          false,
-          defaultState.valid,
-          (_d = state.local) == null ? void 0 : _d.valid
-        );
-        const errors = addKeys(omitKeys(state.errors, removedSchemaFields), newSchemaFields, null, defaultState.errors, (_e = state.local) == null ? void 0 : _e.errors);
-        return { ...state, schema: payload.schema, data, valid, errors, local };
-      }
-      case "validateForm": {
-        const validationSchema = payload.selectedSchema || (state == null ? void 0 : state.schema) || [];
-        const formValidation = validationSchema.reduce(
-          (acc, cur) => {
-            var _a2;
-            const [, validation] = processField({ key: cur, value: state.data[cur], mode: "blur" }, { state });
-            return {
-              valid: { ...acc["valid"], [cur]: validation.isValid && !((_a2 = state.fieldProblems) == null ? void 0 : _a2[cur]) || false },
-              errors: { ...acc["errors"], [cur]: validation.hasError(true) ? validation.getError(true) : null }
-            };
-          },
-          { valid: state.valid, errors: state.errors }
-        );
-        return { ...state, valid: formValidation.valid, errors: formValidation.errors };
-      }
-      default:
-        throw new Error("Undefined useForm action");
-    }
-  };
-}
-export {
-  getReducer,
-  init
-};

package/dist/es/utils/useForm/useForm.js

@@ -1,85 +0,0 @@
-import { F, s, T, p } from "../../../hooks.module-8565d716.mjs";
-import Validator from "../Validator/Validator.js";
-import { init, getReducer } from "./reducer.js";
-import { isFunction } from "../common/index.js";
-function useForm(props) {
-  const { rules = {}, formatters = {}, defaultData = {}, fieldProblems = {}, schema = [] } = props;
-  const validator = F(() => new Validator(rules), [rules]);
-  const processField = ({ key, value, mode }, fieldContext) => {
-    var _a;
-    const formatterFn = ((_a = formatters == null ? void 0 : formatters[key]) == null ? void 0 : _a.formatter) ? formatters[key].formatter : formatters == null ? void 0 : formatters[key];
-    const formattedValue = formatterFn && isFunction(formatterFn) ? formatterFn(value ?? "", fieldContext) : value;
-    const validationResult = validator.validate({ key, value: formattedValue, mode }, fieldContext);
-    return [formattedValue, validationResult];
-  };
-  const [state, dispatch] = s(
-    getReducer(processField),
-    { defaultData, schema: schema ?? [], processField, fieldProblems },
-    init
-  );
-  const isValid = F(() => {
-    var _a;
-    return (_a = state.schema) == null ? void 0 : _a.reduce((acc, val) => (acc && state.valid[val]) ?? false, true);
-  }, [state.schema, state.valid]);
-  const getTargetValue = (key, e) => {
-    var _a;
-    if (!e.target)
-      return null;
-    if (((_a = e.target) == null ? void 0 : _a.type) === "checkbox") {
-      return !state.data[key];
-    }
-    return e.target.value;
-  };
-  const handleChangeFor = (key, mode) => {
-    return (e) => {
-      const value = getTargetValue(key, e);
-      dispatch({ type: "updateField", payload: { key, value, mode } });
-    };
-  };
-  const triggerValidation = T((selectedSchema = null) => {
-    dispatch({ type: "validateForm", payload: { selectedSchema } });
-  }, []);
-  const setErrors = T(
-    (key, value) => dispatch({ type: "setErrors", payload: { key, value } }),
-    []
-  );
-  const setValid = T(
-    (key, value) => dispatch({ type: "setValid", payload: { key, value } }),
-    []
-  );
-  const setData = T(
-    (key, value) => dispatch({ type: "setData", payload: { key, value } }),
-    []
-  );
-  const setSchema = T(
-    (schema2) => dispatch({ type: "setSchema", payload: { schema: schema2, defaultData } }),
-    [state.schema, defaultData]
-  );
-  const mergeForm = T((formValue) => dispatch({ type: "mergeForm", payload: { formValue } }), []);
-  const setFieldProblems = T(
-    (fieldProblems2) => dispatch({ type: "setFieldProblems", payload: { fieldProblems: fieldProblems2 } }),
-    [state.schema, defaultData]
-  );
-  p(() => {
-    setFieldProblems(fieldProblems ?? {});
-  }, [JSON.stringify(fieldProblems)]);
-  return {
-    handleChangeFor,
-    triggerValidation,
-    setSchema,
-    setData,
-    setValid,
-    setErrors,
-    isValid,
-    mergeForm,
-    setFieldProblems,
-    schema: state.schema,
-    valid: state.valid,
-    errors: state.errors,
-    data: state.data,
-    fieldProblems: state.fieldProblems
-  };
-}
-export {
-  useForm as default
-};

package/dist/es/utils/useForm/useForm.test.js

@@ -1,107 +0,0 @@
-import useForm from "./useForm.js";
-import { u, a as renderHook } from "../../../index-2c0f6175.mjs";
-import { d as describe, b as beforeEach, i as it, g as globalExpect } from "../../../vendor-vi.a3ff54b1-5e924357.mjs";
-describe.skip("useForm", () => {
-  const defaultSchema = ["firstName", "lastName"];
-  const defaultData = { firstName: "John" };
-  describe("schema", () => {
-    let useFormHook;
-    beforeEach(() => {
-      const { result } = renderHook(() => useForm({ schema: defaultSchema }));
-      useFormHook = result;
-    });
-    it("should set a default schema", () => {
-      globalExpect(useFormHook.current.schema).toEqual(defaultSchema);
-      globalExpect(useFormHook.current.data[defaultSchema[0]]).toEqual(null);
-      globalExpect(useFormHook.current.errors[defaultSchema[0]]).toEqual(null);
-      globalExpect(useFormHook.current.valid[defaultSchema[0]]).toEqual(false);
-      globalExpect(useFormHook.current.data[defaultSchema[1]]).toEqual(null);
-      globalExpect(useFormHook.current.valid[defaultSchema[1]]).toEqual(false);
-      globalExpect(useFormHook.current.errors[defaultSchema[1]]).toEqual(null);
-    });
-    it("should update the schema", () => {
-      u(() => {
-        useFormHook.current.setSchema(["email"]);
-      });
-      globalExpect(useFormHook.current.schema).toEqual(["email"]);
-      globalExpect(useFormHook.current.data["email"]).toEqual(null);
-      globalExpect(useFormHook.current.valid["email"]).toEqual(false);
-      globalExpect(useFormHook.current.errors["email"]).toEqual(null);
-    });
-  });
-  describe("defaultData", () => {
-    it("should set defaultData", () => {
-      const { result } = renderHook(() => useForm({ schema: defaultSchema, defaultData }));
-      globalExpect(result.current.data.firstName).toEqual(defaultData.firstName);
-      globalExpect(result.current.data.lastName).toEqual(null);
-    });
-    it("should set default data after changing the schema", () => {
-      const { result } = renderHook(() => useForm({ schema: defaultSchema, defaultData }));
-      u(() => {
-        result.current.setSchema(["email"]);
-      });
-      globalExpect(result.current.data["firstName"]).toEqual(void 0);
-      globalExpect(result.current.valid["firstName"]).toEqual(void 0);
-      globalExpect(result.current.errors["firstName"]).toEqual(void 0);
-      u(() => {
-        result.current.setSchema(["firstName", "email"]);
-      });
-      globalExpect(result.current.data["firstName"]).toEqual(defaultData.firstName);
-      globalExpect(result.current.valid["firstName"]).toEqual(true);
-      globalExpect(result.current.errors["firstName"]).toEqual(null);
-    });
-  });
-  describe("handleChangeFor", () => {
-    const firstNameValue = "John";
-    it("should handle changes for a field", () => {
-      const { result } = renderHook(() => useForm({ schema: defaultSchema }));
-      u(() => {
-        result.current.handleChangeFor("firstName")(firstNameValue);
-      });
-      globalExpect(result.current.data.firstName).toBe(firstNameValue);
-      globalExpect(result.current.valid.firstName).toBe(true);
-      globalExpect(result.current.errors.firstName).toBe(null);
-    });
-    it("should format the value of a field using formatters", () => {
-      const formatterMock = jest.fn();
-      const { result } = renderHook(() => useForm({ schema: defaultSchema, formatters: { firstName: formatterMock } }));
-      u(() => {
-        result.current.handleChangeFor("firstName")(firstNameValue);
-      });
-      const fieldContext = {
-        state: {
-          data: {
-            firstName: null,
-            lastName: null
-          },
-          errors: {
-            firstName: null,
-            lastName: null
-          },
-          schema: ["firstName", "lastName"],
-          valid: {
-            firstName: false,
-            lastName: false
-          },
-          fieldProblems: {
-            firstName: null,
-            lastName: null
-          }
-        }
-      };
-      globalExpect(formatterMock).toHaveBeenCalledWith(firstNameValue, fieldContext);
-    });
-    it("should set the value of a checkbox", () => {
-      const { result } = renderHook(() => useForm({ schema: defaultSchema }));
-      const mockEvent = { target: { type: "checkbox" } };
-      u(() => {
-        result.current.handleChangeFor("firstName")(mockEvent);
-      });
-      globalExpect(result.current.data.firstName).toEqual(true);
-      u(() => {
-        result.current.handleChangeFor("firstName")(mockEvent);
-      });
-      globalExpect(result.current.data.firstName).toEqual(false);
-    });
-  });
-});

package/dist/es/utils/uuid.test.js

@@ -1,13 +0,0 @@
-import uuidv4 from "./uuid.js";
-import { d as describe, t as test, g as globalExpect } from "../../vendor-vi.a3ff54b1-5e924357.mjs";
-describe("uuid", () => {
-  test("should generate a UUID of 36 characters", () => {
-    const id = uuidv4();
-    globalExpect(id.length).toBe(36);
-  });
-  test("UUIDs are unique", () => {
-    const id = uuidv4();
-    const id2 = uuidv4();
-    globalExpect(id).not.toBe(id2);
-  });
-});

package/dist/es/utils/watchable/core/Watchable.test.js

@@ -1,103 +0,0 @@
-import { noop } from "../../common/index.js";
-import __Watchable__ from "./Watchable.js";
-import { UNWATCH_SIGNAL } from "../constants.js";
-import { d as describe, b as beforeEach, t as test, g as globalExpect, v as vi } from "../../../../vendor-vi.a3ff54b1-5e924357.mjs";
-describe("Watchable", () => {
-  beforeEach((context) => {
-    let VERSION = 1;
-    Object.defineProperties(context, {
-      version: {
-        enumerable: true,
-        get: () => VERSION,
-        set: (version) => {
-          VERSION = version;
-        }
-      },
-      watchable: { enumerable: true, value: new __Watchable__({ version: () => VERSION }) },
-      watchFn: { enumerable: true, value: vi.fn() }
-    });
-  });
-  test("should create watchable instance", (context) => {
-    const watchable = context.watchable;
-    globalExpect(watchable).toHaveProperty("idle");
-    globalExpect(watchable).toHaveProperty("idleCallbacks");
-    globalExpect(watchable).toHaveProperty("notifyWatchers");
-    globalExpect(watchable).toHaveProperty("snapshot");
-    globalExpect(watchable).toHaveProperty("watch");
-    globalExpect(watchable.idle).toBe(true);
-    globalExpect(watchable.idleCallbacks.idle).toBe(noop);
-    globalExpect(watchable.idleCallbacks.resume).toBe(noop);
-    globalExpect(watchable.snapshot).toBeTypeOf("object");
-    globalExpect(watchable.snapshot).toHaveProperty("version");
-    globalExpect(watchable.snapshot.version).toBe(context.version);
-    globalExpect(watchable.notifyWatchers).toBeTypeOf("function");
-    globalExpect(watchable.watch).toBeTypeOf("function");
-    globalExpect(watchable.notifyWatchers()).toBe(void 0);
-  });
-  test("should recompute state snapshot correctly", (context) => {
-    const watchable = context.watchable;
-    globalExpect(watchable.idle).toBe(true);
-    globalExpect(watchable.snapshot.version).toBe(context.version++);
-    globalExpect(watchable.snapshot.version).toBe(context.version);
-    const unwatch = watchable.watch(context.watchFn);
-    globalExpect(context.watchFn).toBeCalledTimes(1);
-    globalExpect(watchable.idle).toBe(false);
-    context.version++;
-    globalExpect(watchable.snapshot.version).not.toBe(context.version);
-    globalExpect(watchable.snapshot.version).toBe(context.version - 1);
-    globalExpect(watchable.notifyWatchers()).toBe(true);
-    globalExpect(context.watchFn).toBeCalledTimes(2);
-    globalExpect(watchable.snapshot.version).toBe(context.version);
-    unwatch();
-    globalExpect(watchable.idle).toBe(true);
-    context.version++;
-    globalExpect(watchable.snapshot.version).toBe(context.version);
-  });
-  test("should trigger watch and idle callbacks correctly", (context) => {
-    const watchable = context.watchable;
-    const idleCallback = watchable.idleCallbacks.idle = vi.fn();
-    const resumeCallback = watchable.idleCallbacks.resume = vi.fn();
-    globalExpect(resumeCallback).toBeCalledTimes(0);
-    globalExpect(idleCallback).toBeCalledTimes(0);
-    globalExpect(watchable.idle).toBe(true);
-    const unwatch = watchable.watch(context.watchFn);
-    globalExpect(context.watchFn).toBeCalledTimes(1);
-    globalExpect(resumeCallback).toBeCalledTimes(1);
-    globalExpect(idleCallback).toBeCalledTimes(0);
-    globalExpect(watchable.idle).toBe(false);
-    globalExpect(watchable.notifyWatchers()).toBe(false);
-    globalExpect(watchable.snapshot.version).toBe(context.version);
-    globalExpect(context.watchFn).toBeCalledTimes(1);
-    context.version++;
-    globalExpect(watchable.notifyWatchers()).toBe(true);
-    globalExpect(context.watchFn).toBeCalledTimes(2);
-    globalExpect(watchable.snapshot.version).toBe(context.version);
-    const unwatch2 = watchable.watch(context.watchFn);
-    globalExpect(context.watchFn).toBeCalledTimes(3);
-    globalExpect(resumeCallback).toBeCalledTimes(1);
-    globalExpect(idleCallback).toBeCalledTimes(0);
-    globalExpect(unwatch).toBe(unwatch2);
-    context.version++;
-    globalExpect(watchable.notifyWatchers()).toBe(true);
-    globalExpect(context.watchFn).toBeCalledTimes(4);
-    unwatch();
-    globalExpect(resumeCallback).toBeCalledTimes(1);
-    globalExpect(idleCallback).toBeCalledTimes(0);
-    globalExpect(watchable.idle).toBe(false);
-    unwatch2();
-    globalExpect(resumeCallback).toBeCalledTimes(1);
-    globalExpect(idleCallback).toBeCalledTimes(1);
-    globalExpect(watchable.idle).toBe(true);
-  });
-  test("should trigger callbacks correctly with unwatch signal", (context) => {
-    const watchable = context.watchable;
-    const anotherWatchFn = vi.fn();
-    watchable.watch(context.watchFn);
-    watchable.watch(anotherWatchFn);
-    globalExpect(watchable.notifyWatchers(UNWATCH_SIGNAL)).toBe(true);
-    globalExpect(context.watchFn).toBeCalledTimes(2);
-    globalExpect(anotherWatchFn).toBeCalledTimes(2);
-    globalExpect(context.watchFn).toHaveBeenLastCalledWith(UNWATCH_SIGNAL);
-    globalExpect(anotherWatchFn).toHaveBeenLastCalledWith(UNWATCH_SIGNAL);
-  });
-});