Service Self-Dependency Issue in TypeScript Repository Implementation

const customHtmlTemplate = CustomHtmlTemplateRepository.of({
  handleUsernamePassword: ({ username, password }) =>
    Effect.gen(function* () {
      if (username !== 'demouser' && password !== 'password') {
        return Effect.fail(InvalidUsernamePassword);
      }
      return Effect.succeed({} as Success);
    }),
  handleActionKey: ({ actionKey, formData }) =>
    Effect.gen(function* () {
      if (actionKey === 'submit') {
        const { handleUsernamePassword } = yield* CustomHtmlTemplateRepository;
        const result = yield* handleUsernamePassword(formData);
      }
      return Effect.succeed({});
    }),
});

const customHtmlTemplate = CustomHtmlTemplateRepository.of({
  handleUsernamePassword: ({ username, password }) =>
    Effect.gen(function* () {
      if (username !== 'demouser' && password !== 'password') {
        return Effect.fail(InvalidUsernamePassword);
      }
      return Effect.succeed({} as Success);
    }),
  handleActionKey: ({ actionKey, formData }) =>
    Effect.gen(function* () {
      if (actionKey === 'submit') {
        const { handleUsernamePassword } = yield* CustomHtmlTemplateRepository;
        const result = yield* handleUsernamePassword(formData);
      }
      return Effect.succeed({});
    }),
});